degeneration

theme shadows (18)

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