API tools faq
paste
vesperia

neon rainbow theme

vesperia
Nov 10th, 2017
1,366
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.74 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!--
  3.  
  4. NEON RAINBOW THEME BY THEMEBLOGGING
  5. BASE CODE BY NEZZI00
  6. DONT DELETE CREDIT!!
  7.  
  8. -->
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{image:favicon}">
  11.  
  12. <meta name="image:background" content=""/>
  13. <meta name="image:sidebar" content=""/>
  14. <meta name="image:favicon" content=""/>
  15.  
  16.  
  17. <meta name="color:background" content="#fff"/>
  18. <meta name="color:text" content="#d3d3d3"/>
  19. <meta name="color:link" content="#ADD8E6"/>
  20. <meta name="color:link hover" content="#72bcd4"/>
  21. <meta name="color:post bg" content="#fff"/>
  22. <meta name="color:border" content="#d3d3d3"/>
  23. <meta name="color:ask bg" content="#fbfbfb"/>
  24. <meta name="color:sidebar bg" content="#fff" />
  25.  
  26. <meta name="if:sidebar img" content="1"/>
  27. <meta name="if:description" content="1"/>
  28. <meta name="if:full bg" content="0"/>
  29. <meta name="if:circle sidebar" content="0" />
  30. <meta name="if:rounded" content="0" />
  31. <meta name="if:sparkles" content="0"/>
  32.  
  33. <meta name="select:post size" content="250px"/>
  34. <meta name="select:post size" content="300px"/>
  35. <meta name="select:post size" content="350px"/>
  36. <meta name="select:post size" content="400px"/>
  37.  
  38. <meta name="select:border" content="solid"/>
  39. <meta name="select:border" content="dotted"/>
  40. <meta name="select:border" content="dashed"/>
  41. <meta name="select:border" content="outset"/>
  42.  
  43. <meta name="select:font" content="arial"/>
  44. <meta name="select:font" content="ms gothic"/>
  45. <meta name="select:font" content="consolas"/>
  46.  
  47. <meta name="text:fontsize" content=""/>
  48. <meta name="text:linkbox title" content ""/>
  49. <meta name="text:link divider" content="+"/>
  50. <meta name="text:link 1" content=""/>
  51. <meta name="text:link 1 url" content="/"/>
  52. <meta name="text:link 2" content=""/>
  53. <meta name="text:link 2 url" content="/"/>
  54. <meta name="text:link 3" content=""/>
  55. <meta name="text:link 3 url" content="/"/>
  56. <meta name="text:link 4" content=""/>
  57. <meta name="text:link 4 url" content="/"/>
  58.  
  59.  
  60. <style>
  61.  
  62.  
  63. body {
  64.  
  65. font-size:{text:fontsize}px;
  66. color: {color:text};
  67. background-image: url('{image:background}');
  68. {block:ifnotfullbg}
  69. background-repeat: repeat;
  70. background-attachment: fixed;
  71. {/block:ifnotfullbg}
  72. {block:iffullbg}
  73. background-size: cover;
  74. background-attachment: fixed;
  75. {/block:iffullbg}
  76. background-color: {color:background};
  77. font-family: {select:font};
  78.  
  79. }
  80.  
  81. ul {
  82. list-style-type: hiragana;
  83.  
  84. }
  85.  
  86. a, a:visited {
  87.  
  88. text-decoration: none;
  89. color:{color:link};
  90. -webkit-transition-duration: .3s;
  91. -moz-transition-duration: .3s;
  92. -o-transition-duration: .3s;
  93.  
  94. }
  95.  
  96. a:hover {
  97.  
  98. color:{color:link hover};
  99. transition-duration: .3s;
  100. -webkit-transition-duration: .3s;
  101. -moz-transition-duration: .3s;
  102. -o-transition-duration: .3s;
  103. }
  104. #entries {
  105.  
  106. position: relative;
  107. padding:14px;
  108. border: 1px {select:border} {color:border};
  109. width: {select:post size};
  110. margin: 70px 5px 20px 500px;
  111. background: {color:post bg};
  112. moz-border-radius-bottomright: 10px;
  113. border-bottom-right-radius: 10px;
  114. -moz-border-radius-topleft: 10px;
  115. border-top-left-radius: 10px;
  116. -moz-border-radius-bottomleft: 10px;
  117. border-bottom-left-radius: 10px;
  118. -moz-border-radius-topright: 10px;
  119. border-top-right-radius: 10px;
  120.  
  121.  
  122. }
  123.  
  124.  
  125. }
  126.  
  127. #entries blockquote {
  128.  
  129. color: {color:text};
  130. border-left: 1px {select:border}{color:border};
  131. padding: 0px 0px 0px 5px;
  132.  
  133. }
  134.  
  135. #sidebar {
  136.  
  137. position:fixed;
  138. margin-left: 250px;
  139. margin-top: 100px;
  140. width: 200px;
  141. background:{color:sidebar bg};
  142. {block:ifrounded}
  143. border-radius:15px;
  144. {/block:ifrounded}
  145. padding:10px;
  146. border: 1px {select:border} {color:border};
  147.  
  148.  
  149.  
  150. }
  151.  
  152. #sidebar img {
  153.  
  154. width: 150px;
  155. height: 150px;
  156. {block:ifcirclesidebar}
  157. border-radius:100%;
  158. {/block:ifcirclesidebar}
  159. max-width:100%;
  160. }
  161.  
  162. #sidebar .title {
  163.  
  164. font-size: 13px;
  165. margin-bottom: 5px;
  166.  
  167. }
  168.  
  169. #sidebar .clicky {
  170.  
  171. margin-top: 10px;
  172.  
  173. }
  174.  
  175. #sidebar .desc {
  176.  
  177. margin-top: 10px;
  178.  
  179. }
  180.  
  181. .ask {
  182.  
  183. background: {color:ask bg};
  184. border: 1px {select:border}{color:border};
  185. padding: 5px;
  186.  
  187. }
  188.  
  189. #credit {
  190.  
  191. position: fixed;
  192. padding: 7px;
  193. width: 10px;
  194. height: 7;
  195. line-height: 90%;
  196. bottom: 5px;
  197. left: 5px;
  198. }
  199.  
  200. #links {
  201. position: fixed;
  202. margin-left: -10px;
  203. margin-top: 50px;
  204. width: 200px;
  205. background:{color:sidebar bg};
  206. {block:ifrounded}
  207. border-radius:15px;
  208. {/block:ifrounded}
  209. padding:10px;
  210. border: 1px {select:border} {color:border};
  211. }
  212.  
  213.  
  214. </style>
  215.  
  216. <head>
  217. {block:ifsparkles}
  218.  
  219. <script type="text/javascript">
  220. // <![CDATA[
  221. var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  222. var sparkles=50;
  223.  
  224.  
  225.  
  226. /****************************
  227. * Tinkerbell Magic Sparkle *
  228. *(c)2005-11 mf2fm web-design*
  229. * http://www.mf2fm.com/rv *
  230. * DON'T EDIT BELOW THIS BOX *
  231. ****************************/
  232.  
  233. var x=ox=400;
  234. var y=oy=300;
  235. var swide=800;
  236. var shigh=600;
  237. var sleft=sdown=0;
  238. var tiny=new Array();
  239. var star=new Array();
  240. var starv=new Array();
  241. var starx=new Array();
  242. var stary=new Array();
  243. var tinyx=new Array();
  244. var tinyy=new Array();
  245. var tinyv=new Array();
  246.  
  247. window.onload=function() { if (document.getElementById) {
  248. var i, rats, rlef, rdow;
  249. for (var i=0; i<sparkles; i++) {
  250. var rats=createDiv(3, 3);
  251. rats.style.visibility="hidden";
  252. document.body.appendChild(tiny[i]=rats);
  253. starv[i]=0;
  254. tinyv[i]=0;
  255. var rats=createDiv(5, 5);
  256. rats.style.backgroundColor="transparent";
  257. rats.style.visibility="hidden";
  258. var rlef=createDiv(1, 5);
  259. var rdow=createDiv(5, 1);
  260. rats.appendChild(rlef);
  261. rats.appendChild(rdow);
  262. rlef.style.top="2px";
  263. rlef.style.left="0px";
  264. rdow.style.top="0px";
  265. rdow.style.left="2px";
  266. document.body.appendChild(star[i]=rats);
  267. }
  268.  
  269. set_width();
  270. sparkle();
  271. }}
  272.  
  273. function sparkle() {
  274. var c;
  275. if (x!=ox || y!=oy) {
  276. ox=x;
  277. oy=y;
  278. for (c=0; c<sparkles; c++) if (!starv[c]) {
  279. star[c].style.left=(starx[c]=x)+"px";
  280. star[c].style.top=(stary[c]=y)+"px";
  281. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  282. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  283.  
  284. star[c].style.visibility="visible";
  285. starv[c]=50;
  286. break;
  287. }
  288. }
  289. for (c=0; c<sparkles; c++) {
  290. if (starv[c]) update_star(c);
  291. if (tinyv[c]) update_tiny(c);
  292. }
  293. setTimeout("sparkle()", 40);
  294. }
  295.  
  296.  
  297.  
  298. function update_star(i) {
  299. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  300. if (starv[i]) {
  301. stary[i]+=1+Math.random()*3;
  302. if (stary[i]<shigh+sdown && starx[i]>0) {
  303. star[i].style.top=stary[i]+"px";
  304. starx[i]+=(i%5-2)/5;
  305. star[i].style.left=starx[i]+"px";
  306. }
  307. else {
  308. star[i].style.visibility="hidden";
  309. starv[i]=0;
  310. return;
  311. }
  312. }
  313.  
  314. else {
  315. tinyv[i]=50;
  316. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  317. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  318. tiny[i].style.width="2px";
  319. tiny[i].style.height="2px";
  320. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  321. star[i].style.visibility="hidden";
  322. tiny[i].style.visibility="visible"
  323. }
  324. }
  325.  
  326. function update_tiny(i) {
  327. if (--tinyv[i]==25) {
  328. tiny[i].style.width="1px";
  329. tiny[i].style.height="1px";
  330. }
  331.  
  332. if (tinyv[i]) {
  333. tinyy[i]+=1+Math.random()*3;
  334. if (tinyy[i]<shigh+sdown && tinyx[i]>0) {
  335. tiny[i].style.top=tinyy[i]+"px";
  336. tinyx[i]+=(i%5-2)/5;
  337. tiny[i].style.left=tinyx[i]+"px";
  338. }
  339.  
  340. else {
  341. tiny[i].style.visibility="hidden";
  342. tinyv[i]=0;
  343. return;
  344. }
  345. }
  346. else tiny[i].style.visibility="hidden";
  347. }
  348.  
  349. document.onmousemove=mouse;
  350. function mouse(e) {
  351. set_scroll();
  352. y=(e)?e.pageY:event.y+sdown;
  353. x=(e)?e.pageX:event.x+sleft;
  354. }
  355.  
  356. function set_scroll() {
  357. if (typeof(self.pageYOffset)=="number") {
  358. sdown=self.pageYOffset;
  359. sleft=self.pageXOffset;
  360. }
  361. else if (document.body.scrollTop || document.body.scrollLeft) {
  362. sdown=document.body.scrollTop;
  363. sleft=document.body.scrollLeft;
  364. }
  365. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  366. sleft=document.documentElement.scrollLeft;
  367. sdown=document.documentElement.scrollTop;
  368. }
  369. else {
  370. sdown=0;
  371. sleft=0;
  372. }
  373. }
  374.  
  375. window.onresize=set_width;
  376. function set_width() {
  377. if (typeof(self.innerWidth)=="number") {
  378. swide=self.innerWidth;
  379. shigh=self.innerHeight;
  380. }
  381.  
  382. else if (document.documentElement && document.documentElement.clientWidth) {
  383. swide=document.documentElement.clientWidth;
  384. shigh=document.documentElement.clientHeight;
  385. }
  386.  
  387. else if (document.body.clientWidth) {
  388. swide=document.body.clientWidth;
  389. shigh=document.body.clientHeight;
  390. }
  391. }
  392.  
  393. function createDiv(height, width) {
  394. var div=document.createElement("div");
  395. div.style.position="absolute";
  396. div.style.height=height+"px";
  397. div.style.width=width+"px";
  398. div.style.overflow="hidden";
  399. return (div);
  400. }
  401.  
  402. function newColour() {
  403. var c=new Array();
  404. c[0]=255;
  405. c[1]=Math.floor(Math.random()*256);
  406. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  407. c.sort(function(){return (0.5 - Math.random());});
  408. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  409. }
  410.  
  411. // ]]>
  412. </script>
  413. {/block:ifsparkles}
  414.  
  415.  
  416. </head>
  417.  
  418. <body>
  419.  
  420. <div id="sidebar">
  421. <center>
  422.  
  423.  
  424.  
  425. {block:ifsidebarimg}
  426. <img src="{image:sidebar}">
  427. {/block:ifsidebarimg}
  428.  
  429. {block:ifdescription}
  430. <div class="desc">
  431. {Description}
  432. </div>
  433. {/block:ifdescription}
  434. <div id="pages">
  435. <br>
  436. {block:PreviousPage}
  437. <a href="{PreviousPage}">previous </a> +
  438. {/block:PreviousPage}
  439.  
  440. {block:NextPage}
  441. <a href="{NextPage}">next</a>
  442. {/block:NextPage}
  443.  
  444. </div>
  445.  
  446. <div id="links">
  447. <div class="title">
  448. {text:linkbox title}
  449. </div>
  450.  
  451. <div class="clicky">
  452.  
  453. {block:iflink1}
  454. <a href="{text:link 1 url}">{text:link 1}</a>
  455. <br>
  456. {/block:iflink1}
  457. {block:iflink2}
  458. <a href="{text:link 2 url}">{text:link 2}</a>
  459. <br>
  460. {/block:iflink2}
  461. {block:iflink3}
  462. <a href="{text:link 3 url}">{text:link 3}</a>
  463. <br>
  464. {/block:iflink3}
  465. {block:iflink4}
  466. <a href="{text:link 4 url}">{text:link 4}</a> <br>
  467. {/block:iflink4}
  468. </div>
  469. </div>
  470. </center>
  471. </div>
  472.  
  473. <div id="credit">
  474. <a href="http://themeblogging.tumblr.com"> [NEON!] </a>
  475. </div>
  476.  
  477.  
  478. <!-- POSTS -->
  479.  
  480. <div id="content">
  481.  
  482. {block:Posts}
  483. <div id="entries">
  484.  
  485.  
  486.  
  487. {block:NoRebloggedFrom}
  488. {block:RebloggedFrom}
  489. {ReblogParentName}
  490. {/block:RebloggedFrom}
  491. {/block:NoRebloggedFrom}
  492.  
  493.  
  494. {block:ContentSource}
  495. <!-- {SourceURL}
  496. {block:SourceLogo}
  497. <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  498. {/block:SourceLogo}
  499. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  500. {/block:ContentSource}
  501.  
  502.  
  503. {block:Text}
  504. {block:Title}
  505. <b>{Title}</b>
  506. {block:Title}
  507. {Body}
  508. {/block:Text}
  509.  
  510. {block:Photo}
  511. {LinkOpenTag}
  512. <img src="{PhotoURL-400}" alt="{PhotoAlt}" style="width: {select:post size};">
  513. {LinkCloseTag}
  514. {block:Caption}
  515. {Caption}
  516. {/block:Caption}
  517. {/block:Photo}
  518.  
  519. {block:Photoset}
  520. {LinkOpenTag}
  521. {Photoset}
  522. {LinkCloseTag}
  523. {block:Caption}
  524. {Caption}
  525. {/block:Caption}
  526. {/block:Photoset}
  527.  
  528. {block:Quote}
  529. {Quote}
  530. {block:Source}
  531. {Source}
  532. {/block:Source}
  533. {/block:Quote}
  534.  
  535. {block:Link}
  536. <a href="{URL}" target="_blank">{Name}</a>
  537. {block:Caption}
  538. {Caption}
  539. {/block:Caption}
  540. {/block:Link}
  541.  
  542. {block:Chat}
  543. {block:Title}
  544. <b>{Title}</b>
  545. {/block:Title}
  546. {block:Lines}
  547. <div class="line {Alt}">
  548. {block:Label}
  549. <b>{Label}</b>
  550. {/block:Label}
  551. {Line}
  552. </div>
  553. {/block:Lines}
  554. {/block:Chat}
  555.  
  556. {block:Audio}
  557. {block:AudioPlayer}
  558. {AudioPlayer}
  559. {block:AudioPlayer}
  560. {block:TrackName}
  561. {TrackName}
  562. {/block:TrackName}
  563. {block:Artist}
  564. {Artist}
  565. {/block:Artist}
  566. {block:Caption}
  567. {Caption}
  568. {/block:Caption}
  569. {/block:Audio}
  570.  
  571. {block:Video}
  572. <div style="overflow:hidden;">
  573. {Video-400}
  574. </div>
  575. {block:Caption}
  576. {Caption}
  577. {block:Caption}
  578. {/block:Video}
  579.  
  580. {block:Answer}
  581. <div class="ask">
  582. {Asker} said:
  583. {Question}
  584. </div>
  585. {Answer}
  586. {block:Answerer}
  587. {Answerer}
  588. {/block:Answerer}
  589. {/block:Answer}
  590.  
  591. {block:PostNotes}
  592. {PostNotes}
  593. {/block:PostNotes}
  594. <!-- PERMALINK -->
  595.  
  596. {block:Date}
  597. <div class="permalink" style="margin-top:5px;">
  598. <div align="center">
  599. <a href="{Permalink}">
  600. {NoteCount} &
  601. {block:HasTags}
  602. {block:Tags}
  603. #{Tag}
  604. {/block:Tags}
  605. {/block:HasTags}
  606. </a>
  607. </div>
  608. {/block:Date}
  609.  
  610.  
  611.  
  612.  
  613. </div>
  614. </div>
  615. </body>
  616. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!