Advertisement
hawtornes

THEME15

Jun 1st, 2013
919
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.37 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---theme #15 by hawtornes--->
  9.  
  10. <meta name="color:Background" content="#fcfcfc"/>
  11. <meta name="color:Sidebar" content="#1f1f1f"/>
  12. <meta name="color:Text" content="#a8a8a8"/>
  13. <meta name="color:Link" content="#b8b8b8"/>
  14. <meta name="color:Scrollbar" content="#000000"/>
  15. <meta name="color:scrollbg" content="#ffffff"/>
  16. <meta name="color:Tags" content="f0f0f0"/>
  17. <meta name="color:Hover" content="#f2f2f2"/>
  18. <meta name="color:SidebarImag" content="#f2f2f2"/>
  19. <meta name="color:Line" content="#f2f2f2"/>
  20. <meta name="color:Border" content="#e4e4e4"/>
  21. <meta name="color:LinksBg" content="#e4e4e4"/>
  22. <meta name="color:Post" content="#ffffff"/>
  23. <meta name="color:Pagi" content="#ffffff"/>
  24. <meta name="color:Answer" content="#fcfcfc"/>
  25. <meta name="image:sidebar" content=""/>
  26. <meta name="image:sidebar bg" content=""/>
  27. <meta name="image:background" content=""/>
  28. <meta name="image:header" content=""/>
  29. <meta name="text:Link 1" content="" />
  30. <meta name="text:Link 1 Text" content="" />
  31. <meta name="text:Link 2" content="" />
  32. <meta name="text:Link 2 Text" content="" />
  33. <meta name="text:Link 3" content="" />
  34. <meta name="text:Link 3 Text" content="" />
  35. <meta name="if:Show Link 1" content="1" />
  36. <meta name="if:Show Link 2" content="1" />
  37. <meta name="if:Show Link 3" content="1" />
  38.  
  39.  
  40.  
  41. <style type="text/css">
  42.  
  43. ::-webkit-scrollbar {height: auto;width: 7px;}
  44. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  45. ::-webkit-scrollbar-track{background-color:{color:scrollbg};}
  46.  
  47. body {
  48. background:{color:background};
  49. margin:0px;
  50. color:{color:text};
  51. font-family:Calibri;
  52. font-size:9px;
  53. line-height:100%;
  54. letter-spacing:1px;
  55. text-align:justify;
  56. background-image:url('{image:Background}');
  57. }
  58.  
  59. a {
  60. text-decoration:none;
  61. outline:none;
  62. -moz-outline-style:none;
  63. color:{color:Link};
  64. }
  65.  
  66. img {
  67. border:none;
  68. }
  69.  
  70. blockquote {
  71. padding-left:5px;
  72. border-left:2px solid;
  73. }
  74.  
  75. blockquote blockquote {
  76. padding-left:5px;
  77. border-left:2px solid;
  78. }
  79.  
  80. h1 {
  81. font-size:14px;
  82. letter-spacing:3px;
  83. text-transform:lowercase;
  84. font-family:playfair display;
  85. font-style:italic;
  86. line-height:10px;
  87. }
  88.  
  89. a:hover {
  90. opacity:10;
  91. color:{color:hover};
  92. -webkit-transition: all 0.7s ease;
  93. -moz-transition: all 0.7s ease;
  94. -o-transition: all 0.7s ease
  95. }
  96.  
  97. #entries {
  98. padding:10px;
  99. width:500px;
  100. margin-left:432px;
  101. margin-top:-50px;
  102. font-size:10px;
  103. }
  104.  
  105. #post {
  106. width:500px;
  107. padding-bottom:40px;
  108. padding:45px;
  109. margin-top:50px;
  110. background-color:{color:Post};
  111. padding:4px;
  112. border:1px solid;
  113. border-color: {color:Border};
  114. border-radius:1px;
  115. }
  116.  
  117. #sidebar {
  118. width:140px;
  119. height:1003px;
  120. position:fixed;
  121. margin-left:280px;
  122. margin-top:-70px;
  123. background-image:url('{image:Sidebar bg}');
  124. background-color:{color:Sidebar};
  125. border:1px solid;
  126. border-color: {color:Border};
  127. border-radius:2px;
  128. }
  129.  
  130. #sidebarimage {
  131. width 130px;
  132. }
  133.  
  134. #sidebarimage img {
  135. width:100px;
  136. margin-left:16px;
  137. margin-top:400px;
  138. padding:2px;
  139. background-color:{color:SidebarImag};
  140. border:1px solid;
  141. border-color: {color:Border};
  142. border-radius:0px;
  143. }
  144.  
  145. #sidebar:hover .links {
  146. opacity:1;
  147. -moz-transition-duration:0.6s;
  148. -webkit-transition-duration:0.6s;
  149. -o-transition-duration:0.6s;}
  150.  
  151. .links {
  152. position:fixed;
  153. width:80px;
  154. z-index:-1px;
  155. font-family:'Trebuchet MS';
  156. text-transform:uppercase;
  157. padding:1px;
  158. font-size:7px;
  159. letter-spacing:1px;
  160. margin-left:28px;
  161. margin-top:-95px;
  162. font-style:none;
  163. position:fixed;
  164. text-align:center;
  165. opacity:0;
  166. -moz-transition-duration:0.8s;
  167. -webkit-transition-duration:0.8s;
  168. -o-transition-duration:0.8s;
  169. }
  170.  
  171. .links a {
  172. color:#727272;
  173. background-color:#fcfcfc;
  174. letter-spacing:1px;
  175. display:block;
  176. padding:1px;
  177. margin-bottom:1px;
  178. -moz-transition-duration:1s;
  179. -webkit-transition-duration:1s;
  180. -o-transition-duration:1s;}
  181.  
  182. .links a:hover {
  183. color:#fff;
  184. background-color:#000;
  185. z-index:-2;
  186. -moz-transition-duration:0.4s;
  187. -webkit-transition-duration:0.4s;
  188. -o-transition-duration:0.4s;
  189. }
  190.  
  191. #description {
  192. padding:4px;
  193. text-align:center;
  194. font-family:'Trebuchet Ms';
  195. margin-left:15px;
  196. width:97px;
  197. margin-top:9px;
  198. font-size: 7px;
  199. text-transform:uppercase;
  200. position:fixed;
  201. letter-spacing:0px;
  202. background-color:#ffffff;
  203. border:1px solid;
  204. border-color: {color:Border};
  205. border-radius:0px;
  206. line-height:8px;
  207.  
  208. }
  209.  
  210.  
  211. #pagination {
  212. width:105px;
  213. padding:7px;
  214. position:fixed;
  215. font-size:49px;
  216. text-align:center;
  217. font-family:cambria;
  218. margin-left:948px;
  219. margin-top:379px;
  220. letter-spacing:1px;
  221. }
  222.  
  223. #info {
  224. text-align:left;
  225. font-family:'Trebuchet Ms';
  226. margin-top:10px;
  227. text-transform:uppercase;
  228. letter-spacing:1px;
  229. font-size:7px;
  230. font-style:none;
  231. padding:8px;
  232. background-color:#fcfcfc;
  233. line-height:92%;
  234. border:1px solid;
  235. border-color: {color:Border};
  236. border-radius:1px;
  237. }
  238.  
  239. #info a {
  240. text-align:center;
  241. letter-spacing:1px;
  242. }
  243.  
  244. #info a:hover {
  245. color:transparent;
  246. }
  247.  
  248.  
  249. #tags {
  250. float:left;
  251. width:502px;;
  252. margin-top:16px;
  253. margin-left:-14px;
  254. background-color:#fff;
  255. text-align: center;
  256. font-size:8px;
  257. padding:3px;
  258. text-transform:uppercase;
  259. font-family:'Trebuchet Ms'; font-size:7px;
  260. border:1px solid;
  261. border-color: {color:Border};
  262. border-radius:1px;
  263. opacity:1;
  264. transition-duration: 0.5s;
  265. -moz-transition-duration: 0.5s;
  266. -webkit-transition-duration: 0.5s;
  267. -o-transition-duration: 0.5s
  268. }
  269.  
  270. #tags a {letter-spacing:1px; opacity:0.5;text-align: center; text-decoration:none; display:inline-block; margin-left: 2px; margin-right:2px; margin-top:2px;background-color:{color:Tags};}
  271. #tags a:hover {opacity:1; color:#aaa;background-color:{color:#ffffff};}
  272.  
  273. #post:hover #tags {opacity:1; -webkit-transition-duration: 0.5s;
  274. text-decoration:none;}
  275.  
  276. #asker {
  277. padding:7px;
  278. font-family:'Trebuchet Ms';
  279. font-size:7px;
  280. letter-spacing:1px;
  281. text-align:left;
  282. text-transform:uppercase;
  283. border:1px solid;
  284. border-color: {color:Border};
  285. border-radius:3px;
  286. background-color:{color:Answer}
  287. }
  288.  
  289. #title {
  290. width:100px;
  291. color:#1d1d1d;
  292. font-size:12px;
  293. font-family:playfair display;
  294. text-align:center;
  295. letter-spacing:3px;
  296. margin-left:17px;
  297. margin-top:-59px;
  298. margin-bottom:px;
  299. font-style:italic;
  300. text-transform:lowercase;
  301. background-color:#fff;
  302. }
  303.  
  304. #cred {
  305. position:fixed;
  306. width:55px;
  307. font-family:'Trebuchet Ms';
  308. text-transform:uppercase;
  309. font-size:7px;
  310. letter-spacing:2px;
  311. right:-13px;
  312. bottom:2px;
  313. color:{color:text};
  314. padding:3px;
  315. border:1px solid {color:#fafafa};
  316. }
  317.  
  318. {CustomCSS}</style></head><body>
  319.  
  320. <div id="sidebar">
  321.  
  322. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  323.  
  324. <div id="description">{Description}</div>
  325.  
  326. <div class="links">
  327.  
  328. <a href="/">HOME</a>
  329. <a href="/ask">ASK</a>
  330. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  331. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  332. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  333. <a href="http://hawtornes.tumblr.com">theme</a>
  334. </div>
  335. </div>
  336.  
  337. {block:Pagination}<div align="center" id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}&nbsp;&nbsp;{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>{/block:Pagination}
  338. </div>
  339.  
  340. </div>
  341.  
  342. <div id="entries">{block:Posts}<div id="post">
  343.  
  344. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  345.  
  346. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  347.  
  348. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  349.  
  350. {block:Quote}{Quote}{/block:Quote}
  351.  
  352. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  353.  
  354. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  355.  
  356. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  357. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  358. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  359. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  360. {/block:Audio}
  361.  
  362. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  363.  
  364. {block:Answer}<div id="asker"><span style="font-style:bold;font-family:'Trebuchet Ms';font-size:7px;font-style:italic;"><b>{Asker}:</b></span> {Question}</div><left><font face="calibri">{Answer}</font>{/block:Answer}
  365.  
  366. <div id="info">
  367. <a href="{ReblogURL}" target="_blank" class="details"> Reblog!</a> —&nbsp;&nbsp;posted <a href="{Permalink}">{TimeAgo}</a> ; {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} <font color="red"><small><small>♥</small></small></font> <a href="{Permalink}">{NoteCountWithLabel}</a>
  368. {block:HasTags}<div id="tags"> &nbsp&nbsptagged as :
  369. {block:Tags}<a href="/tagged/{Tag}">#{Tag} </a>{/block:Tags}
  370. </div>{block:HasTags}
  371. </div>
  372. </div>
  373. {/block:Posts}
  374. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  375. {/block:Posts}</div></div></div>
  376. <br><br><br><br><br><br><br><br>
  377. <div id="cred"><a href="http://hawtornes.tumblr.com/"><b><center>theme</b></a></div>
  378. </div>
  379.  
  380. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement