API tools faq
paste
Advertisement
bakushima

red hot theme

bakushima
Aug 19th, 2017
2,519
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.29 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. red hot theme by sam @classroom.tumblr.com
  6. basecode by animecharacter
  7.  
  8. same rules as usual. **DO NOT REMOVE THE CREDIT**
  9. do not claim as your own or use as a basecode.
  10.  
  11. i will confront you if you do this
  12.  
  13. enjoy!
  14.  
  15. ----->
  16. {block:iffireworks}
  17. <script type="text/javascript">
  18. // <![CDATA[
  19. var sparks=75; // how many sparks per clicksplosion
  20. var speed=33; // how fast - smaller is faster
  21. var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
  22. var colours=new Array('#03f', '#f03', '#0e0', '#93f', '#0cf', '#f93', '#f0c');
  23. // blue red green purple cyan orange pink
  24.  
  25. /****************************
  26. * Clicksplosion Effect *
  27. * (c) 2012 mf2fm web-design *
  28. * http://www.mf2fm.com/rv *
  29. * DON'T EDIT BELOW THIS BOX *
  30. ****************************/
  31. var intensity=new Array();
  32. var Xpos=new Array();
  33. var Ypos=new Array();
  34. var dX=new Array();
  35. var dY=new Array();
  36. var stars=new Array();
  37. var decay=new Array();
  38. var timers=new Array();
  39. var swide=800;
  40. var shigh=600;
  41. var sleft=sdown=0;
  42. var count=0;
  43.  
  44. function addLoadEvent(funky) {
  45. var oldonload=window.onload;
  46. if (typeof(oldonload)!='function') window.onload=funky;
  47. else window.onload=function() {
  48. if (oldonload) oldonload();
  49. funky();
  50. }
  51. }
  52.  
  53. addLoadEvent(clicksplode);
  54.  
  55. function clicksplode() { if (document.getElementById) {
  56. var i, j;
  57. window.onscroll=set_scroll;
  58. window.onresize=set_width;
  59. document.onclick=eksplode;
  60. set_width();
  61. set_scroll();
  62. for (i=0; i<bangs; i++) for (j=sparks*i; j<sparks+sparks*i; j++) {
  63. stars[j]=createDiv('*', 13);
  64. document.body.appendChild(stars[j]);
  65. }
  66. }}
  67.  
  68. function createDiv(char, size) {
  69. var div, sty;
  70. div=document.createElement('div');
  71. sty=div.style;
  72. sty.font=size+'px monospace';
  73. sty.position='absolute';
  74. sty.backgroundColor='transparent';
  75. sty.visibility='hidden';
  76. sty.zIndex='101';
  77. div.appendChild(document.createTextNode(char));
  78. return (div);
  79. }
  80.  
  81. function bang(N) {
  82. var i, Z, A=0;
  83. for (i=sparks*N; i<sparks*(N+1); i++) {
  84. if (decay[i]) {
  85. Z=stars[i].style;
  86. Xpos[i]+=dX[i];
  87. Ypos[i]+=(dY[i]+=1.25/intensity[N]);
  88. if (Xpos[i]>=swide || Xpos[i]<0 || Ypos[i]>=shigh+sdown || Ypos[i]<0) decay[i]=1;
  89. else {
  90. Z.left=Xpos[i]+'px';
  91. Z.top=Ypos[i]+'px';
  92. }
  93. if (decay[i]==15) Z.fontSize='7px';
  94. else if (decay[i]==7) Z.fontSize='2px';
  95. else if (decay[i]==1) Z.visibility='hidden';
  96. decay[i]--;
  97. }
  98. else A++;
  99. }
  100. if (A!=sparks) timers[N]=setTimeout('bang('+N+')', speed);
  101. }
  102.  
  103. function eksplode(e) {
  104. var x, y, i, M, Z, N;
  105. set_scroll();
  106. y=(e)?e.pageY:event.y+sdown;
  107. x=(e)?e.pageX:event.x+sleft;
  108. N=++count%bangs;
  109. M=Math.floor(Math.random()*3*colours.length);
  110. intensity[N]=5+Math.random()*4;
  111. for (i=N*sparks; i<(N+1)*sparks; i++) {
  112. Xpos[i]=x;
  113. Ypos[i]=y-5;
  114. dY[i]=(Math.random()-0.5)*intensity[N];
  115. dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
  116. decay[i]=16+Math.floor(Math.random()*16);
  117. Z=stars[i].style;
  118. if (M<colours.length) Z.color=colours[i%2?count%colours.length:M];
  119. else if (M<2*colours.length) Z.color=colours[count%colours.length];
  120. else Z.color=colours[i%colours.length];
  121. Z.fontSize='13px';
  122. Z.visibility='visible';
  123. }
  124. clearTimeout(timers[N]);
  125. bang(N);
  126. }
  127.  
  128. function set_width() {
  129. var sw_min=999999;
  130. var sh_min=999999;
  131. if (document.documentElement && document.documentElement.clientWidth) {
  132. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  133. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  134. }
  135. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  136. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  137. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  138. }
  139. if (document.body.clientWidth) {
  140. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  141. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  142. }
  143. if (sw_min==999999 || sh_min==999999) {
  144. sw_min=800;
  145. sh_min=600;
  146. }
  147. swide=sw_min-7;
  148. shigh=sh_min-7;
  149. }
  150.  
  151. function set_scroll() {
  152. if (typeof(self.pageYOffset)=='number') {
  153. sdown=self.pageYOffset;
  154. sleft=self.pageXOffset;
  155. }
  156. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  157. sdown=document.body.scrollTop;
  158. sleft=document.body.scrollLeft;
  159. }
  160. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  161. sleft=document.documentElement.scrollLeft;
  162. sdown=document.documentElement.scrollTop;
  163. }
  164. else {
  165. sdown=0;
  166. sleft=0;
  167. }
  168. }
  169. // ]]>
  170. </script>
  171. {/block:iffireworks}
  172. {block:ifrainbowhover}
  173. <script type='text/javascript'>
  174. //<![CDATA[
  175. var rate = 50;
  176. if (document.getElementById)
  177. window.onerror=new Function("return true")
  178.  
  179. var objActive; // The object which event occured in
  180. var act = 0; // Flag during the action
  181. var elmH = 0; // Hue
  182. var elmS = 128; // Saturation
  183. var elmV = 255; // Value
  184. var clrOrg; // A color before the change
  185. var TimerID; // Timer ID
  186. if (document.all) {
  187. document.onmouseover = doRainbowAnchor;
  188. document.onmouseout = stopRainbowAnchor;
  189. }
  190. else if (document.getElementById) {
  191. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  192. document.onmouseover = Mozilla_doRainbowAnchor;
  193. document.onmouseout = Mozilla_stopRainbowAnchor;
  194. }
  195. function doRainbow(obj)
  196. {
  197. if (act == 0) {
  198. act = 1;
  199. if (obj)
  200. objActive = obj;
  201. else
  202. objActive = event.srcElement;
  203. clrOrg = objActive.style.color;
  204. TimerID = setInterval("ChangeColor()",100);
  205. }
  206. }
  207. function stopRainbow()
  208. {
  209. if (act) {
  210. objActive.style.color = clrOrg;
  211. clearInterval(TimerID);
  212. act = 0;
  213. }
  214. }
  215. function doRainbowAnchor()
  216. {
  217. if (act == 0) {
  218. var obj = event.srcElement;
  219. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  220. obj = obj.parentElement;
  221. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  222. break;
  223. }
  224. if (obj.tagName == 'A' && obj.href != '') {
  225. objActive = obj;
  226. act = 1;
  227. clrOrg = objActive.style.color;
  228. TimerID = setInterval("ChangeColor()",100);
  229. }
  230. }
  231. }
  232. function stopRainbowAnchor()
  233. {
  234. if (act) {
  235. if (objActive.tagName == 'A') {
  236. objActive.style.color = clrOrg;
  237. clearInterval(TimerID);
  238. act = 0;
  239. }
  240. }
  241. }
  242. function Mozilla_doRainbowAnchor(e)
  243. {
  244. if (act == 0) {
  245. obj = e.target;
  246. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  247. obj = obj.parentNode;
  248. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  249. break;
  250. }
  251. if (obj.nodeName == 'A' && obj.href != '') {
  252. objActive = obj;
  253. act = 1;
  254. clrOrg = obj.style.color;
  255. TimerID = setInterval("ChangeColor()",100);
  256. }
  257. }
  258. }
  259. function Mozilla_stopRainbowAnchor(e)
  260. {
  261. if (act) {
  262. if (objActive.nodeName == 'A') {
  263. objActive.style.color = clrOrg;
  264. clearInterval(TimerID);
  265. act = 0;
  266. }
  267. }
  268. }
  269. function ChangeColor()
  270. {
  271. objActive.style.color = makeColor();
  272. }
  273. function makeColor()
  274. {
  275. // Don't you think Color Gamut to look like Rainbow?
  276. // HSVtoRGB
  277. if (elmS == 0) {
  278. elmR = elmV; elmG = elmV; elmB = elmV;
  279. }
  280. else {
  281. t1 = elmV;
  282. t2 = (255 - elmS) * elmV / 255;
  283. t3 = elmH % 60;
  284. t3 = (t1 - t2) * t3 / 60;
  285. if (elmH < 60) {
  286. elmR = t1; elmB = t2; elmG = t2 + t3;
  287. }
  288. else if (elmH < 120) {
  289. elmG = t1; elmB = t2; elmR = t1 - t3;
  290. }
  291. else if (elmH < 180) {
  292. elmG = t1; elmR = t2; elmB = t2 + t3;
  293. }
  294. else if (elmH < 240) {
  295. elmB = t1; elmR = t2; elmG = t1 - t3;
  296. }
  297. else if (elmH < 300) {
  298. elmB = t1; elmG = t2; elmR = t2 + t3;
  299. }
  300. else if (elmH < 360) {
  301. elmR = t1; elmG = t2; elmB = t1 - t3;
  302. }
  303. else {
  304. elmR = 0; elmG = 0; elmB = 0;
  305. }
  306. }
  307. elmR = Math.floor(elmR).toString(16);
  308. elmG = Math.floor(elmG).toString(16);
  309. elmB = Math.floor(elmB).toString(16);
  310. if (elmR.length == 1) elmR = "0" + elmR;
  311. if (elmG.length == 1) elmG = "0" + elmG;
  312. if (elmB.length == 1) elmB = "0" + elmB
  313. elmH = elmH + rate;
  314. if (elmH >= 360)
  315. elmH = 0;
  316. return '#' + elmR + elmG + elmB;
  317. }
  318. //]]>
  319. </script>
  320. {/block:ifrainbowhover}
  321.  
  322. <meta charset="utf-8">
  323. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  324. {block:Description}
  325. <meta name="description" content="{MetaDescription}" />
  326. {/block:Description}
  327.  
  328. <title>{Title}</title>
  329.  
  330. <link rel="shortcut icon" href="{Favicon}">
  331. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  332. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  333.  
  334. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  335.  
  336. <meta name="image:sidebar" content="">
  337. <meta name="image:background" content="">
  338. <meta name="image:post background" content="">
  339. <meta name="image:sidebar background" content="">
  340. <meta name="image:container background" content="">
  341.  
  342.  
  343. <meta name="color:background" content="">
  344. <meta name="color:sidebar" content="">
  345. <meta name="color:post" content="">
  346. <meta name="color:container" content="">
  347. <meta name="color:text" content="">
  348. <meta name="color:link" content="">
  349. <meta name="color:link hover" content="">
  350. <meta name="color:border" content="">
  351. <meta name="color:highlight text" content="#fff">
  352. <meta name="color:highlight background" content="#000">
  353.  
  354. <meta name="select:border line" content="none" title="none">
  355. <meta name="select:border line" content="solid" title="solid">
  356. <meta name="select:border line" content="dashed" title="dashed">
  357. <meta name="select:border line" content="dotted" title="dotted">
  358.  
  359. <meta name="if:description" content="">
  360. <meta name="if:caption" content="">
  361. <meta name="if:tags" content="">
  362. <meta name="if:background cover" content="">
  363. <meta name="if:rainbow hover" content="">
  364. <meta name="if:fireworks" content="">
  365.  
  366. <meta name="text:font" content="arial">
  367. <meta name="text:text size" content="16">
  368. <meta name="text:post size" content="400">
  369. <meta name="text:sidebar size" content="150">
  370. <meta name="text:border density" content="1">
  371. <meta name="text:divider" content="/">
  372. <meta name="text:link 1" content="home">
  373. <meta name="text:link 1 url" content="/">
  374. <meta name="text:link 2" content="ask">
  375. <meta name="text:link 2 url" content="/ask">
  376.  
  377. <style type="text/css">
  378.  
  379. ::-webkit-scrollbar {width: 0px; height: 0px; background:transparent;}
  380. ::-webkit-scrollbar-thumb {background-color:transparent; border:none;}
  381.  
  382. ::selection {
  383. background: {color:highlight background};
  384. color: {color:highlight text};
  385. }
  386. ::-moz-selection {
  387. background: {color:highlight background};
  388. color: {color:highlight text};
  389. }
  390.  
  391. /*
  392. general text styles, fonts and colours
  393. */
  394.  
  395. body {
  396. background:{color:background} url({image:background});
  397. background-image: url('{image:background}');
  398. background-attachment: fixed;
  399. background-position: top left;
  400. background-size:{block:ifbackgroundcover}cover;{/block:ifbackgroundcover}
  401.  
  402. margin:0px;
  403. font-family:{text:font};
  404. font-size:{text:text size}px;
  405. line-height:140%;
  406. color: {color:text};
  407. }
  408.  
  409. p{
  410. margin:0 0 10px 0;
  411. padding:0;
  412. }
  413.  
  414. pre {
  415. white-space: pre-wrap;
  416. white-space: -moz-pre-wrap;
  417. white-space: -pre-wrap;
  418. white-space: -o-pre-wrap;
  419. word-wrap: break-word;
  420. }
  421.  
  422. a{
  423. color:{color:link};
  424. text-decoration:none;
  425. }
  426.  
  427. a:hover{
  428. color:{color:link hover};
  429. text-decoration:none;
  430. }
  431.  
  432. li{
  433. margin-left:-15px;
  434. }
  435.  
  436. /*
  437. containers etc
  438. */
  439. #wrapper{
  440. width:600px;
  441. margin:50px auto;
  442. }
  443.  
  444. #sidebar{
  445. width:{text:sidebar size}px;
  446. position:fixed;
  447. text-align:center;
  448. margin-top:70px;
  449. margin-left:-50px;
  450. background:{color:sidebar} url({image:sidebar background});
  451. background-image: url('{image:sidebar background}');
  452. background-size:cover;
  453. padding:7px;
  454. border:{text:border density}px {select:border line} {color:border};
  455. }
  456.  
  457. #content{
  458. width:{text:post size}px;
  459. margin-left:200px;
  460. }
  461.  
  462. .post{
  463. width:{text:post size}px;
  464. margin:0 0 50px 0;
  465. background:{color:post} url({image:post background});
  466. background-image: url('{image:post background}');
  467. background-size:cover;
  468. padding:7px;
  469. border:{text:border density}px {select:border line} {color:border};
  470. }
  471.  
  472. #sidebar img, .post img{
  473. max-width:100%;
  474. }
  475.  
  476. #nav{
  477. margin:50px 0 0 0;
  478. }
  479.  
  480. #container{
  481. width:770px;
  482. height:670px;
  483. margin:40px auto;
  484. overflow:auto;
  485. text-align:left;
  486. background-color:{color:container};
  487. background-image:url('{image:container background}');
  488. background-size:cover;
  489. border:{text:border density}px {select:border line} {color:border};
  490. }
  491.  
  492. #lover{
  493. position:fixed;
  494. bottom:2px;
  495. right:10px;
  496. padding:0px;
  497. font-size:8px;
  498. font-weight:normal;
  499. }
  500.  
  501. /*
  502. content in the body of the posts - quotes, asks, etc
  503. "media" contains photos, photosets, videos, audio posts
  504. */
  505. .media{
  506. margin:0 0 10px 0;
  507. }
  508.  
  509. .title{
  510. font-weight:normal;
  511. font-size:18px;
  512. margin:0 0 10px 0;
  513. }
  514.  
  515. .quote{
  516. font-weight:normal;
  517. font-size:16px;
  518. font-style:italic;
  519. margin:0 0 10px 0;
  520. }
  521.  
  522. .question{
  523. margin-bottom:10px;
  524. }
  525.  
  526. blockquote{
  527. margin:0 0 10px 10px;
  528. padding:0 0 0 10px;
  529. border-left:solid 1px {color:text};
  530. }
  531.  
  532. /*
  533. post footers - date, tags, via and source
  534. */
  535. .post .footer{
  536. margin:0;
  537. text-align:center;
  538. }
  539.  
  540. /*
  541. post notes
  542. */
  543. ol.notes{
  544. list-style-type:none;
  545. padding:0;
  546. margin:0;
  547. }
  548.  
  549. ol.notes li.note img{
  550. width:16px;
  551. height:16px;
  552. }
  553.  
  554. ol.notes li.note{
  555. margin:0px;
  556. }
  557.  
  558. {CustomCSS}
  559. </style>
  560. </head>
  561.  
  562. <body>
  563.  
  564. <div id="container">
  565.  
  566. <div id="wrapper">
  567.  
  568.  
  569. <div id="sidebar">
  570. <a href="/"><img src="{image:sidebar}"></a>
  571. {block:ifDescription}
  572. <p>{Description}</p>
  573. {/block:ifDescription}
  574.  
  575. <a href="{text:link 1 url}">{text:link 1}</a> {text:divider}
  576. <a href="{text:link 2 url}">{text:link 2}</a>
  577. {block:HasPages}
  578. {block:Pages}
  579. <a href="{URL}">{Label}</a><br>
  580. {/block:Pages}
  581. {/block:HasPages}
  582. </div>
  583.  
  584.  
  585.  
  586. <div id="content">
  587. {block:Posts}
  588.  
  589. <div class="post">
  590.  
  591. {block:Text}
  592. {block:Title}
  593. <div class="title">{Title}</div>
  594. {/block:Title}
  595. {Body}
  596. {/block:Text}
  597.  
  598. {block:Photo}
  599. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  600. {block:ifCaption}<div class="caption">{Caption}</div>{/block:ifCaption}
  601. {/block:Photo}
  602.  
  603. {block:Photoset}
  604. <div class="media">{Photoset-400}</div>
  605. {block:ifcaption}<div class="caption">{Caption}</div>{/block:ifcaption}
  606. {/block:Photoset}
  607.  
  608. {block:Quote}
  609. <div class="quote">"{Quote}"</div>
  610. {block:Source}
  611. <div class="quotesource">{Source}</div>
  612. {/block:Source}
  613. {/block:Quote}
  614.  
  615. {block:Link}
  616. <div class="title"><a href="{URL}">{Name}</a></div>
  617. {block:Description}
  618. <div class="description">{Description}</div>
  619. {/block:Description}
  620. {/block:Link}
  621.  
  622. {block:Chat}
  623. {block:Title}
  624. <div class="title">{Title}</div>
  625. {/block:Title}
  626.  
  627. {block:Lines}
  628. <div class="{Alt} user_{UserNumber}">
  629. {block:Label}
  630. <b>{Label}</b>{/block:Label}
  631. &nbsp;{Line}
  632. </div>
  633. {/block:Lines}
  634. {/block:Chat}
  635.  
  636. {block:Video}
  637. <div class="media">{Video-400}</div>
  638. {block:ifcaption}<div class="caption">{Caption}</div>{/block:ifcaption}
  639. {/block:Video}
  640.  
  641. {block:Audio}
  642. <div class="media">
  643. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  644. {AudioPlayerWhite}
  645. {block:TrackName}{TrackName}<br>{/block:TrackName}
  646. {block:Artist}{Artist}<br>{/block:Artist}
  647. {block:Album}{Album}{/block:Album}
  648. </div>
  649. {block:ifcaption}{Caption}{/block:ifcaption}
  650. {/block:Audio}
  651.  
  652. {block:Answer}
  653. <div class="question">{Asker}: {Question}</div>
  654. <div class="caption">{Answer}</div>
  655. {/block:Answer}
  656.  
  657.  
  658. {block:Date}
  659. <div class="footer">
  660. <a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
  661. {block:iftags}{block:HasTags}<br>#{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:iftags}
  662. {block:RebloggedFrom}<br><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  663. {block:ContentSource} {text:divider} <a href="{SourceURL}">src</a>{/block:ContentSource}
  664. </div>
  665.  
  666. {block:PermalinkPage}
  667. {block:NoteCount}
  668. {block:PostNotes}{PostNotes}{/block:PostNotes}
  669. {/block:NoteCount}
  670. {/block:PermalinkPage}
  671. {/block:Date}
  672.  
  673. </div>
  674. {/block:Posts}
  675.  
  676. {block:Pagination}
  677. <div id="nav">
  678. {block:PreviousPage}<a href="{PreviousPage}">prev</a> {text:divider}{/block:PreviousPage}
  679.  
  680. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  681. </div>
  682. {/block:Pagination}
  683. </div>
  684. </div>
  685.  
  686. </div>
  687.  
  688. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  689. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  690.  
  691. <!----
  692. DO NOT TOUCH THIS CODE
  693. ----->
  694. <div id="lover"><a title="credit" href="https://classroom.tumblr.com/"><img src="https://68.media.tumblr.com/tumblr_lqwdh1l4TA1qcfn0j.gif"></a></div>
  695. </body>
  696. </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!