API tools faq
paste
Advertisement
grimmzy

Redux 03 by OFPEWDS

grimmzy
Oct 26th, 2013
646
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.91 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. REDUX THEME BY HANNAH AKA OFPEWDS
  4.  
  5. REMOVE CREDIT, OR CLAIM AS YOUR OWN- I WILL FIND YOU AND THERE WILL BE CONSEQUENCES
  6.  
  7. **i recognize alllll my themes**
  8.  
  9. -->
  10.  
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15. <script type="text/javascript">
  16. /*tweaked by 1dcursors.tumblr.com*/
  17. /*DO NOT STEAL OR REMOVE THIS TAGS*/
  18. // <![CDATA[
  19. var sparks=75;
  20. var speed=33;
  21. var bangs=5;
  22. var colours=new Array('{color:fwork 1}', '{color:fwork 2}', '{color:fwork 3}', '{color:fwork 1}', '{color:fwork 2}', '{color:fwork 3}', '{color:fwork 3}');
  23.  
  24. var intensity=new Array();
  25. var Xpos=new Array();
  26. var Ypos=new Array();
  27. var dX=new Array();
  28. var dY=new Array();
  29. var stars=new Array();
  30. var decay=new Array();
  31. var timers=new Array();
  32. var swide=800;
  33. var shigh=600;
  34. var sleft=sdown=0;
  35. var count=0;
  36.  
  37. function addLoadEvent(funky) {
  38. var oldonload=window.onload;
  39. if (typeof(oldonload)!='function') window.onload=funky;
  40. else window.onload=function() {
  41. if (oldonload) oldonload();
  42. funky();
  43. }
  44. }
  45.  
  46. addLoadEvent(clicksplode);
  47.  
  48. function clicksplode() { if (document.getElementById) {
  49. var i, j;
  50. window.onscroll=set_scroll;
  51. window.onresize=set_width;
  52. document.onclick=eksplode;
  53. set_width();
  54. set_scroll();
  55. for (i=0; i<bangs; i++) for (j=sparks*i; j<sparks+sparks*i; j++) {
  56. stars[j]=createDiv('*', 13);
  57. document.body.appendChild(stars[j]);
  58. }
  59. }}
  60.  
  61. function createDiv(char, size) {
  62. var div, sty;
  63. div=document.createElement('div');
  64. sty=div.style;
  65. sty.font=size+'px monospace';
  66. sty.position='absolute';
  67. sty.backgroundColor='transparent';
  68. sty.visibility='hidden';
  69. sty.zIndex='101';
  70. div.appendChild(document.createTextNode(char));
  71. return (div);
  72. }
  73.  
  74. function bang(N) {
  75. var i, Z, A=0;
  76. for (i=sparks*N; i<sparks*(N+1); i++) {
  77. if (decay[i]) {
  78. Z=stars[i].style;
  79. Xpos[i]+=dX[i];
  80. Ypos[i]+=(dY[i]+=1.25/intensity[N]);
  81. if (Xpos[i]>=swide || Xpos[i]<0 || Ypos[i]>=shigh+sdown || Ypos[i]<0) decay[i]=1;
  82. else {
  83. Z.left=Xpos[i]+'px';
  84. Z.top=Ypos[i]+'px';
  85. }
  86. if (decay[i]==15) Z.fontSize='7px';
  87. else if (decay[i]==7) Z.fontSize='2px';
  88. else if (decay[i]==1) Z.visibility='hidden';
  89. decay[i]--;
  90. }
  91. else A++;
  92. }
  93. if (A!=sparks) timers[N]=setTimeout('bang('+N+')', speed);
  94. }
  95.  
  96. function eksplode(e) {
  97. var x, y, i, M, Z, N;
  98. set_scroll();
  99. y=(e)?e.pageY:event.y+sdown;
  100. x=(e)?e.pageX:event.x+sleft;
  101. N=++count%bangs;
  102. M=Math.floor(Math.random()*3*colours.length);
  103. intensity[N]=5+Math.random()*4;
  104. for (i=N*sparks; i<(N+1)*sparks; i++) {
  105. Xpos[i]=x;
  106. Ypos[i]=y-5;
  107. dY[i]=(Math.random()-0.5)*intensity[N];
  108. dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
  109. decay[i]=16+Math.floor(Math.random()*16);
  110. Z=stars[i].style;
  111. if (M<colours.length) Z.color=colours[i%2?count%colours.length:M];
  112. else if (M<2*colours.length) Z.color=colours[count%colours.length];
  113. else Z.color=colours[i%colours.length];
  114. Z.fontSize='13px';
  115. Z.visibility='visible';
  116. }
  117. clearTimeout(timers[N]);
  118. bang(N);
  119. }
  120.  
  121. function set_width() {
  122. var sw_min=999999;
  123. var sh_min=999999;
  124. if (document.documentElement && document.documentElement.clientWidth) {
  125. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  126. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  127. }
  128. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  129. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  130. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  131. }
  132. if (document.body.clientWidth) {
  133. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  134. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  135. }
  136. if (sw_min==999999 || sh_min==999999) {
  137. sw_min=800;
  138. sh_min=600;
  139. }
  140. swide=sw_min-7;
  141. shigh=sh_min-7;
  142. }
  143.  
  144. function set_scroll() {
  145. if (typeof(self.pageYOffset)=='number') {
  146. sdown=self.pageYOffset;
  147. sleft=self.pageXOffset;
  148. }
  149. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  150. sdown=document.body.scrollTop;
  151. sleft=document.body.scrollLeft;
  152. }
  153. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  154. sleft=document.documentElement.scrollLeft;
  155. sdown=document.documentElement.scrollTop;
  156. }
  157. else {
  158. sdown=0;
  159. sleft=0;
  160. }
  161. }
  162. // ]]>
  163. </script>
  164.  
  165. <head><title>{Title}</title>
  166. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  167. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  168.  
  169.  
  170. <meta name="color:Background" content="#ffffff"/>
  171. <meta name="color:Text" content="#a8a8a8"/>
  172. <meta name="color:Link" content="#444444"/>
  173. <meta name="color:linksbg" content="seashell"/>
  174. <meta name="color:Border" content="#fd9f9f"/>
  175. <meta name="color:Bolded" content="#fd9f9f"/>
  176. <meta name="color:asks" content="lightpink"/>
  177. <meta name="color:shadow" content="#779ba5"/>
  178. <meta name="color:scrollbarbg" content="ffffff"/>
  179. <meta name="image:background" content="http://media.tumblr.com/36c4e6a070aac12da59de3f8f4fca475/tumblr_inline_mva7kgsOuZ1rz79oz.png"/>
  180. <meta name="image:header" content="http://media.tumblr.com/1facbfc11a3618acfe1275df04b1ab08/tumblr_inline_muxg49Vqdv1rz79oz.png"/>
  181. <meta name="color:fwork 1" content="red"/>
  182. <meta name="color:fwork 2" content="yellow"/>
  183. <meta name="color:fwork 3" content="pink"/>
  184. <meta name="image:sidebarimage" content="http://static.tumblr.com/7f2589ee33e036770691293cdbee4928/spobirt/1qJmuxdry/tumblr_static_meow.png"/>
  185.  
  186.  
  187. <meta name="text:Link 1" content="" />
  188. <meta name="text:Link 1 Text" content="" />
  189. <meta name="text:Link 2" content="" />
  190. <meta name="text:Link 2 Text" content="" />
  191. <meta name="text:Link 3" content="" />
  192. <meta name="text:Link 3 Text" content="" />
  193. <meta name="text:Link 4" content="" />
  194. <meta name="text:Link 4 Text" content="" />
  195. <link rel="shortcut icon" href="{Favicon}">
  196.  
  197. <style type="text/css">
  198.  
  199. ::-webkit-scrollbar {
  200. width: 5px;height: 5px;}
  201. ::-webkit-scrollbar-button:start:decrement,
  202. ::-webkit-scrollbar-button:end:increment {
  203. height: 6px;display: block;background-color: {color:white};}
  204. ::-webkit-scrollbar-track-piece {
  205. background-color: {color:scrollbarbg};}
  206. ::-webkit-scrollbar-thumb:vertical {
  207. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  208.  
  209. body {
  210. background-color: {color:Background};
  211. background-image:url({image:Background});
  212. background-attachment: fixed;
  213. background-repeat: repeat;
  214. margin:0px;
  215. color:{color:text};
  216. font-family:Calibri;
  217. font-size:9px;
  218. line-height:100%;
  219. }
  220.  
  221. a {
  222. text-decoration:none;
  223. outline:none;
  224. -moz-outline-style:none;
  225. color:{color:link};
  226. }
  227.  
  228. img {
  229. border:none;
  230. }
  231.  
  232. blockquote {
  233. padding-left:5px;
  234. border-left:2px solid;
  235. }
  236.  
  237. blockquote blockquote {
  238. padding-left:5px;
  239. border-left:2px solid;
  240. }
  241.  
  242. h1 {
  243. font-size:9px;
  244. text-transform:uppercase;
  245. }
  246.  
  247. a:hover {
  248. opacity:10;
  249. color:{color:hover};
  250. -webkit-transition: all 0.7s ease;
  251. -moz-transition: all 0.7s ease;
  252. -o-transition: all 0.7s ease
  253. }
  254.  
  255. #entries {
  256. padding:10px;
  257. width:400px;
  258. margin-left:525px;
  259. margin-top:40px;
  260. font-size:10px;
  261. }
  262.  
  263. #post {
  264. width:400px;
  265. opacity:1;
  266. padding-bottom:10px;
  267. padding-right:10px;
  268. padding-left:10px;
  269. padding-top:10px;
  270. border:{color:Border} 1px solid;
  271. margin-top:25px;
  272. background-color:white;
  273. border-radius:3px;
  274. }
  275.  
  276. #post img{
  277. opacity:1;
  278. }
  279.  
  280. #sidebar {
  281. width:155px;
  282. height:243px;
  283. background:white;
  284. position:fixed;
  285. margin-left:275px;
  286. margin-top:75px;
  287. border:{color:Border} 1px solid;
  288. border-radius:3px;
  289. }
  290.  
  291. #sidebarimage {
  292. border-radius:3px;
  293. width:135px;
  294. }
  295.  
  296. #sidebarimage img {
  297. width:135px;
  298. height:135px;
  299. padding:6px;
  300. margin-top:5px;
  301. margin-left:5px;
  302. border-radius:8px;
  303. }
  304.  
  305.  
  306. #description {
  307. position:fixed;
  308. font-family:candara;
  309. line-height:100%;
  310. font-size:12px;
  311. width:145px;
  312. margin-top:-10px;
  313. padding:8px;
  314. line-height:110%;
  315. margin-left:-4px;
  316. text-align:center;
  317. color:{color:border};
  318. }
  319.  
  320. #description a {
  321. color:{color:border};
  322. font-size:17px;
  323. text-shadow:0 1px 4px {color:shadow};
  324. font-style:bold;
  325. -moz-transition-duration:0.4s;
  326. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  327.  
  328. .links {
  329. width:250px;
  330. height:105px;
  331. font-family:candara;
  332. text-align:center;
  333. margin-top:-185px;
  334. margin-left:-2px;
  335. text-align:left;
  336. text-transform:uppercase;
  337. position:fixed;
  338. padding-bottom:7px;
  339.  
  340. }
  341.  
  342. .links a {
  343. font-size: 10px;
  344. padding:3px;
  345. line-height:175%;
  346. color:{color:border};
  347. background-color:{color:linksbg};
  348. border:{color:border} 1px solid;
  349. border-radius:2px;
  350. }
  351.  
  352. .links a:hover {
  353. color:{color:Hover};
  354. }
  355.  
  356. #pagination {
  357. width:100px;
  358. height:15px;
  359. font-size:12px;
  360. text-align:center;
  361. margin-left:25px;
  362. margin-top:83px;
  363. position:fixed;
  364. font-family:cambria;
  365. letter-spacing:0px;
  366. color:{color:Border};
  367. border: 1px {color:Border} solid;
  368. background:white;
  369. border-radius:2px;
  370. padding-top:7px;
  371. }
  372.  
  373. #pagination a{
  374. color:{color:Border};
  375. }
  376.  
  377. #info {
  378. width:400px;
  379. height:10px;
  380. text-align:center;
  381. margin-top:10px;
  382. text-transform:uppercase;
  383. font-size:10px;
  384. font-style:none;
  385. color:{color:asks};
  386. background:white;
  387. padding-bottom:3px;
  388. padding-top:3px;
  389. -o-transition-transition: all .5s ease-out;
  390. -webkit-transition: all .5s ease-out;
  391. -moz-transition: all .5s ease-out;
  392. }
  393.  
  394. #info a {
  395. color:{color:border};
  396. }
  397.  
  398. #info b {
  399. color:{color:border};
  400. }
  401.  
  402.  
  403. #tags {
  404. font-family:candara;
  405. letter-spacing:0px;
  406. text-transform:lowercase;
  407. font-size:12px;
  408. margin-top:3px;
  409. padding-bottom:3px;
  410. text-align:center;
  411. color:{color:border};
  412. opacity:1;
  413. width:400px;
  414. border-radius:0px 0px 3px 3px;
  415. background:white;
  416. margin-left:-11px;
  417. padding-right:10px;
  418. padding-left:10px;
  419. border-bottom:{color:border} 1px solid;
  420. border-left:{color:border} 1px solid;
  421. border-right:{color:border} 1px solid;
  422. -o-transition-transition: all .5s ease-out;
  423. -webkit-transition: all .5s ease-out;
  424. -moz-transition: all .5s ease-out;
  425. }
  426.  
  427. #tags a {
  428. display:inline;
  429. padding:-3px;
  430. text-align:right;
  431. color:{color:border};
  432. -webkit-transition: all 0.6s ease-in-out;
  433. -moz-transition: all 0.6s ease-in-out;
  434. -o-transition: all 0.6s ease-in-out;
  435. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;
  436. }
  437.  
  438. #answer {
  439. font-size:11px;
  440. padding:5px;
  441. border-radius:10px;
  442. font-family:candara;
  443. letter-spacing:1px;
  444. text-align:center;
  445. color:black;
  446. margin-top:-30px;
  447. }
  448.  
  449. #reply {
  450. color:{color:border};
  451. margin-top:0px;
  452. margin-left:-230px;
  453. font-size:candara;
  454. font-size:16px;
  455. }
  456.  
  457. #asker {
  458. font-size:11px;
  459. padding:8px;
  460. line-height:100%;
  461. border-radius:10px;
  462. font-family:candara;
  463. letter-spacing:1px;
  464. text-align:left;
  465. margin-left:0px;
  466. color:{color:border};
  467. background:{color:bolded};
  468. }
  469.  
  470. #answer a {
  471. font-size:candara;
  472. font-size:16px;
  473. color:text;
  474. text-shadow: -1px -1px {color:border};
  475. }
  476.  
  477. #asker a {
  478. font-size:candara;
  479. font-size:16px;
  480. color:{color:border};
  481. }
  482.  
  483. #tri {
  484. margin-left:20px;
  485. top:0px;
  486. width: 0px;
  487. height: 0px;
  488. border-style: solid;
  489. border-width: 35px 10px 0 10px;
  490. border-color: {color:bolded} transparent transparent transparent;
  491. }
  492.  
  493. #credit {
  494. position:fixed;
  495. bottom:-4px;
  496. left:-2px;
  497. font-size:18px;
  498. font-family:cambria;
  499. padding:6px;
  500. }
  501.  
  502. #credit a {
  503. color:deeppink;
  504. }
  505.  
  506. #s-m-t-tooltip {
  507.  
  508. max-width:300px;
  509. padding:3px 4px 5px 4px;
  510. margin:20px 0px 0px 20px;
  511. background-color:white;
  512. font-family:candara;
  513. font-size:13px;
  514. letter-spacing:2px;
  515. text-transform:uppercase;
  516. color:{color:border};
  517. border:{color:border} 1px solid;
  518. border-radius:2px;
  519. box-shadow: 1px 1px 4px grey;
  520. z-index:999999999999999999999999999999999999;
  521.  
  522. }
  523.  
  524. #ooze {
  525. width:8000px;
  526. top:0px;
  527. left:0px;
  528. position:fixed;
  529. }
  530.  
  531. #ooze img {
  532. width:125px;
  533. }
  534.  
  535. {CustomCSS}</style></head>
  536. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  537. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  538. <script>
  539. (function($){
  540. $(document).ready(function(){
  541. $("a[title]").style_my_tooltips({
  542. tip_follows_cursor:true,
  543. tip_delay_time:90,
  544. tip_fade_speed:600,
  545. attribute:"title"
  546. });
  547. });
  548. })(jQuery);
  549. </script>
  550. <body>
  551.  
  552.  
  553. <div id="ooze"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"><img src="{image:header}"></div>
  554.  
  555. <div id="sidebar"><div id="sidebarimage"><img src="{image:sidebarimage}"></div><div id="description"> {Description}</div>
  556. <div class="links">
  557. <a title="home" href="/">one</a>
  558. <a title="message" href="/ask">two</a>
  559. <a title="{text:link 1 text}" href="{text:Link 1}">three</a>
  560. <a title="{text:link 2 text}" href="{text:Link 2}">four</a>
  561. <a title="{text:link 3 text}" href="{text:Link 3}">five</a>
  562. </div>
  563.  
  564. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}{block:JumpPagination length="3"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}</div>{/block:Pagination}</div><div id="entries">{block:Posts}<div id="post">{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}{block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  565. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{block:Quote}{Quote}{/block:Quote}{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span><br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}<br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  566. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times{/block:Audio}
  567. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}{block:Answer}<div id="asker"><span style="font-family:cambria;font-size:9px;font-style:italic;"> {Asker}- </span> {Question}</div><left><div id="tri"></div><div id="answer"><div id="reply"><b>reply:</b></div><br>{Answer}</div>{/block:Answer}<div id="info"><div id="tri1"></div><a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} <b>♡</b> <a href="{ReblogParentURL}">VIA </a>{/block:RebloggedFrom}<b>♡</b>{block:ContentSource}<a href="{SourceURL}"> <a href="{SourceURL}">BY</a>{/block:ContentSource}<b>♡</b>{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}<a href="{Permalink}">{NoteCountWithLabel}</a> {block:HasTags}<br><div id="tags"><br> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  568. {/block:Posts}{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}{/block:Posts}</div></div></div>
  569.  
  570. <div id="credit">
  571. <a title="redux theme edit by ofpewds" href="http://ofpewds.tumblr.com/"><img src="http://media.tumblr.com/5e8bcd8ab1c131a611756773fe81b6fe/tumblr_inline_muxfssb2qv1rz79oz.gif"></a></center></div>
  572.  
  573.  
  574.  
  575.  
  576.  
  577. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!