Don't like ads? PRO users don't see any ads ;-)
Public Pastes

theme wipe (04)

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