degeneration

theme seconds (11)

Apr 29th, 2012
3,401
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.25 KB | None | 0 0
  1. <! theme by thefirewar | don't copy or make available !>
  2.  
  3. <html>
  4.  
  5. <head> <!-- DEFAULT VARIABLES -->
  6. <meta name="color:background" content="#f8f8f8" />
  7. <meta name="color:sidebar" content="#fff" />
  8. <meta name="color:post" content="#fff" />
  9. <meta name="color:text" content="#000" />
  10. <meta name="color:text sidebar" content="#000" />
  11. <meta name="color:link" content="#000" />
  12. <meta name="color:link hover" content="#888" />
  13. <meta name="color:links hover" content="#fff" />
  14. <meta name="color:scroll" content="#000" />
  15. <meta name="color:scroll bg" content="#fff" />
  16.  
  17. <meta name="image:background" content="" />
  18. <meta name="image:sidebar" content="" />
  19.  
  20. <meta name="text:Title" content="" />
  21. <meta name="text:Subtitle" content="" />
  22.  
  23. <meta name="text:Link1" content="" />
  24. <meta name="text:Link1 Title" content="" />
  25. <meta name="text:Link2" content="" />
  26. <meta name="text:Link2 Title" content="" />
  27. <meta name="text:Link3" content="" />
  28. <meta name="text:Link3 Title" content="" />
  29. <meta name="text:Link4" content="" />
  30. <meta name="text:Link4 Title" content="" />
  31. <meta name="text:Link5" content="" />
  32. <meta name="text:Link5 Title" content="" />
  33. <meta name="text:Link6" content="" />
  34. <meta name="text:Link6 Title" content="" />
  35.  
  36.  
  37. <title>{Title}</title>
  38. <link rel="shortcut icon" href="{Favicon}">
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  40. {block:Description}
  41. <meta name="description" content="{MetaDescription}" />
  42. {/block:Description}
  43.  
  44. <style type="text/css">
  45.  
  46. body {background: {color:background} url('{image:background}') repeat; color:{color:text}; font-family:verdana; font-size:11px; line-height:110%}
  47.  
  48. a { text-decoration:none; color:{color:link};}
  49. a:hover {text-decoration:none; color:{color:link hover};}
  50.  
  51. p {margin: 6px 0 0 0}
  52.  
  53. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:background}; padding-left: 5px; }
  54. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background};}
  55. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  56. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  57.  
  58. blockquote img{max-width: 470px!important}
  59. blockquote blockquote img{max-width: 450px!important}
  60. blockquote blockquote blockquote img{max-width: 430px!important}
  61. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  62.  
  63.  
  64. #content {width:850px; margin: 20px auto 20px auto; }
  65.  
  66. #post {float:left; margin-left:260px; }
  67.  
  68. #postbox {width:500px; background-color:{color:post}; margin-bottom:1px; padding:10px; text-align: justify; position: relative;}
  69.  
  70. h1 {color:{color:text}; font-family:georgia; font-size:14px; line-height:16px; text-align: center; font-weight:normal; }
  71. h1 a {color:{color:link}}
  72. h1 a:hover {color:{color:link hover}}
  73.  
  74. .image {text-align: center; border: 0px}
  75. .image img {max-width: 500px; margin-bottom: 2px }
  76.  
  77. .quote {font-family: georgia; text-align: center; font-size: 14px; line-height: 16px; padding: 3px;}
  78. .quotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  79. .quotesource a, a:hover{text-transform: none;}
  80.  
  81. .chat {line-height: 13px; list-style: none }
  82. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  83. .person1 {color: {color:text}; padding: 2px; }
  84. .person1 .label {font-weight: bold; color:{color:text}}
  85. .person2 {color: {color:text}; padding: 2px; }
  86. .person2 .label {font-weight: bold; color:{color:text}}
  87.  
  88. .player {background-color: #000; text-align: left; display:block;}
  89.  
  90. #asker {font-size: 11px; font-family: {font:text}; text-align: justify;}
  91. .answer {padding: 2px}
  92. .answer img {max-width: 470px;}
  93.  
  94. #date {text-align: right; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11;}
  95. #date a {font-size: 9px;}
  96.  
  97. .tags {color: {color:text}; font-size: 9px; font-family: verdana; display: inline; list-style: none; text-transform: lowercase;}
  98. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  99.  
  100. #cap {width: 500px; margin-top: -2px;}
  101. .source {display: none;}
  102.  
  103. .notes {width: 530px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: right}
  104. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  105. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  106. .notes img{display: none; border:0px}
  107.  
  108.  
  109. #sidebar {position: fixed; margin: 110px 0px 0px 40px;}
  110.  
  111. #side {position: fixed; width:210px; margin-left:3px;}
  112.  
  113. .photo {position:absolute; width:70px; padding:5px; background-color:{color:sidebar}; overflow: hidden;-webkit-transition: all 0.6s ease;}
  114. .photo:hover {opacity:0.8;-webkit-transition: all 0.6s ease;}
  115. .photo img {display: block;width:70px; height:71px;}
  116.  
  117. .photo:hover #description {margin-top:1px;height:auto;margin-left:0px;}
  118.  
  119. #description {position:absolute;float:left; display:block; width:60px; height:auto; margin-left: -80px; color:{color:text sidebar}; font-family:verdana; font-size:9px; text-align:center; padding:5px; margin-top:1px; opacity:0.9; overflow:hidden; -webkit-transition: all 0.6s ease;}
  120. #description a { display:block; width:50px; line-height:19px; padding:5px;background-color:{color:sidebar}; color:{color:text sidebar}; margin-bottom: 1px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  121. #description a:hover{background-color:transparent; color:{color:links hover}; font-weight: bold;}
  122.  
  123. .title {font-size:12px;font-family:georgia; padding: 2px;}
  124. #sub {width:125px; height:37px; font-size:9px; font-family:verdana; text-align:center; background-color:{color:sidebar}; color:{color:text sidebar}; padding: 5px; margin-top:0px; margin-left:81px; overflow:hidden; border-bottom: 2px solid {color:text sidebar};}
  125.  
  126. .nav {width: 180; height: auto; padding:0px; margin-top:1px; margin-left:81px; }
  127. .nav a {float: left; display: block; width: 61px; height: 9px; line-height: 9px; padding: 3px; font-family: verdana; font-size: 9px; text-align: center; background-color: {color:sidebar}; color:{color:text sidebar}; text-decoration: none; text-transform: lowercase; margin-right: 1px; margin-bottom: 1px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  128. .nav a:hover { background-color: {color:sidebar}; color:{color:link hover}; letter-spacing: 0px; font-weight: bold;}
  129.  
  130. .credit { font-size:9px;font-family:georgia; text-align:right; font-style:italic; color:{color:text}; padding: 2px; margin-top:33px; margin-left:0px;}
  131.  
  132. #tumblr_controls{position: fixed!important}
  133. #tumblr_controls{position: fixed!important}
  134. #tumblr_controls{position: fixed!important}
  135. #tumblr_controls{position: fixed!important}
  136.  
  137. ::-webkit-scrollbar {width: 5px; height: 5px;}
  138. ::-webkit-scrollbar-track-piece {background-color: {color:scroll bg}; repeat scroll 0 0 transparent;}
  139. ::-webkit-scrollbar-thumb:vertical {height: 5px;background-color: {color:scroll};}
  140. ::-webkit-scrollbar-thumb:horizontal {width: 5px;background-color: {color:scroll};}
  141.  
  142. </style>
  143.  
  144. <body>
  145. <div id="content">
  146.  
  147. <div id="sidebar">
  148. <div id="side">
  149.  
  150. <div class="photo">
  151. <div id="description">
  152. <a href="{text:Link5}">{text:Link5 Title}</a>
  153. <a href="{text:Link6}">{text:Link6 Title}</a>
  154. </div>
  155. <img src="{image:sidebar}">
  156. </div>
  157.  
  158. <div id="sub"><div class="title">{text:title}</div>{text:subtitle}</div>
  159.  
  160. <div class="nav">
  161. <a href="{text:Link1}">{text:Link1 Title}</a>
  162. <a href="{text:Link2}">{text:Link2 Title}</a>
  163. <a href="{text:Link3}">{text:Link3 Title}</a>
  164. <a href="{text:Link4}">{text:Link4 Title}</a>
  165. </div>
  166.  
  167. <div class="credit">{block:PreviousPage}<a href="{PreviousPage}">previous</a> x {/block:PreviousPage}<a href="http://thefirewar.tumblr.com/">© theme</a>{block:NextPage} x <a href="{NextPage}">next</a>{/block:NextPage}</div>
  168.  
  169. </div>
  170. </div>
  171.  
  172.  
  173. <div id="post">
  174.  
  175. {block:Posts}
  176. <div id="postbox">
  177. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  178.  
  179. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  180.  
  181. {block:Photoset}{Photoset-500}{/block:Photoset}
  182.  
  183. {block:Quote}
  184. <div class="quote">“{Quote}”</div>
  185. {block:Source}<div class="quotesource"> — {Source}</div>
  186. {/block:Source}
  187. {/block:Quote}
  188.  
  189. {block:Link}
  190. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  191. {block:Description}{Description}{/block:Description}
  192. {/block:Link}
  193.  
  194. {block:Chat}
  195. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  196. <div class="chat"><ul>{block:Lines}
  197. <li class="person{UserNumber}">{block:Label}
  198. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  199. {/block:Chat}
  200.  
  201. {block:Audio}
  202. <div class="player">{AudioPlayerBlack}</div>
  203. {block:Caption}{Caption}{/block:Caption}
  204. {/block:Audio}
  205.  
  206. {block:Video}{Video-500}{/block:Video}
  207.  
  208.  
  209. {block:Answer}
  210. <div id="asker"><b>{Asker} asked:</b> {Question}</div>
  211. <div class="answer">{Answer}</div>
  212. {/block:Answer}
  213.  
  214.  
  215. <div id="cap">
  216. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  217. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  218. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  219.  
  220. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  221. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  222. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  223. {/block:ContentSource}</div></div>
  224. <br>
  225.  
  226.  
  227. <div id="date">
  228. {block:Date}
  229. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage} · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}
  230. {block:RebloggedFrom}<br> via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  231. {/block:RebloggedFrom}{block:RebloggedFrom} (©<a href="{ReblogRootURL}" title="{ReblogRootTitle}"> {ReblogRootName}</a>){/block:RebloggedFrom}<br><div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}
  232. </div>
  233. </div>
  234. </div>{/block:Date}
  235.  
  236.  
  237. {/block:Posts}
  238. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  239.  
  240.  
  241. </div>
  242. </div>
  243. </div>
  244.  
  245. </body>
  246. </html>
Advertisement
Add Comment
Please, Sign In to add comment