Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Theme 3 - Minimalist

By: illusi0ne on May 13th, 2012  |  syntax: None  |  size: 8.23 KB  |  hits: 3,848  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!--
  2. theme 3 by strawbharry.
  3. remove the credit/steal/copy and ill shoot you
  4. -->
  5.  
  6.  
  7. <!-- DEFAULT VARIABLES -->
  8. <meta name="color:text" content="#978481" />
  9. <meta name="color:link" content="#AF7E79" />
  10. <meta name="color:link hover" content="#AF7E79" />
  11. <meta name="color:background" content="#FDF6F5" />
  12. <meta name="color:scroll bar" content="#000000" />
  13. <meta name="color:text shadow" content="#FFFFFF" />
  14.  
  15. <meta name="font:body" content="Arial" />
  16. <meta name="image:sidebar" content=""/>
  17. <meta name="image:background" content="" />
  18.  
  19. <meta name="if:fading images" content="1" />
  20.  
  21. <meta name="text:Link1Title" content="link 1"/>
  22. <meta name="text:Link1" content="http://" />
  23. <meta name="text:Link2Title" content="link 2" />
  24. <meta name="text:Link2" content="http://" />
  25. <meta name="text:Link3Title" content="link 3" />
  26. <meta name="text:Link3" content="http://" />
  27. <meta name="text:Link4Title" content="link 4" />
  28. <meta name="text:Link4" content="http://" />
  29.  
  30.  
  31.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>{Title}</title>
  32. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33. <link rel="shortcut icon" href="{Favicon}" /><link rel="alternate" type="application/rss+xml" href="{RSS}" />
  34. <style type="text/css">
  35.  
  36. {block:iffadingimages}
  37. img{
  38. -webkit-transition: opacity 0.7s linear;
  39. opacity: 0.7;
  40. }
  41. img:hover{
  42. -webkit-transition: opacity 0.7s linear;
  43. opacity: 1;
  44. }
  45. {/block:iffadingimages}
  46.  
  47. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scroll bar}; height:30px;}
  48. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scroll bar}; height:10px!important;}
  49. ::-webkit-scrollbar {background-color:{color:background}; height:10px; width:5px;}
  50.  
  51. body {
  52. color:{color:text};
  53. background-color:{color:Background};
  54. background-image: url('{image:Background}');
  55. background-position:top left;
  56. background-attachment:fixed;
  57. background-repeat:repeat;
  58. font-size:10px;
  59. font-family:trebuchet ms;
  60. line-height:110%;
  61. text-align:justify}
  62.  
  63.  
  64. a:link, a:active, a:visited{
  65. color: {color:link}; text-decoration:none}
  66.  
  67. a:hover{
  68. color:{color:link hover}; text-shadow: 0px 0px 2px {color:text shadow}; font-style:bold;
  69. -webkit-transition: all 0.4s ease-in;
  70. -moz-transition: all 0.4s ease-in;
  71. -o-transition: all 0.4s ease-in;
  72. transition: all 0.4s ease-in;
  73. }
  74.  
  75. #entries {
  76. margin-left:450px;
  77. margin-top:5px;
  78. padding:3px;
  79. width:520px;}
  80.  
  81. #posts{
  82. overflow:hidden;
  83. background-color:transparent;
  84. padding:10px;
  85. font-size:10px;
  86. margin-bottom:15px;
  87. font-family:{font:body};
  88. letter-spacing:0px;
  89. }
  90.  
  91. #sidebar {
  92. width:255px;
  93. padding:40px;
  94. margin-top:5px;
  95. margin-left:135px;
  96. height:100%;
  97. position:fixed
  98. }
  99.  
  100. .slinks {
  101. opacity:0.4;
  102. height:40px;
  103. position:fixed;
  104. margin-top:-5px;
  105. margin-left:10px;
  106. text-align:justify;
  107. font-size:25px;
  108. font-family:arial;
  109. font-size:11px;
  110. width:40px;
  111. position:fixed;
  112. z-index:1; -webkit-transition: all 1.0s ease-in-out ;-moz-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out;transition: all 1.0s ease-in-out;
  113. }
  114.  
  115. #sidebarimg {
  116. margin-top:180px;
  117. }
  118.  
  119. #sidebarimg img {
  120. max-width:120px;
  121. height:auto;
  122. -webkit-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;
  123. }
  124.  
  125. #sidebarimg:hover .slinks {background-color:{color:sidebar}; height:300px; opacity:0.8; -webkit-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out;}
  126.  
  127. #sidebarinfo{
  128. color:{color:text};
  129. font-family:{font:body};
  130. text-align:center;
  131. font-size:8.5px;
  132. width:148px;
  133. margin-top:7px;
  134. margin-left:54px;
  135. }
  136.  
  137.  
  138.  
  139. h1{
  140. color:{color:text};
  141. font-family:{font:body};
  142. font-size:18px;
  143. line-height:17px;
  144. letter-spacing:0px;
  145. font-weight:none;
  146. margin:0px;
  147. padding:0px;
  148. text-align:center}
  149.  
  150. h2{
  151. color:{color:text};
  152. font-family:{font:body};
  153. font-size:12px;
  154. line-height:14px;
  155. letter-spacing:0px;
  156. font-weight:none;
  157. margin:0px;
  158. padding:0px;
  159. margin-bottom:0px;
  160. text-align:center}
  161.  
  162. #pagination {
  163. font-family:arial;
  164. text-align:center;
  165. padding:3px;
  166. font-size:20px;
  167. }
  168.  
  169. #permalink {
  170. display:block;
  171. margin:2px 0px 2px 0px;
  172. padding:2px;
  173. color:{color:text};
  174. font:10px {font:body};
  175. line-height:110%;
  176. text-transform:none;
  177. background-color:{color:permalink};
  178. letter-spacing:0px;
  179. border-bottom:1px dashed {color:text};
  180. }
  181.  
  182. #permalink a {color:{color:link};}
  183.  
  184. #permalink a:hover {color:{color:link hover}; text-shadow: 0px 0px 3px {color:text shadow};}
  185.  
  186. #audiopost{display:block; background-color:white;}
  187. #audioimage{float:left; width: 60px; border: 5px solid; color: {color:background};}
  188. #audioimage img {max-width: 60px; height: auto;}
  189.  
  190. #askerimg{float: center; margin: 0px 4px 2px 0}
  191.  
  192. #questions {background-color:{color:permalink};
  193. color: {color:text};
  194. padding:10px;
  195. margin-bottom:0px;
  196. font-size:10px;
  197. text-align:center;
  198. font-family:{font:body};
  199. }
  200.  
  201. #notes {font-weight:normal}
  202. #notes li {padding-bottom:0.5em}
  203. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:8px}
  204.  
  205. #questions a {color:{color:text};}
  206.  
  207. blockquote {border-left:4px solid {color:text}; padding-left:5px; margin:2px 10px;}
  208. blockquote img, blockquote a img {max-width: 500px}
  209.  
  210. #user_1 .label {color:{color:links}; font-weight:bold}
  211. #user_2 .label {color:{color:text}; font-weight:bold}
  212. ul.chat, .chat ol, .chat li {display:block; background-color: {color:sidebar}; list-style:none; margin:0px; padding:0px;}
  213.  
  214. </style>
  215. <style type="text/css">{CustomCSS}</style>
  216.  
  217. </head>
  218.  
  219.  
  220. <div id="sidebar">
  221.  
  222. <div id="sidebarimg">
  223. <div class="slinks">
  224. <a href="/">home</a></br></br>
  225. <a href="/ask">ask</a></br></br>
  226. {block:ifLink1}<a href="{text:Link1}">{text:Link1Title}</a>{/block:ifLink1}<br><br>
  227. {block:ifLink2}<a href="{text:Link2}">{text:Link2Title}</a> {/block:ifLink2}<br><br>
  228. {block:ifLink3}<a href="{text:Link3}">{text:Link3Title}</a>{/block:ifLink3}<br><br>
  229. {block:ifLink4}<a href="{text:Link4}">{text:Link4Title}</a> {/block:ifLink4}</br></br>
  230. <a href="http://strawbharry.tumblr.com/tagged/theme">theme</a>
  231. </div>
  232.  
  233. <center><img src="{image:sidebar}"></center></div>
  234.  
  235. <div id="sidebarinfo">{Description}</div><br>
  236. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">- </a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> +</a>{/block:NextPage}</div><br><center></div></div>
  237.  
  238. <div id="entries">
  239. {block:Posts}
  240. <div id="posts">
  241. {block:Quote}<h2>"{Quote}" - {Source}</h2>{/block:Quote}
  242. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  243. {block:Text}{Body}{/block:Text}
  244.  
  245. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  246. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  247.  
  248. {block:Photo}<center><img src="{PhotoURL-500}" width="500px"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  249. {block:Photoset}<center>{Photoset-500}</center>
  250. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  251.  
  252. {block:Chat}<ul class="chat">{block:Lines}<li id="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  253.  
  254. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  255.  
  256. {block:Answer}<div id="questions">{Asker} asked: {Question}</div>
  257. {Answer}{/block:answer}
  258.  
  259. {block:Audio}<div id="audioimage">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><span id="audiopost">
  260. {AudioPlayerWhite}</span><br>Played {FormattedPlayCount} Times {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  261.  
  262. <div id="permalink">{block:Date} posted <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} with {NoteCountwithLabel}{/block:NoteCount}{/block:Date}<div style="float:right">{block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} / &copy; <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div><br>{block:HasTags}{block:Tags}#<a href="/tagged/{Tag}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  263.  
  264. </div>{/block:Posts}
  265. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  266. </div>
  267. </body>
  268. </html>
create a new version of this paste RAW Paste Data