degeneration

theme regrettable (06)

Apr 18th, 2012
2,571
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.29 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:scroll" content="#000" />
  14. <meta name="color:scrollbg" content="#fff" />
  15.  
  16. <meta name="if:WipeTitle" content="1"/>
  17.  
  18. <meta name="image:background" content="" />
  19. <meta name="image:sidebar" content="" />
  20.  
  21. <meta name="text:Title" content="title." />
  22.  
  23. <meta name="text:Link1" content="" />
  24. <meta name="text:Link1 Title" content="link" />
  25. <meta name="text:Link2" content="" />
  26. <meta name="text:Link2 Title" content="link" />
  27. <meta name="text:Link3" content="" />
  28. <meta name="text:Link3 Title" content="link" />
  29. <meta name="text:Link4" content="" />
  30. <meta name="text:Link4 Title" content="link" />
  31. <meta name="text:Link5" content="" />
  32. <meta name="text:Link5 Title" content="link" />
  33.  
  34. <script type="text/javascript">
  35. // <![CDATA[
  36. // all colours must be in format '#NNNNNN', not 'red' or 'rgb(7,8,9)'
  37. var fgcolour="{color:text}"; // foreground colour
  38. var hlcolour="{color:link hover}"; // highlight colour
  39. var bgcolour="{color:sidebar}"; // background colour
  40. var glcolour="{color:background}"; // colour of glow around letters
  41. var speed=66; // speed colours change, 1 second = 1000
  42. var delay=50; // how long to wait between wipes
  43. var alink="/"; // page to link text to (set to ="" for no link)
  44.  
  45. /****************************
  46. *Multi-Wipe Neon Text Effect*
  47. *(c)2003-12 mf2fm web-design*
  48. * http://www.mf2fm.com/rv *
  49. * DON'T EDIT BELOW THIS BOX *
  50. ****************************/
  51. var w_txt, w_txl;
  52. var w_flp=bgcolour;
  53. var w_sty=Math.floor(Math.random()*8);
  54. var w_cnt=-1;
  55. var wipes=new Array();
  56. var wrand=new Array();
  57. window.onload=function() { if (document.getElementById) {
  58. var i, wiper, wipei;
  59. wiper=document.getElementById("wipe");
  60. w_txt=wiper.firstChild.nodeValue;
  61. w_txl=w_txt.length;
  62. while (wiper.childNodes.length) wiper.removeChild(wiper.childNodes[0]);
  63. for (i=0; i<w_txl; i++) {
  64. wipei=document.createElement("span");
  65. wipei.appendChild(document.createTextNode(w_txt.charAt(i)));
  66. wipes[i]=wipei.style;
  67. wipes[i].textShadow=glcolour+" 0px 0px 5px";
  68. wipes[i].color=fgcolour;
  69. wiper.appendChild(wipei);
  70. }
  71. if (alink) {
  72. wiper.style.cursor="pointer";
  73. wiper.onclick=function() { top.location.href=alink; }
  74. }
  75. for (i=0; i<w_txl; i++) wrand[i]=i;
  76. wiper=setInterval("randwipe()", speed);
  77. }}
  78.  
  79. function c(i, shade) {
  80. if (shade==bgcolour) wipes[i].textShadow="none";
  81. else wipes[i].textShadow=glcolour+" 0px 0px 5px";
  82. wipes[i].color=shade;
  83. }
  84.  
  85. function randwipe() {
  86. var w_old;
  87. if (w_cnt++<w_txl+2+delay*(w_flp==fgcolour)) eval("wipe"+w_sty+"();");
  88. else {
  89. w_cnt=-1;
  90. w_flp=(w_flp==fgcolour)?bgcolour:fgcolour;
  91. w_old=w_sty;
  92. while (w_old==w_sty) w_sty=Math.floor(Math.random()*8);
  93. }
  94. }
  95.  
  96. function dechex(dec) { return ((dec<16)?"0":"")+dec.toString(16); }
  97.  
  98. function wipe0() { // curtains
  99. if (w_cnt<Math.floor(w_txl/2)) {
  100. c(w_cnt, hlcolour);
  101. c(w_txl-w_cnt-1, hlcolour);
  102. }
  103. else if (w_cnt<w_txl) {
  104. c(w_cnt, w_flp);
  105. c(w_txl-w_cnt-1, w_flp);
  106. }
  107. }
  108.  
  109. function wipe1() { // random
  110. var i, rand, temp;
  111. if (w_cnt==0) {
  112. for (i=0; i<w_txl; i++) {
  113. rand=Math.floor(Math.random()*w_txl);
  114. temp=wrand[i];
  115. wrand[i]=wrand[rand];
  116. wrand[rand]=temp;
  117. }
  118. }
  119. if (w_cnt<w_txl) c(wrand[w_cnt], hlcolour);
  120. if (w_cnt>0 && w_cnt<w_txl+1) c(wrand[w_cnt-1], w_flp);
  121. }
  122.  
  123. function wipe2() { // forwards
  124. if (w_cnt<w_txl) c(w_cnt, hlcolour);
  125. if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
  126. }
  127.  
  128. function wipe3() { // backwards
  129. if (w_cnt<w_txl) c(w_txl-(w_cnt+1), hlcolour);
  130. if (w_cnt>0 && w_cnt<w_txl+1) c(w_txl-w_cnt, w_flp);
  131. }
  132.  
  133. function wipe4() { // searchlight
  134. if (w_cnt<w_txl) c(w_cnt, hlcolour);
  135. if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp);
  136. if (w_cnt>1 && w_cnt<w_txl+2) c(w_cnt-2, hlcolour);
  137. if (w_cnt>2 && w_cnt<w_txl+3) c(w_cnt-3, (w_flp==fgcolour)?bgcolour:fgcolour);
  138. if (w_cnt==w_txl+2) w_flp=(w_flp==fgcolour)?bgcolour:fgcolour;
  139. }
  140.  
  141. function wipe5() { // fade
  142. var i;
  143. if (w_cnt<w_txl+3) {
  144. var start=(w_flp==fgcolour)?bgcolour:fgcolour;
  145. var temp="#";
  146. for (i=1; i<6; i+=2) {
  147. var hex1=parseInt(start.substring(i,i+2),16);
  148. var hex2=parseInt(w_flp.substring(i,i+2),16);
  149. temp+=dechex(Math.floor(hex1+(hex2-hex1)*(w_cnt/(w_txl+2))));
  150. }
  151. for (i=0; i<w_txl; i++) c(i, temp);
  152. }
  153. }
  154.  
  155. function wipe6() { // flash
  156. var i;
  157. if (w_cnt<6*Math.floor(w_txl/6)+3) {
  158. if (w_cnt%6==0 || w_cnt%6==3) for (i=0; i<w_txl; i++) c(i, hlcolour);
  159. else if (w_cnt%6==1) for (i=0; i<w_txl; i++) c(i, w_flp);
  160. else if (w_cnt%6==4) for (i=0; i<w_txl; i++) c(i, (w_flp==fgcolour)?bgcolour:fgcolour);
  161. }
  162. }
  163.  
  164. function wipe7() { // checkerboard
  165. var qtr=Math.floor(w_txl/4);
  166. if (w_cnt<qtr) {
  167. c(w_cnt, hlcolour);
  168. c(w_cnt+2*qtr, hlcolour);
  169. }
  170. else if (w_cnt<2*qtr) {
  171. c(w_cnt-qtr, w_flp);
  172. c(w_cnt+qtr, w_flp);
  173. }
  174. else if (w_cnt<3*qtr) {
  175. c(w_cnt-qtr, hlcolour);
  176. c(w_cnt+qtr, hlcolour);
  177. }
  178. else if (w_cnt<w_txl) {
  179. c(w_cnt-2*qtr, w_flp);
  180. c(w_cnt, w_flp);
  181. }
  182. }
  183. // ]]>
  184. </script>
  185.  
  186. <title>{Title}</title>
  187. <link rel="shortcut icon" href="{Favicon}">
  188. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  189. {block:Description}
  190. <meta name="description" content="{MetaDescription}" />
  191. {/block:Description}
  192.  
  193.  
  194. <style type="text/css">
  195.  
  196. 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; }
  197.  
  198. a {color: {color:link}; text-decoration: none; text-transform: none;}
  199. a:hover {color: {color:link hover}; text-decoration: none;}
  200.  
  201. p {margin: 6px 0 0 0}
  202.  
  203. blockquote {margin: 5px 5px 5px 5px; border-left: 5px solid {color:background}; padding-left: 5px; }
  204. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};}
  205. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:sidebar}; }
  206. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  207.  
  208. blockquote img{max-width: 470px!important}
  209. blockquote blockquote img{max-width: 450px!important}
  210. blockquote blockquote blockquote img{max-width: 430px!important}
  211. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  212.  
  213.  
  214.  
  215. #theme {text-align: center; width: 835px; margin: 20px auto 20px auto; padding: 0px; z-index: 1}
  216.  
  217. #post {float: left; margin-left: 160px; margin-top:79px;}
  218.  
  219. .post {width: 500px; background-color: {color:post}; padding: 15px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px; position: relative;}
  220.  
  221. h1 {font-family: georgia; text-align: center; font-size: 16px; color: {color:text}; text-transform: uppercase; font-weight: normal; line-height: 18px;}
  222. h1 a {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  223. h1 a:hover {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  224.  
  225. .image {text-align: center; border: 0px}
  226. .image img {max-width: 500px; margin-bottom: 2px }
  227.  
  228. .quote {font-family: georgia; text-align: center; font-size: 14px; line-height: 16px; padding: 3px;}
  229. .quotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  230. .quotesource a, a:hover{text-transform: none;}
  231.  
  232. .chat {line-height: 13px; list-style: none }
  233. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  234. .person1 {color: {color:text}; padding: 2px; }
  235. .person1 .label {font-weight: bold; color:{color:text}}
  236. .person2 {color: {color:text}; padding: 2px; }
  237. .person2 .label {font-weight: bold; color:{color:text}}
  238.  
  239. .player {background-color: #000; text-align: left; display:block;}
  240.  
  241. #asker {font-size: 11px; font-family: {font:text}; text-align: justify;}
  242. .answer {padding: 2px}
  243. .answer img {max-width: 470px;}
  244.  
  245.  
  246. #date {text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11;}
  247. #date a {font-size: 9px;}
  248.  
  249. .tags {color: {color:text}; font-size: 9px; font-family: verdana; display: inline; list-style: none; text-transform: lowercase;}
  250. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  251.  
  252. #cap {width: 500px; margin-top: -2px;}
  253. .source {display: none;}
  254.  
  255. .notes {width: 530px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: left}
  256. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  257. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  258. .notes img{display: none; border:0px}
  259.  
  260. #sidebar {position: fixed; top: 0px; margin-left:0px;}
  261.  
  262. #sid{position: fixed; width: 540px; height: auto; margin-left: 0px;background-color: {color:background};}
  263.  
  264. .title{ font-size: 16px; font-family: georgia;padding: 2px;text-align: center;color: {color:text};}
  265.  
  266. #image{position:fixed; width: 70px; height: 70px; padding:5px; text-align:center; background-color: {color:sidebar}; margin-top: 1px; margin-left:430px; border: 1px solid {color:background};}
  267. #image img{width: 70px; height: 70px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  268. #image img:hover{opacity:0.7;}
  269.  
  270. .links1 {position:fixed; width: 70; height: auto; padding:0px; margin-top:18px; margin-left:350px; border: 1px solid {color:background};}
  271. .links1 a {float: left;display: block; width: 60px; height: 2; line-height: 1px; 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: 0px; margin-bottom: 1px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  272. .links1 a:hover { background-color: {color:sidebar}; color:{color:link hover}; letter-spacing: 4px; font-weight: normal;}
  273.  
  274. #desc{position:fixed; width: 250px; height: 70px; font-size: 9px; font-family: verdana;padding: 5px;text-align: center;color: {color:text}; background-color: {color:sidebar}; margin-top: 1px; overflow:hidden;}
  275.  
  276. .credit{position:fixed; font-size: 9px; font-family: verdana;padding: 3px 5px 5px 3px; height: 8; line-height: 1; text-align: center;color: {color:text}; background-color: {color:sidebar}; margin-top: 82px; margin-left:0px;}
  277.  
  278. .pg{position:fixed; font-size: 9px; font-family: verdana;text-align: right; margin-top: 82px;width: 525px; padding: 2px 3px 2px 2px; background-color: {color:sidebar}; border-bottom: 1px solid {color:background}; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  279.  
  280. .faix{width: 100%; height: 99px; top:0; left:0;}
  281.  
  282. #tumblr_controls{position: fixed!important}
  283. #tumblr_controls{position: fixed!important}
  284. #tumblr_controls{position: fixed!important}
  285. #tumblr_controls{position: fixed!important}
  286.  
  287. ::-webkit-scrollbar{width:4px;height:5px;}
  288. ::-webkit-scrollbar-button:start:decrement
  289. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  290. ::-webkit-scrollbar-track-piece{background-color: {color:scrollbg}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  291. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  292. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  293.  
  294. </style>
  295.  
  296. <body>
  297.  
  298. <div id="theme">
  299.  
  300. <div id="post">
  301.  
  302. {block:Posts}
  303. <div class="post">
  304.  
  305. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  306.  
  307. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  308.  
  309. {block:Photoset}{Photoset-500}{/block:Photoset}
  310.  
  311. {block:Quote}
  312. <div class="quote">“{Quote}”</div>
  313. {block:Source}<div class="quotesource"> — {Source}</div>
  314. {/block:Source}
  315. {/block:Quote}
  316.  
  317. {block:Link}
  318. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  319. {block:Description}{Description}{/block:Description}
  320. {/block:Link}
  321.  
  322. {block:Chat}
  323. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  324. <div class="chat"><ul>{block:Lines}
  325. <li class="person{UserNumber}">{block:Label}
  326. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  327. {/block:Chat}
  328.  
  329. {block:Audio}
  330. <div class="player">{AudioPlayerBlack}</div>
  331. {block:Caption}{Caption}{/block:Caption}
  332. {/block:Audio}
  333.  
  334. {block:Video}{Video-500}{/block:Video}
  335.  
  336.  
  337. {block:Answer}
  338. <div id="asker"><b>{Asker} asked:</b> {Question}</div>
  339. <div class="answer">{Answer}</div>
  340. {/block:Answer}
  341.  
  342.  
  343. <div id="cap">
  344. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  345. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  346. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  347.  
  348. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  349. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  350. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  351. {/block:ContentSource}</div></div>
  352. <br>
  353.  
  354.  
  355. <div id="date">
  356. {block:Date}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>
  357. <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}
  358. {block:RebloggedFrom}<br>originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  359. {/block:RebloggedFrom}
  360. </div>
  361. </div>{/block:Date}
  362.  
  363.  
  364. {/block:Posts}
  365. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  366.  
  367. <div id="sidebar">
  368. <div id="sid">
  369.  
  370. <div id="desc">
  371. <div class="title">{block:ifWipeTitle}<span id="wipe">{/block:ifWipeTitle}{text:title}</span></div>
  372. {description}</div>
  373.  
  374. <div class="pg">
  375. {block:Pagination}
  376. {block:PreviousPage}<a href="{PreviousPage}">« previous</a> / {/block:PreviousPage}
  377. {block:NextPage}<a href="{NextPage}">next »</a>{/block:NextPage}
  378. {/block:Pagination}</div>
  379.  
  380. <div class="credit"><a href="http://thefirewar.tumblr.com/">©</a> thefirewar theme; don't copy</div>
  381.  
  382. <div id="image"><img src="{image:sidebar}"></div>
  383.  
  384. <div class="links1">
  385. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  386. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  387. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  388. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  389. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  390. </div>
  391.  
  392. <div class="faix"></div>
  393.  
  394.  
  395. </div>
  396. </div>
  397.  
  398. </div>
  399. </div>
  400. </div>
  401.  
  402. </body>
  403. </html>
Advertisement
Add Comment
Please, Sign In to add comment