Advertisement
hawtornes

THEME8.

Dec 15th, 2012
3,862
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.02 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 #8 by hawtornes--->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Sidebar" content="#ffffff"/>
  12. <meta name="color:Text" content="#a8a8a8"/>
  13. <meta name="color:Link" content="#b8b8b8"/>
  14. <meta name="color:Title" content="#a8a8a8"/>
  15. <meta name="color:Tags" content="fafafa"/>
  16. <meta name="color:Bg Hover" content="ffed00"/>
  17. <meta name="color:Link Bg" content="ffed00"/>
  18. <meta name="color:Hover" content="#f2f2f2"/>
  19. <meta name="color:Line" content="#f2f2f2"/>
  20. <meta name="color:Border" content="#f2f2f2"/>
  21. <meta name="color:Post" content="#ffffff"/>
  22. <meta name="color:Answer" content="#f8f8f8"/>
  23. <meta name="image:sidebar" content=""/>
  24. <meta name="text:Link 1" content="" />
  25. <meta name="text:Link 1 Text" content="" />
  26. <meta name="text:Link 2" content="" />
  27. <meta name="text:Link 2 Text" content="" />
  28. <meta name="text:Link 3" content="" />
  29. <meta name="text:Link 3 Text" content="" />
  30. <meta name="text:Link 4" content="" />
  31. <meta name="text:Link 4 Text" content="" />
  32. <meta name="text:Link 5" content="" />
  33. <meta name="text:Link 5 Text" content="" />
  34. <meta name="text:Link 6" content="" />
  35. <meta name="text:Link 6 Text" content="" />
  36. <meta name="if:Show Link 1" content="1" />
  37. <meta name="if:Show Link 2" content="1" />
  38. <meta name="if:Show Link 3" content="1" />
  39. <meta name="if:Show Link 4" content="1" />
  40. <meta name="if:Show Link 5" content="1" />
  41. <meta name="if:Show Link 6" content="1" />
  42.  
  43.  
  44. <style type="text/css">
  45.  
  46. body {
  47. background:{color:background};
  48. margin:0px;
  49. color:{color:text};
  50. font-family:Consolas;
  51. font-size:9px;
  52. line-height:100%;
  53. }
  54.  
  55. a {
  56. text-decoration:none;
  57. outline:none;
  58. -moz-outline-style:none;
  59. color:{color:link};
  60. }
  61.  
  62. img {
  63. border:none;
  64. }
  65.  
  66. blockquote {
  67. padding-left:5px;
  68. border-left:2px solid;
  69. }
  70.  
  71. blockquote blockquote {
  72. padding-left:5px;
  73. border-left:2px solid;
  74. }
  75.  
  76. h1 {
  77. font-size:9px;
  78. text-transform:uppercase;
  79. }
  80.  
  81. a:hover {
  82. opacity:10;
  83. color:{color:hover};
  84. -webkit-transition: all 0.7s ease;
  85. -moz-transition: all 0.7s ease;
  86. -o-transition: all 0.7s ease
  87. }
  88.  
  89. #entries {
  90. padding:10px;
  91. width:400px;
  92. margin-left:370px;
  93. margin-top:40px;
  94. font-size:9px;
  95. font-family:cambria;
  96. }
  97.  
  98. #post {
  99. width:400px;
  100. padding-bottom:20px;
  101. padding:20px;
  102. margin-top:50px;
  103. border:1px solid;
  104. border-color: {color:border};
  105. background-color:{color:Post};
  106. padding:20px;
  107. }
  108.  
  109. #sidebar {
  110. width:130px;
  111. position:fixed;
  112. margin-left:200px;
  113. margin-top:150px;
  114. }
  115.  
  116. #sidebarimage {
  117. width 130px;
  118. }
  119.  
  120. #sidebarimage img {
  121. width:110px;
  122. background-color:{color:Sidebar};
  123. border:1px solid;
  124. border-color: {color:border};
  125. padding:6px;
  126. }
  127.  
  128. .links {
  129. width:120px;
  130. padding: 9px;
  131. font-size:11px;
  132. margin-left: 0px;
  133. text-align:center;
  134. margin-top: -7px;
  135. font-family:consolas;
  136. margin-left:-6px;
  137. text-align:justify;
  138. text-transform:uppercase;
  139. position:fixed;
  140. }
  141.  
  142. .links a {
  143. height: 14px;
  144. font-size: 8px;
  145. background-color: {color:Tags};
  146. }
  147.  
  148. .links a:hover {
  149. background-color: {color:Link Bg};
  150. color:{color:Hover}
  151.  
  152. }
  153.  
  154. #title {
  155. font-size:8px;
  156. position:fixed;
  157. font-family:calibri;
  158. margin-left:146px;
  159. margin-top:156px;
  160. text-transform:uppercase;
  161. width:50px;
  162. text-align:right;
  163. color:{color:Title}
  164. }
  165.  
  166. #description {
  167. padding: 12px;
  168. margin-left: -10px;
  169. margin-top: 12px;
  170. width: 120px;
  171. line-height: 100%;
  172. text-transform:uppercase;
  173. text-align:justify;
  174. font-family:consolas;
  175. font-size: 8px;
  176. font-style: none;
  177. position:fixed;
  178. }
  179.  
  180. #pagination {
  181. width:110px;
  182. font-size:8px;
  183. position:fixed;
  184. text-align:left;
  185. font-family:Consolas;
  186. margin-left:205px;
  187. margin-top:131px;
  188. border-color: {color:border};
  189. }
  190.  
  191. #info {
  192. text-align:left;
  193. margin-top:10px;
  194. text-transform:uppercase;
  195. font-size:8px;
  196. font-style:none;
  197. font-family:Consolas;
  198. border-top:1px solid {color:Line}
  199. }
  200.  
  201. #tags {
  202. font-family:consolas;
  203. letter-spacing:0px;
  204. text-transform:uppercase;
  205. font-size:8px;
  206. margin-top:4px;
  207. text-align:left;
  208. }
  209.  
  210. #tags
  211. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  212. -webkit-transition: all 0.6s ease-in-out;
  213. -moz-transition: all 0.6s ease-in-out;
  214. -o-transition: all 0.6s ease-in-out;
  215. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  216.  
  217. #tags
  218. a:hover {display:inline;background-color:{color:Bg Hover};padding:-3px;text-align:left;
  219. -webkit-transition: all 0.6s ease-in-out;
  220. -moz-transition: all 0.6s ease-in-out;
  221. -o-transition: all 0.6s ease-in-out;
  222. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  223.  
  224. #asker {
  225. padding:10px;
  226. font-family:cambria;
  227. letter-spacing:1px;
  228. text-align:left;
  229. background-color:{color:Answer}
  230. }
  231.  
  232. #cred {
  233. position:fixed;
  234. width:55px;
  235. font-family:consolas;
  236. text-transform:uppercase;
  237. font-size:8px;
  238. letter-spacing:2px;
  239. right:-5px;
  240. bottom:10px;
  241. color:{color:text};
  242. padding:3px;
  243. border:1px solid {color:border};
  244. }
  245.  
  246. {CustomCSS}</style></head><body>
  247.  
  248. <div id="sidebar">
  249.  
  250. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  251.  
  252. <div id="description">{Description}</div>
  253.  
  254. <div class="links">
  255.  
  256. <a href="/">HOME</a>
  257. <a href="/ask">ASK</a>
  258. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  259. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  260. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  261. {block:IfShowLink4}<a href="{text:Link 4}">{text:Link 4 Text}</a>{/block:IfShowLink4}
  262. {block:IfShowLink5}<a href="{text:Link 5}">{text:Link 5 Text}</a>{/block:IfShowLink5}
  263. {block:IfShowLink6}<a href="{text:Link 6}">{text:Link 6 Text}</a>{/block:IfShowLink6}
  264. </div>
  265. </div>
  266.  
  267. {block:Pagination}<div id="pagination">
  268. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  269. {block:JumpPagination length="5"}
  270. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  271. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  272. {/block:JumpPagination}
  273. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  274. </div>{/block:Pagination}
  275.  
  276.  
  277. <div id="entries">{block:Posts}<div id="post">
  278.  
  279. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  280.  
  281. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  282.  
  283. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  284.  
  285. {block:Quote}{Quote}{/block:Quote}
  286.  
  287. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  288.  
  289. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  290.  
  291. {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>
  292. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  293. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  294. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  295. {/block:Audio}
  296.  
  297. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  298.  
  299. {block:Answer}<div id="asker"><span style="font-family:cambria;font-size:9px;font-style:italic;">{Asker}:</span>{Question}</div><left><font face="cambria">{Answer}</font>{/block:Answer}
  300.  
  301.  
  302. <div id="info">
  303. <br><b>posted</b> <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</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} <b>with</b> <a href="{Permalink}">{NoteCountWithLabel}</a>
  304. {block:HasTags}<div id="tags"><b><i>tags:</b></i> {block:Tags} <a href="{TagURL}"># {Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  305. {/block:Posts}
  306. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  307. {/block:Posts}</div></div></div>
  308.  
  309. <div id="cred"><a href="http://hawtornes.tumblr.com/"><b>hawtornes</b></a></div>
  310. </div>
  311.  
  312. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement