Advertisement
hawtornes

THEME16.

Jun 23rd, 2013
6,514
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.06 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 #16 by hawtornes--->
  9.  
  10. <meta name="color:Background" content="#fdfdfd"/>
  11. <meta name="color:Text" content="#a8a8a8"/>
  12. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  13. <meta name="color:Hover" content="#f2f2f2"/>
  14. <meta name="color:Tags Bg" content="#ffffff"/>
  15. <meta name="color:Line" content="#f2f2f2"/>
  16. <meta name="color:Links Bg" content="#fcfcfc"/>
  17. <meta name="color:Post Links" content="#e6e6e6"/>
  18. <meta name="color:Description" content="#ffffff"/>
  19. <meta name="color:Border" content="#fafafa"/>
  20. <meta name="color:Post" content="#ffffff"/>
  21. <meta name="image:sidebar bg" content=""/>
  22. <meta name="image:background" content=""/>
  23. <meta name="text:Link 1" content="" />
  24. <meta name="text:Link 2" content="" />
  25. <meta name="text:Link 3" content="" />
  26. <meta name="if:Show Link 1" content="1" />
  27. <meta name="if:Show Link 2" content="1" />
  28. <meta name="if:Show Link 3" content="1" />
  29.  
  30.  
  31. <style type="text/css">
  32.  
  33. ::-webkit-scrollbar-thumb {
  34. height:auto;
  35. background-color: #000;
  36. border: 2px solid #fff;
  37. }
  38.  
  39. ::-webkit-scrollbar {
  40. height:9px;
  41. width:9px;
  42. background-color: #000;
  43. border: 4px solid #fff;
  44. }
  45.  
  46. body {
  47. background:{color:background};
  48. margin:0px;
  49. color:{color:text};
  50. font-family:calibri;
  51. font-size:10px;
  52. line-height:100%;
  53. letter-spacing:0px;
  54. text-align:justify;
  55. background-image:url('{image:Background}');
  56. }
  57.  
  58. a {
  59. text-decoration:none;
  60. outline:none;
  61. -moz-outline-style:none;
  62. color:{color:Post Links};
  63. }
  64.  
  65. img {
  66. border:none;
  67. }
  68.  
  69. blockquote {
  70. padding-left:5px;
  71. border-left:2px solid;
  72. }
  73.  
  74. blockquote blockquote {
  75. padding-left:5px;
  76. border-left:2px solid;
  77. }
  78.  
  79. h1 {
  80. font-size:16px;
  81. letter-spacing:0px;
  82. text-transform:lowercase;
  83. font-family:arial;
  84. font-style:none;
  85. line-height:10px;
  86. text-align:center;
  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:692px;
  101. margin-top:30px;
  102. font-size:10px;
  103. }
  104.  
  105. #post {
  106. width:500px;
  107. padding-bottom:40px;
  108. padding:4px;
  109. margin-top:50px;
  110. background-color:{color:Post};
  111. border:1px solid;
  112. border-color: {color:Border};
  113. border-radius:0px;
  114.  
  115. #post:hover .tags {
  116. opacity:0;
  117. -moz-transition-duration:0.6s;
  118. -webkit-transition-duration:0.6s;
  119. -o-transition-duration:0.6s;}
  120.  
  121. }
  122.  
  123. #sidebar {
  124. width:350px;
  125. height:670px;
  126. position:fixed;
  127. margin-left:0px;
  128. margin-top:5px;
  129. background-color:#ffffff;
  130. background-image:url('{image:Sidebar bg}');
  131. }
  132.  
  133. .links {
  134. width:196px;
  135. font-family:cambria;
  136. padding: 3px;
  137. font-size:7px;
  138. font-style:none;
  139. margin-left: 40px;
  140. text-align:center;
  141. margin-top: -1079px;
  142. margin-left:392px;
  143. text-align:center;
  144. text-transform:uppercase;
  145. position:fixed;
  146. background-color:{color:Links Bg};
  147. border-bottom:1px solid {color:Line}
  148. }
  149.  
  150. .links a {
  151. width:90px;
  152. height:2px;
  153. padding:4px;
  154. font-size: 10px;
  155. letter-spacing:1px;
  156. color:{color:Sidebar Links};
  157. }
  158.  
  159. .links a:hover {
  160. height:4px;
  161. background-color:#f2f2f2;
  162. color:{color:Hover};
  163. }
  164.  
  165. #description {width:180px;margin-left:350px;margin-top:0px;padding:54px; font-family:cambria; font-size:8px; font-style:none; text-transform:none; text-align:justify; line-height:14px;border-right:1px solid {color:Line};text-transform:uppercase; color:{color:text};background:#fcfcfc;height:1000px;}
  166.  
  167. #description:first-letter {float:left; display:inline-block; padding:7px; margin-right:5px; font-family:cambria; font-size:20px; font-style:italic; text-transform:uppercase; background:#1d1d1d; color:#f2f2f2;}
  168.  
  169.  
  170. #pagination {
  171. width:170px;
  172. font-family:consolas;
  173. padding: 3px;
  174. margin-top:7px;
  175. font-size:9px;
  176. font-style:none;
  177. text-align:center;
  178. text-align:center;
  179. text-transform:uppercase;
  180. position:fixed;
  181. }
  182.  
  183. #info {
  184. text-align:center;
  185. font-family:'Trebuchet Ms';
  186. margin-top:10px;
  187. text-transform:uppercase;
  188. font-size:7px;
  189. font-style:none;
  190. padding:5px;
  191. background-color:#fcfcfc;
  192. line-height:92%;
  193. letter-spacing:0px;
  194. }
  195.  
  196. #info a {
  197. text-align:center;
  198. }
  199.  
  200. #info a:hover {
  201. color:transparent;
  202. }
  203.  
  204.  
  205. #tags {
  206. float:left;
  207. width:502px;;
  208. margin-top:13px;
  209. margin-left:-10px;
  210. background-color:#fff;
  211. text-align:center;
  212. font-size:8px;
  213. padding:3px;
  214. text-transform:uppercase;
  215. font-family:'Trebuchet Ms'; font-size:7px;
  216. border:0px solid;
  217. border-color: {color:Border};
  218. border-radius:0px;
  219. opacity:1;
  220. transition-duration: 0.5s;
  221. -moz-transition-duration: 0.5s;
  222. -webkit-transition-duration: 0.5s;
  223. -o-transition-duration: 0.5s
  224. color:{color:Links};
  225. border:1px solid;
  226. border-color: {color:Border};
  227. border-radius:0px;
  228. }
  229.  
  230. #tags a {letter-spacing:0px; opacity:1;text-align:center; text-decoration:none; display:inline-block; margin-left: 2px; margin-right:2px; margin-top:2px;background-color:{color:Tags};}
  231. #tags a:hover {opacity:1; color:{color:Hover}; background-color:{color:Tags Bg};}
  232.  
  233. #post:hover #tags {opacity:1; -webkit-transition-duration: 0.5s;
  234. text-decoration:none;}
  235.  
  236. #asker {
  237. padding:14px;
  238. font-family:'arial';
  239. font-size:9px;
  240. letter-spacing:0px;
  241. text-align:left;
  242. margin-top:7px;
  243. text-transform:lowercase;
  244. background-color:#2e2e2e;
  245. }
  246.  
  247. #title {
  248. padding:2px;
  249. width:174px;
  250. color:#1d1d1d;
  251. font-size:8px;
  252. font-family:playfair display;
  253. text-align:center;
  254. letter-spacing:3px;
  255. margin-left:413px;
  256. margin-top:231px;
  257. margin-bottom:px;
  258. font-style:italic;
  259. text-transform:lowercase;
  260. border:1px solid;
  261. border-color: {color:Border};
  262. background-color:#fcfcfc;
  263. }
  264.  
  265. #titlef {
  266. padding:20px;
  267. width:2600px;
  268. text-align:center;
  269. margin-left:-650px;
  270. margin-top:-35px;
  271. position:fixed;
  272. background-color:#000000;
  273.  
  274. }
  275.  
  276. #cred {
  277. position:fixed;
  278. font-family:'Trebuchet Ms';
  279. text-transform:uppercase;
  280. font-size:7px;
  281. letter-spacing:2px;
  282. right:0px;
  283. bottom:3px;
  284. color:{color:text};
  285. padding:3px;
  286. border:1px solid {color:#fafafa};
  287. padding:3px;
  288. background-color:#000;
  289. letter-spacing:0px;
  290. }
  291.  
  292. {CustomCSS}</style></head><body>
  293.  
  294. <div id="titlef"></div>
  295.  
  296. <div id="sidebar">
  297.  
  298. <div id="description">{Description}
  299.  
  300.  
  301. {block:Pagination}<div id="pagination">
  302. {block:PreviousPage}<a href="{PreviousPage}">«</a>&nbsp;&nbsp;{/block:PreviousPage}
  303. {block:JumpPagination length="5"}
  304. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  305. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  306. {/block:JumpPagination}
  307. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  308. </div>
  309. {/block:Pagination}
  310.  
  311. </div>
  312.  
  313. <div class="links">
  314. <a href="/">I.</a>
  315. <a href="/ask">II.</a>
  316. {block:IfShowLink1}<a href="{text:Link 1}">III.</a>{/block:IfShowLink1}
  317. {block:IfShowLink2}<a href="{text:Link 2}">IV.</a>{/block:IfShowLink2}
  318. {block:IfShowLink3}<a href="{text:Link 3}">V.</a>{/block:IfShowLink3}
  319. <a title="credit" href="http://hawtornes.tumblr.com">credit</a>
  320. </div></div></div>
  321.  
  322. <div id="entries">{block:Posts}<div id="post">
  323.  
  324. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  325.  
  326. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  327.  
  328. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  329.  
  330. {block:Quote}<h2>"{Quote}"</h2>
  331. {block:Source}<div class="qsource"> —{Source}</div>{/block:Source}{/block:Quote}
  332.  
  333. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  334.  
  335. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  336.  
  337. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="70px" height="70px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  338. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  339. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  340. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  341. {/block:Audio}
  342.  
  343. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  344.  
  345. {block:Answer}<div id="asker"><span style="font-family:'arial';text-align:lowercase;font-size:12px;font-style:italic;"><b>{Asker} asked:</b></span> {Question}</div><left><div style="background-color:#f8f8f8;padding:6px;margin-top:1px;"><font face="arial">{Answer}</font></div>{/block:Answer}
  346.  
  347. <div id="info">
  348. &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>
  349. {block:HasTags}<div id="tags"> &nbsp&nbsptagged as :
  350. {block:Tags}<a href="/tagged/{Tag}">#{Tag} </a>{/block:Tags}
  351. </div>{block:HasTags}
  352. </div>
  353. </div>
  354. {/block:Posts}
  355. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  356. {/block:Posts}</div></div></div>
  357. <br><br><br><br><br><br><br><br>
  358. <div id="cred"><a href="http://hawtornes.tumblr.com/"><b><center>theme</b></a></div>
  359. </div>
  360.  
  361. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement