hannahg

Theme #36

Sep 16th, 2013
274
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.96 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.  
  3. <!--
  4.  
  5. theme #36 by smullingar, follow the rules and enjoy! x
  6.  
  7. -->
  8.  
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head><title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16.  
  17. <meta name="color:Background" content="#ffffff"/>
  18. <meta name="color:Sidebar" content="#ffffff"/>
  19. <meta name="color:Text" content="#a8a8a8"/>
  20. <meta name="color:Link" content="#b8b8b8"/>
  21. <meta name="color:Tags" content="f0f0f0"/>
  22. <meta name="color:Hover" content="#f2f2f2"/>
  23. <meta name="color:Line" content="#f2f2f2"/>
  24. <meta name="color:Border" content="#e4e4e4"/>
  25. <meta name="color:Post" content="#ffffff"/>
  26. <meta name="color:Answer" content="#f8f8f8"/>
  27. <meta name="image:sidebar" content=""/>
  28. <meta name="image:bg" 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. <meta name="text:title2" content="" />
  39. <meta name="color:scrollbarbg" content="ffffff"/>
  40.  
  41.  
  42. <style type="text/css">
  43.  
  44. /* --- SCROLLBAR ---*/
  45.  
  46. ::-webkit-scrollbar {
  47. width: 5px;height: 5px;}
  48. ::-webkit-scrollbar-button:start:decrement,
  49. ::-webkit-scrollbar-button:end:increment {
  50. height: 6px;display: block;background-color: {color:white};}
  51. ::-webkit-scrollbar-track-piece {
  52. background-color: {color:scrollbarbg};}
  53. ::-webkit-scrollbar-thumb:vertical {
  54. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  55.  
  56.  
  57. /* --- BODY ---*/
  58.  
  59. body {
  60. background:{color:background};
  61. margin:0px;
  62. color:{color:text};
  63. font-family:Calibri;
  64. font-size:9px;
  65. line-height:100%;
  66. }
  67.  
  68. a {
  69. text-decoration:none;
  70. outline:none;
  71. -moz-outline-style:none;
  72. color:{color:link};
  73. }
  74.  
  75. img {
  76. border:none;
  77. }
  78.  
  79. blockquote {
  80. padding-left:5px;
  81. border-left:2px solid;
  82. }
  83.  
  84. blockquote blockquote {
  85. padding-left:5px;
  86. border-left:2px solid;
  87. }
  88.  
  89. h1 {
  90. font-size:9px;
  91. text-transform:uppercase;
  92. }
  93.  
  94. a:hover {
  95. opacity:10;
  96. color:{color:hover};
  97. -webkit-transition: all 0.7s ease;
  98. -moz-transition: all 0.7s ease;
  99. -o-transition: all 0.7s ease
  100. }
  101.  
  102. /* --- POST ENTRIES ---*/
  103.  
  104.  
  105. #entries {
  106. padding:10px;
  107. width:500px;
  108. margin-left:450px;
  109. margin-top:40px;
  110. font-size:10px;
  111. }
  112.  
  113. #title2 {
  114. font-size:40px;
  115. font-style:italic;
  116. text-align:center;
  117. font-family:times;
  118. padding-left:0px;
  119. height:20px;
  120. padding-bottom:20px;
  121. margin-top:-45px;
  122. width:230px;
  123. line-height:26px;
  124. text-shadow:2px 1px 1px #fff;
  125. color:#000;
  126.  
  127. }
  128.  
  129. /* --- BODY: POSTS ---*/
  130.  
  131.  
  132. #post {
  133. width:500px;
  134. padding-bottom:20px;
  135. padding:10px;
  136. margin-top:15px;
  137. background-color:{color:Post};
  138. }
  139.  
  140. /* --- SIDEBAR IMAGE ---*/
  141.  
  142.  
  143. #sidebar {
  144. width:100px;
  145. position:fixed;
  146. margin-left:150px;
  147. margin-top:120px;
  148. opacity:.80;
  149. background-color:{color:Sidebar};
  150. }
  151.  
  152. #sidebarimage {
  153. width 100px;
  154. }
  155.  
  156. #sidebarimage img {
  157. width:230px;
  158. background-color:{color:Sidebar};
  159. }
  160.  
  161.  
  162. /* --- SIDEBAR LINKS ---*/
  163.  
  164.  
  165. .links {
  166. width:200px;
  167. height:15px;
  168. padding: 9px;
  169. font-size:8px;
  170. text-align:center;
  171. margin-top:-214px;
  172. margin-left:-90px;
  173. text-transform:lowercase;
  174. background-color:;
  175. word-spacing:10px;
  176. position:;
  177. }
  178.  
  179. .links a {
  180. display:block;
  181. width:90px;
  182. height:30px;
  183. font-family:times;
  184. text-align:center;
  185. line-height:250%;
  186. font-size:10px;
  187. margin-top:3px;
  188. margin-bottom:3px;
  189. padding-top:3px;
  190. padding-left:15px;
  191. padding-right:13px;
  192. letter-spacing:0px;
  193. text-decoration:none;
  194. }
  195.  
  196. .links a:hover {
  197. font-style:italic;
  198. color:#000;
  199. }
  200.  
  201. /* --- DESCRIPTION ---*/
  202.  
  203. #description {
  204. position:fixed;
  205. line-height:120%;
  206. font-size:10px;
  207. width:227px;
  208. height:px;
  209. font-family:times;
  210. text-align:center;
  211. margin-top:190px;
  212. padding:8px;
  213. margin-left:-5px;
  214. color:#000;
  215. }
  216.  
  217. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  218. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  219.  
  220. /* --- PAGINATION---*/
  221.  
  222.  
  223. #pagination {
  224. width:158px;
  225. height:46px;
  226. font-size:12px;
  227. padding-top:20px;
  228. text-align:center;
  229. margin-left:190px;
  230. margin-top:417px;
  231. position:fixed;
  232. letter-spacing:0px;
  233. font-family:times;
  234. }
  235.  
  236. #pagination a {
  237. margin-top:100px;
  238. }
  239.  
  240. #pagination a:hover {
  241. font-style:italic;
  242. }
  243.  
  244. /* --- POST INFO ---*/
  245.  
  246.  
  247. #info {
  248. text-align:center;
  249. margin-top:10px;
  250. text-transform:lowercase;
  251. font-size:8px;
  252. font-style:none;
  253. }
  254.  
  255. /* --- POST TAGS---*/
  256.  
  257.  
  258. #tags {
  259. letter-spacing:0px;
  260. text-transform:lowercase;
  261. font-size:8px;
  262. font-style:italic;
  263. margin-top:4px;
  264. text-align:center;
  265. }
  266.  
  267. #tags
  268. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  269. -webkit-transition: all 0.6s ease-in-out;
  270. -moz-transition: all 0.6s ease-in-out;
  271. -o-transition: all 0.6s ease-in-out;
  272. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  273.  
  274. /* --- QUESTIONS ---*/
  275.  
  276. #asker {
  277. padding:5px;
  278. padding-top:15px;
  279. padding-bottom:15px;
  280. letter-spacing:1px;
  281. text-align:center;
  282. color:#fff;
  283. font-style:italic;
  284. background-color:#000;
  285. }
  286.  
  287. {CustomCSS}</style></head><body>
  288.  
  289. <div id="sidebar">
  290. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  291.  
  292. <div id="title2">{text:title2}</div>
  293.  
  294.  
  295.  
  296. <div class="links">
  297. <a href="/">I.</a>
  298. <a href="/ask">II.</a>
  299. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  300. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  301. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  302. </div>
  303.  
  304. <div id="description">
  305. {Description}
  306. </div></div></div>
  307.  
  308. <div id="pagination">
  309. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} - {block:NextPage}<a href="{NextPage}">next</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  310. </div>
  311.  
  312. </div>
  313.  
  314. <div id="entries">{block:Posts}<div id="post">
  315.  
  316. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  317.  
  318. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  319.  
  320. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  321.  
  322. {block:Quote}{Quote}{/block:Quote}
  323.  
  324. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  325.  
  326. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  327.  
  328. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  329. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  330. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  331. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  332. {/block:Audio}
  333.  
  334. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  335.  
  336. {block:Answer}<div id="asker"><span style="font-family:cambria;font-size:9px;font-style:italic;color:#fff;">{Asker}: </span>{Question}</div><center><font face="calibri">{Answer}</font>{/block:Answer}
  337.  
  338. <div id="info">
  339. <br>posted <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} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  340. {block:HasTags}<div id="tags">tags:{block:Tags} +<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  341. {/block:Posts}
  342. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  343. {/block:Posts}</div></div></div>
  344.  
  345.  
  346.  
  347. <!--
  348. THEME MAKER CREDIT
  349. -->
  350.  
  351. <div style="position:fixed;bottom:3px; right:3px; font-size:7px; letter-spacing:1px; font-family:cambria;"><a href="http://smullingar.tumblr.com/">© SMULLINGAR</a></center></div>
  352.  
  353.  
  354. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment