degeneration

theme unconcerned (05)

Apr 16th, 2012
2,387
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.97 KB | None | 0 0
  1. <! theme por thefirewar
  2. não copie ou disponibilize !>
  3.  
  4. <html>
  5.  
  6. <head> <!-- DEFAULT VARIABLES -->
  7. <meta name="color:background" content="#f8f8f8" />
  8. <meta name="color:sidebar" content="#fff" />
  9. <meta name="color:post" content="#fff" />
  10. <meta name="color:text" content="#000" />
  11. <meta name="color:link" content="#000" />
  12. <meta name="color:link hover" content="#656565" />
  13. <meta name="color:details" content="#b5b5b5" />
  14. <meta name="color:scroll" content="#000" />
  15. <meta name="color:scrollbg" content="#fff" />
  16.  
  17. <meta name="image:background" content="" />
  18. <meta name="image:sidebar" content="" />
  19.  
  20. <meta name="text:Title" content="title." />
  21.  
  22. <meta name="text:Link1" content="" />
  23. <meta name="text:Link1 Title" content="" />
  24. <meta name="text:Link2" content="" />
  25. <meta name="text:Link2 Title" content="" />
  26. <meta name="text:Link3" content="" />
  27. <meta name="text:Link3 Title" content="" />
  28. <meta name="text:Link4" content="" />
  29. <meta name="text:Link4 Title" content="" />
  30. <meta name="text:Link5" content="" />
  31. <meta name="text:Link5 Title" content="" />
  32. <meta name="text:Link6" content="" />
  33. <meta name="text:Link6 Title" content="" />
  34. <meta name="text:Link7" content="" />
  35. <meta name="text:Link7 Title" content="" />
  36. <meta name="text:Link8" content="" />
  37. <meta name="text:Link8 Title" content="" />
  38. <meta name="text:Link9" content="" />
  39. <meta name="text:Link9 Title" content="" />
  40.  
  41. <script type="text/javascript">
  42. // <![CDATA[
  43. var speed=100; // speed of flirting, lower is faster
  44.  
  45. /****************************
  46. * Flirty Texy Effect *
  47. *(c)2003-6 mf2fm web-design *
  48. * http://www.mf2fm.com/rv *
  49. * DON'T EDIT BELOW THIS BOX *
  50. ****************************/
  51. var flitxt;
  52. var flipos=0;
  53. var flidir=1;
  54.  
  55. window.onload=function() { if (document.getElementById) {
  56. var flirty=document.getElementById("flirt");
  57. flitxt=flirty.firstChild.nodeValue;
  58. flitxt=String.fromCharCode(160)+flitxt+String.fromCharCode(160);
  59. while (flirty.childNodes.length) flirty.removeChild(flirty.childNodes[0]);
  60. for (var i=0; i<flitxt.length; i++) {
  61. var fliri=document.createElement("span");
  62. fliri.setAttribute("id", "flir"+i);
  63. fliri.appendChild(document.createTextNode(flitxt.charAt(i)));
  64. flirty.appendChild(fliri);
  65. }
  66. flitim=setInterval("flaunt()", speed);
  67. }}
  68.  
  69. function flaunt() {
  70. flipos+=flidir;
  71. if (flipos>flitxt.length || flipos<-flitxt.length) {
  72. flipos-=flidir;
  73. if (Math.random()<0.25) flidir=-flidir;
  74. if (Math.random()<0.25) flipos=-flipos;
  75. }
  76. else if (flipos==flidir && Math.random()<0.925) {
  77. flipos-=flidir;
  78. flidir=-flidir;
  79. }
  80. for (var i=0; i<flitxt.length; i++) {
  81. if (flipos+i>-1 && flipos+i<flitxt.length) {
  82. var flirme=document.getElementById("flir"+i);
  83. var flicha=flitxt.charAt(flipos+i);
  84. flirme.firstChild.nodeValue=flicha;
  85. }
  86. }
  87. }
  88. // ]]>
  89. </script>
  90.  
  91. <title>{Title}</title>
  92. <link rel="shortcut icon" href="{Favicon}">
  93. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  94. {block:Description}
  95. <meta name="description" content="{MetaDescription}" />
  96. {/block:Description}
  97.  
  98.  
  99. <style type="text/css">
  100.  
  101. body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  102.  
  103. a {color: {color:link}; text-decoration: none; text-transform: none;}
  104. a:hover {color: {color:link hover}; text-decoration: none;}
  105.  
  106. p {margin: 6px 0 0 0}
  107.  
  108. blockquote {margin: 5px 5px 5px 5px; border-left: 5px solid {color:background}; padding-left: 5px; }
  109. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};}
  110. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:sidebar}; }
  111. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  112.  
  113. blockquote img{max-width: 470px!important}
  114. blockquote blockquote img{max-width: 450px!important}
  115. blockquote blockquote blockquote img{max-width: 430px!important}
  116. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  117.  
  118.  
  119.  
  120. #theme {text-align: center; width: 835px; margin: 30px auto 30px auto; padding: 0px; z-index: 1}
  121.  
  122. #post {float: left; margin-left: 250px;}
  123.  
  124. .post {width: 500px; background-color: {color:post}; padding: 14px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px; position: relative;}
  125.  
  126. h1 {font-family: georgia; text-align: center; font-size: 16px; color: {color:text}; text-transform: uppercase; font-weight: normal; line-height: 18px;}
  127. h1 a {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  128. h1 a:hover {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  129.  
  130. .image {text-align: center; border: 0px}
  131. .image img {max-width: 500px; margin-bottom: 2px }
  132.  
  133. .quote {font-family: georgia; text-align: center; font-size: 14px; line-height: 16px; padding: 3px;}
  134. .quotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  135. .quotesource a, a:hover{text-transform: none;}
  136.  
  137. .chat {line-height: 13px; list-style: none }
  138. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  139. .person1 {color: {color:text}; padding: 2px; }
  140. .person1 .label {font-weight: bold; color:{color:text}}
  141. .person2 {color: {color:text}; padding: 2px; }
  142. .person2 .label {font-weight: bold; color:{color:text}}
  143.  
  144. .player {background-color: #000; text-align: left; display:block;}
  145.  
  146. #asker {font-size: 11px; font-family: {font:text}; text-align: justify;}
  147. .answer {padding: 2px}
  148. .answer img {max-width: 470px;}
  149.  
  150.  
  151. #date {text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11;}
  152. #date a {font-size: 9px;}
  153.  
  154. .tags {color: {color:text}; font-size: 9px; font-family: verdana; display: inline; list-style: none; text-transform: lowercase;}
  155. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  156.  
  157. #cap {width: 500px; margin-top: -2px;}
  158. .source {display: none;}
  159.  
  160. .notes {width: 530px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: left}
  161. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  162. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  163. .notes img{display: none; border:0px}
  164.  
  165. #sidebar {position: fixed; margin: 20px 0px 0px 100px;}
  166.  
  167. #sid{position: fixed; width: 150px; height: auto; margin-left: 0px; }
  168.  
  169. .title{ width: 130px; height: auto; font-size: 16px;font-family: georgia; padding: 5px; text-align: center;color: {color:sidebar}; background-color: {color:details}; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;}
  170. .title:hover{color: {color:details}; background-color: {color:sidebar};}
  171.  
  172. #image{ width: 130px; height: auto; padding: 0px 5px 5px 5px; text-align:center; background-color: {color:sidebar}; margin-left: 0px;}
  173. #image img{width: 130px; height: auto; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;}
  174. #image img:hover{opacity:0.8;}
  175.  
  176. .links1 {width: 150; height: auto; padding:0px; margin-top:1px; margin-left:0px; }
  177. .links1 a {float: left;display: block; width: 36px; height: 6; line-height: 6px; padding: 5px; 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: 1px; border-bottom: 1px solid {color:details}; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;}
  178. .links1 a:hover { background-color: {color:details}; color:{color:sidebar}; letter-spacing: 0px; font-weight:bold;}
  179.  
  180. #desc{width: 130px; height: auto; font-size: 9px; font-family: verdana;padding: 2px; border: 3px solid {color:sidebar}; text-align: center;color: {color:text}; background-color: {color:sidebar}; overflow:hidden; margin-top:20px;}
  181.  
  182. .credit{width: 135px; font-size: 9px; font-family: verdana;padding: 2px; height: 10; line-height: 8px; text-align: center;color: {color:text}; background-color: {color:sidebar}; margin-top: 1px; margin-left: 0px; }
  183.  
  184. .pg{position:fixed; font-size: 9px; font-family: verdana;text-align: right; margin: 47px 0px 0px -16px;}
  185. .pg a{display: block; margin-bottom: 1px; width: 10px; height: 11px; padding: 3px 3px 3px 2px; background-color: {color:sidebar}; background-color: {color:sidebar}; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  186. .pg a:hover{opacity:0.7; }
  187.  
  188. .faix{position:fixed; width: 100%; height: 30px; background-color: {color:background}; color: {color:background}; top: 0px; left:0px; overflow:hidden; border-bottom: 1px solid {color:background};}
  189.  
  190. .links2 {position:fixed; width: 800px; margin-left:0px; top:0px; text-align: center;}
  191. .links2 a {float: left; display: block; letter-spacing: 1px; font-family: verdana; font-size: 9px; text-align: center; margin-right: 1px; margin-bottom: 1px; width: 87px; background-color: {color:sidebar}; color:{color:link}; text-decoration: none; text-transform: lowercase; line-height: 29px; border-bottom: 2px solid {color:details}; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;}
  192. .links2 a:hover{text-align: center; background-color: {color:sidebar}; color:{color:link hover}; border-bottom: 9px solid {color:details}; line-height: 22px; font-weight:bold;}
  193.  
  194. #tumblr_controls{position: fixed!important}
  195. #tumblr_controls{position: fixed!important}
  196. #tumblr_controls{position: fixed!important}
  197. #tumblr_controls{position: fixed!important}
  198.  
  199. ::-webkit-scrollbar{width:4px;height:5px;}
  200. ::-webkit-scrollbar-button:start:decrement
  201. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  202. ::-webkit-scrollbar-track-piece{background-color: {color:scrollbg}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  203. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  204. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  205.  
  206. </style>
  207.  
  208. <body>
  209.  
  210. <div id="theme">
  211.  
  212. <div id="sidebar">
  213. <div id="sid">
  214.  
  215.  
  216. <div class="pg">
  217. {block:Pagination}
  218. {block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}
  219. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  220. {/block:Pagination}</div>
  221.  
  222. <div class="title"><div id="flirt">{text:title}</div></div>
  223.  
  224. <div class="links1">
  225. <a href="{text:Link1}">{text:Link1 Title}</a>
  226. <a href="{text:Link2}">{text:Link2 Title}</a>
  227. <a href="{text:Link3}">{text:Link3 Title}</a>
  228. </div>
  229.  
  230. <div id="desc">
  231. {description}</div>
  232.  
  233. <div id="image"><img src="{image:sidebar}"></div>
  234.  
  235. <div class="credit">theme by <a href="http://thefirewar.tumblr.com/">thefirewar</a> <a href="http://stickyx.tumblr.com/">++</a> </div>
  236.  
  237.  
  238. </div>
  239. </div>
  240.  
  241.  
  242. <div id="post">
  243.  
  244. {block:Posts}
  245. <div class="post">
  246.  
  247. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  248.  
  249. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  250.  
  251. {block:Photoset}{Photoset-500}{/block:Photoset}
  252.  
  253. {block:Quote}
  254. <div class="quote">“{Quote}”</div>
  255. {block:Source}<div class="quotesource"> — {Source}</div>
  256. {/block:Source}
  257. {/block:Quote}
  258.  
  259. {block:Link}
  260. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  261. {block:Description}{Description}{/block:Description}
  262. {/block:Link}
  263.  
  264. {block:Chat}
  265. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  266. <div class="chat"><ul>{block:Lines}
  267. <li class="person{UserNumber}">{block:Label}
  268. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  269. {/block:Chat}
  270.  
  271. {block:Audio}
  272. <div class="player">{AudioPlayerBlack}</div>
  273. {block:Caption}{Caption}{/block:Caption}
  274. {/block:Audio}
  275.  
  276. {block:Video}{Video-500}{/block:Video}
  277.  
  278.  
  279. {block:Answer}
  280. <div id="asker"><b>{Asker} asked:</b> {Question}</div>
  281. <div class="answer">{Answer}</div>
  282. {/block:Answer}
  283.  
  284.  
  285. <div id="cap">
  286. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  287. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  288. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  289.  
  290. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  291. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  292. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  293. {/block:ContentSource}</div></div>
  294. <br>
  295.  
  296.  
  297. <div id="date">
  298. {block:Date}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>
  299. <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}
  300. {block:RebloggedFrom}<br>originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  301. {/block:RebloggedFrom}
  302. </div>
  303. </div>{/block:Date}
  304.  
  305.  
  306. {/block:Posts}
  307. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  308.  
  309.  
  310. <div class="faix">{description}</div>
  311.  
  312. <div class="links2">
  313. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  314. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  315. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  316. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  317. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a>{/block:ifLink8}
  318. {block:ifLink9}<a href="{text:Link9}">{text:Link9 Title}</a>{/block:ifLink9}
  319. </div>
  320.  
  321. </div>
  322. </div>
  323.  
  324. </body>
  325. </html>
Advertisement
Add Comment
Please, Sign In to add comment