Advertisement
Guest User

Untitled

a guest
Jan 20th, 2019
89
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.83 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. saturn theme by cassiel noelclaire
  7. feel free to edit the code but not
  8. the credit. thanks! i love yall!!!
  9.  
  10. ----->
  11.  
  12. <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  13. <link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
  14. <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
  15. <link href="https://fonts.googleapis.com/css?family=Short+Stack" rel="stylesheet">
  16. <link href="https://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet">
  17. <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
  18. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
  19. <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
  20.  
  21. <meta charset="utf-8">
  22. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26.  
  27. <title>{Title}</title>
  28.  
  29. <link rel="shortcut icon" href="{image:favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  32.  
  33.  
  34. <meta name="image:bg image" content="">
  35. <meta name="image:favicon" content="">
  36. <meta name="image:custom cursor" content="">
  37. <meta name="image:pixel" content="">
  38. <meta name="image:permalink pixel" content="">
  39. <meta name="image:link pixel 1" content="">
  40. <meta name="image:link pixel 2" content="">
  41. <meta name="image:link pixel 3" content="">
  42.  
  43. <meta name="color:background" content="fff">
  44.  
  45. <meta name="color:post bg" content="fff">
  46. <meta name="color:border" content="fff">
  47. <meta name="color:link" content="fff">
  48. <meta name="color:link hover" content="fff">
  49. <meta name="color:link border" content="fff">
  50. <meta name="color:link border hover" content="fff">
  51. <meta name="color:link glow" content="fff">
  52.  
  53. <meta name="color:post glow" content="fff">
  54. <meta name="color:text" content="fff">
  55. <meta name="color:text glow" content="fff">
  56. <meta name="color:scrollbar" content="fff">
  57. <meta name="color:scrollbar bg" content="fff">
  58. <meta name="color:blockquote" content="fff">
  59. <meta name="color:cursor sparkles" content="fff">
  60. <meta name="color:selection bg" content="fff">
  61. <meta name="color:selection text" content="fff">
  62. <meta name="color:tooltip bg" content="fff">
  63. <meta name="color:tooltip text" content="fff">
  64. <meta name="color:tooltip border" content="fff">
  65.  
  66. <meta name="if:500px posts" content=""/>
  67. <meta name="if:description" content=""/>
  68. <meta name="if:search box" content=""/>
  69. <meta name="if:show tags" content=""/>
  70. <meta name="if:show via src" content=""/>
  71. <meta name="if:background stretch" content=""/>
  72. <meta name="if:centered post text" content=""/>
  73. <meta name="if:transparent top" content=""/>
  74. <meta name="if:transparent posts" content=""/>
  75. <meta name="if:normal links" content=""/>
  76. <meta name="if:dropdown links" content=""/>
  77. <meta name="if:pixel links" content=""/>
  78. <meta name="if:pixel" content=""/>
  79. <meta name="if:top glow" content=""/>
  80. <meta name="if:top image glow" content=""/>
  81. <meta name="if:post glow" content=""/>
  82. <meta name="if:show title" content=""/>
  83. <meta name="if:custom cursor" content=""/>
  84. <meta name="if:double border" content=""/>
  85. <meta name="if:rounded" content=""/>
  86.  
  87. <meta name="if:text glow" content=""/>
  88. <meta name="if:link border" content=""/>
  89. <meta name="if:link glow" content=""/>
  90. <meta name="if:link space on hover" content=""/>
  91. <meta name="if:rainbow links" content=""/>
  92. <meta name="if:cursor sparkles" content=""/>
  93. <meta name="if:tag redirect" content=""/>
  94.  
  95. <meta name="select:font family" content="arial">
  96. <meta name="select:font family" content="consolas">
  97. <meta name="select:font family" content="dotum">
  98. <meta name="select:font family" content="ms pgothic">
  99. <meta name="select:font family" content="open sans">
  100. <meta name="select:font family" content="indie flower">
  101. <meta name="select:font family" content="roboto mono">
  102. <meta name="select:font family" content="short stack">
  103. <meta name="select:font family" content="droid serif">
  104. <meta name="select:font family" content="poppins">
  105. <meta name="select:font family" content="josefin sans">
  106. <meta name="select:font family" content="ubuntu">
  107.  
  108. <meta name="select:post border type" content="none">
  109. <meta name="select:post border type" content="solid">
  110. <meta name="select:post border type" content="dashed">
  111. <meta name="select:post border type" content="dotted">
  112.  
  113.  
  114.  
  115. <meta name="select:dropdown border type" content="solid">
  116. <meta name="select:dropdown border type" content="dashed">
  117. <meta name="select:dropdown border type" content="dotted">
  118.  
  119. <meta name="select:footer text align" content="left">
  120. <meta name="select:footer text align" content="center">
  121. <meta name="select:footer text align" content="right">
  122.  
  123. <meta name="text:font size" content="12">
  124. <meta name="text:border size" content="1">
  125. <meta name="text:search box width" content="150">
  126. <meta name="text:search button width" content="50">
  127. <meta name="text:tag symbol" content="#">
  128.  
  129. <meta name="text:link divider" content="//">
  130. <meta name="text:via src divider" content="+">
  131. <meta name="text:notes symbol" content="!">
  132. <meta name="text:dropdown text" content="click me!">
  133. <meta name="text:tag redirect" content="leave blank if unwanted!">
  134. <meta name="text:search text" content="?!?!?!">
  135. <meta name="text:search button" content="GO!!">
  136. <meta name="text:link 1" content="">
  137. <meta name="text:link 1 url" content="/">
  138. <meta name="text:link 2" content="">
  139. <meta name="text:link 2 url" content="/">
  140. <meta name="text:link 3" content="">
  141. <meta name="text:link 3 url" content="/">
  142.  
  143. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  144.  
  145. <style type="text/css">
  146.  
  147. ::selection {
  148. background: {color:selection bg};
  149. color: {color:selection text};
  150. }
  151.  
  152. ::-moz-selection {
  153. background: {color:selection bg};
  154. color: {color:selection text};
  155. }
  156.  
  157. body {
  158. margin:0px;
  159. background-color:{color:background};
  160. background-image:url({image:bg image});
  161. {block:ifbackgroundstretch}background-size:cover;{/block:ifbackgroundstretch}
  162. {block:ifnotbackgroundstretch}background-attachment:repeat;{/block:ifnotbackgroundstretch}
  163. text:{color:text};
  164. {block:iftextglow}text-shadow:0 0 3px {color:text glow};{/block:iftextglow}
  165. font-family: {select:font family};
  166. font-size:{text:font size}px;
  167. line-height:140%;
  168. color: {color:text};
  169. word-wrap: normal;
  170. display:block;
  171. }
  172.  
  173. p{
  174. margin:0 0 10px 0;
  175. padding:0;
  176. }
  177.  
  178. pre {
  179. white-space: pre-wrap;
  180. white-space: -moz-pre-wrap;
  181. white-space: -pre-wrap;
  182. white-space: -o-pre-wrap;
  183. word-wrap: break-word;
  184. }
  185.  
  186. a{
  187. color:{color:link};
  188. text-decoration:none;
  189. {block:iflinkglow}text-shadow: 0 0 3px {color:link glow};{/block:iflinkglow}
  190. {block:iflinkborder}text-shadow: -1px 0 {color:link border}, 0 1px {color:link border}, 1px 0 {color:link border}, 0 -1px {color:link border};{/block:iflinkborder}
  191. }
  192.  
  193. a:hover{
  194. color:{color:link hover};
  195. -webkit-transition: color 0.2s ease-out;
  196. -moz-transition: color 0.2s ease-out;
  197. transition: color 0.2s ease-out;
  198. {block:iflinkspaceonhover}letter-spacing:4px; transition: 0.3s;{/block:iflinkspaceonhover}
  199. {block:iflinkglow}text-shadow: 0 0 3px {color:link glow};{/block:iflinkglow}
  200. {block:iflinkborder}text-shadow: -1px 0 {color:link border hover}, 0 1px {color:link border hover}, 1px 0 {color:link border hover}, 0 -1px {color:link border hover};{/block:iflinkborder}
  201. }
  202.  
  203. li{
  204. margin-left:-15px;
  205. }
  206.  
  207. .com:last-child{display:none;}
  208.  
  209. ::-webkit-scrollbar {
  210. width:9px;
  211. height:0;
  212. background:{color:scrollbar bg};
  213. border-left:4px solid {color:scrollbar bg};
  214. border-right:4px solid {color:scrollbar bg};
  215. border-bottom:2px solid {color:scrollbar bg};
  216. border-top:2px solid {color:scrollbar bg};
  217. }
  218.  
  219. ::-webkit-scrollbar-thumb {
  220. background:{color:scrollbar};
  221. border:1px solid {color:scrollbar};
  222. }
  223.  
  224. #wrapper{
  225. width:600px;
  226. margin:50px auto;
  227. }
  228.  
  229. #top{
  230. width:400px;
  231. position:top;
  232. text-align:center;
  233. margin-top:50px;
  234. margin-left:75px;
  235. {block:iftransparenttop}
  236. background:transparent;
  237. {/block:iftransparenttop}
  238. {block:ifnottransparenttop}
  239. background-color:{color:top bg};
  240. {/block:ifnottransparenttop}
  241. border:{select:top border type};
  242. border-width:{text:border size}px;
  243. border-color:{color:border};
  244. padding:25px;
  245. {block:ifdoubleborder}border:4px double {color:border}; {/block:ifdoubleborder}
  246. {block:ifrounded}-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; {/block:ifrounded}
  247. {block:iftopglow}box-shadow:0 0 15px 9px {color:top glow};{/block:iftopglow}
  248. }
  249.  
  250. #content{
  251. {block:if500pxposts}
  252. width:500px;
  253. {/block:if500pxposts}
  254. {block:ifnot500pxposts}
  255. width:400px;
  256. {/block:ifnot500pxposts}
  257. margin-left:47px;
  258. position:center;
  259. overflow:hidden;
  260. padding:45px;
  261. }
  262.  
  263. .post{
  264. {block:if500pxposts}
  265. width:500px;
  266. {/block:if500pxposts}
  267. {block:ifnot500pxposts}
  268. width:400px;
  269. {/block:ifnot500pxposts}
  270. margin-top:30px;
  271. margin-bottom:40px;
  272. {block:if500pxposts}
  273. margin-left:-45px;
  274. {/block:if500pxposts}
  275. {block:ifnot500pxposts}
  276. margin:0 auto;
  277. margin-bottom:40px;
  278. {/block:ifnot500pxposts}
  279. position:auto;
  280. {block:iftransparentposts}
  281. background:transparent;
  282. {block:iftransparentposts}
  283. {block:ifnottransparentposts}
  284. background: {color:post bg};
  285. {/block:ifnottransparentposts}
  286. {block:ifcenteredposttext}
  287. text-align:center;
  288. {/block:ifcenteredposttext}
  289. {block:ifnotcenteredposttext}
  290. text-align:none;
  291. {/block:ifnotcenteredposttext}
  292. overflow:none;
  293. padding:30px;
  294. border: {text:border size}px {select:post border type} {color:border}; padding:10px; {block:ifdoubleborder}border:4px double {color:border}; {/block:ifdoubleborder}
  295. {block:ifrounded}-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; {/block:ifrounded}
  296. {block:ifpostglow}box-shadow:0 0 15px 9px {color:post glow};{/block:ifpostglow}
  297. }
  298.  
  299. #top img, .post img{
  300. max-width:100%;
  301. }
  302.  
  303. #top img{
  304. width:{text:top image size}px;
  305. {block:ifroundedtopimage}
  306. border-radius:80%;
  307. {/block:ifroundedtopimage}
  308. border: {text:border size}px {select:top img border type} {color:border};
  309. {block:ifdoubleborder}border:4px double {color:border};{/block:ifdoubleborder};
  310. {block:iftopimageglow}box-shadow: 0px 0px 15px 9px {color:top image glow};{/block:iftopimageglow}
  311. }
  312.  
  313. #toppix{
  314. margin-left:10px;
  315. margin-right:10px;
  316. margin-top:10px;
  317. margin-bottom:10px;
  318. text-align:center;
  319. line-height:2px;
  320. }
  321.  
  322. #toppix img{
  323. width:auto;
  324. border:none;
  325. border-radius:0%;
  326. box-shadow:none;
  327. }
  328.  
  329. #nav{
  330. margin:50px 0 0 0;
  331. margin-bottom:10px;
  332. }
  333.  
  334. #links{
  335. margin-bottom:5px;
  336. text-align:center;
  337. margin-left:10px;
  338. margin-right:10px;
  339. margin-top:5px;
  340. }
  341.  
  342. #links img{
  343. text-align:center;
  344. width:auto;
  345. border:note;
  346. border-radius:0%;
  347. box-shadow:none;
  348. border:none;
  349. }
  350.  
  351. #title{
  352. font-size:20px;
  353. margin-top:10px;
  354. margin-left:10px;
  355. margin-right:10px;
  356. margin-bottom:10px;
  357. }
  358.  
  359. #description{
  360. margin-left:10px;
  361. margin-right:10px;
  362. margin-top:5px;
  363. }
  364.  
  365. #dropdown{
  366. margin-top:10px;
  367. }
  368.  
  369. #credit{
  370. padding:10px;
  371. width:15px;
  372. height:15px;
  373. position:fixed;
  374. border-radius:100%;
  375. bottom:5px;
  376. left:3px;
  377. font-size:18px;
  378. }
  379.  
  380. #sb{
  381. width:{text:search button width}px;
  382. font-family:{select:font family};
  383. margin-top:-5px;
  384. margin-bottom:5px;
  385. padding:8px;
  386. border:2px solid {color:border};
  387. border-radius:6px;
  388. background-color:#ffffff;
  389. }
  390.  
  391. .sfm input{
  392. width:{text:search box width}px;
  393. font-family:{select:font family};
  394. margin-top:10px;
  395. margin-bottom:10px;
  396. padding:8px;
  397. border:2px solid {color:border};
  398. border-radius:6px;
  399. background-color:#ffffff;
  400. }
  401.  
  402. .media{
  403. margin:0 0 10px 0;
  404. }
  405.  
  406. .title{
  407. font-weight:normal;
  408. font-size:20px;
  409. margin:0 0 10px 0;
  410. text-align:right;
  411. }
  412.  
  413. .quote{
  414. font-weight:normal;
  415. font-size:20px;
  416. font-style:italic;
  417. margin:0 0 10px 0;
  418. }
  419.  
  420. .question{
  421. margin-bottom:10px;
  422. }
  423.  
  424. blockquote{
  425. margin:0 0 10px 10px;
  426. padding:0 0 0 10px;
  427. border-left:solid 2px {color:blockquote};
  428. }
  429.  
  430. .post .footer{
  431. margin:0;
  432. text-align:{select:footer text align};
  433. }
  434.  
  435. ol.notes{
  436. list-style-type:none;
  437. padding:0;
  438. margin:0;
  439. }
  440.  
  441. ol.notes li.note img{
  442. width:16px;
  443. height:16px;
  444. }
  445.  
  446. ol.notes li.note{
  447. margin:0px;
  448. }
  449.  
  450. {CustomCSS}
  451. </style>
  452.  
  453. {block:ifrainbowlinks}
  454. <!---rainbow links--->
  455. <script type='text/javascript'>
  456. //<![CDATA[
  457. var rate = 60;
  458. if (document.getElementById)
  459. window.onerror=new Function("return true")
  460. var objActive;
  461. var act = 0;
  462. var elmH = 0;
  463. var elmS = 128;
  464. var elmV = 255;
  465. var clrOrg;
  466. var TimerID;
  467. if (document.all) {
  468. document.onmouseover = doRainbowAnchor;
  469. document.onmouseout = stopRainbowAnchor;
  470. }
  471. else if (document.getElementById) {
  472. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  473. document.onmouseover = Mozilla_doRainbowAnchor;
  474. document.onmouseout = Mozilla_stopRainbowAnchor;
  475. }
  476. function doRainbow(obj)
  477. {
  478. if (act == 0) {
  479. act = 1;
  480. if (obj)
  481. objActive = obj;
  482. else
  483. objActive = event.srcElement;
  484. clrOrg = objActive.style.color;
  485. TimerID = setInterval("ChangeColor()",100);
  486. }
  487. }
  488. function stopRainbow()
  489. {
  490. if (act) {
  491. objActive.style.color = clrOrg;
  492. clearInterval(TimerID);
  493. act = 0;
  494. }
  495. }
  496. function doRainbowAnchor()
  497. {
  498. if (act == 0) {
  499. var obj = event.srcElement;
  500. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  501. obj = obj.parentElement;
  502. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  503. break;
  504. }
  505. if (obj.tagName == 'A' && obj.href != '') {
  506. objActive = obj;
  507. act = 1;
  508. clrOrg = objActive.style.color;
  509. TimerID = setInterval("ChangeColor()",100);
  510. }
  511. }
  512. }
  513. function stopRainbowAnchor()
  514. {
  515. if (act) {
  516. if (objActive.tagName == 'A') {
  517. objActive.style.color = clrOrg;
  518. clearInterval(TimerID);
  519. act = 0;
  520. }
  521. }
  522. }
  523. function Mozilla_doRainbowAnchor(e)
  524. {
  525. if (act == 0) {
  526. obj = e.target;
  527. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  528. obj = obj.parentNode;
  529. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  530. break;
  531. }
  532. if (obj.nodeName == 'A' && obj.href != '') {
  533. objActive = obj;
  534. act = 1;
  535. clrOrg = obj.style.color;
  536. TimerID = setInterval("ChangeColor()",100);
  537. }
  538. }
  539. }
  540. function Mozilla_stopRainbowAnchor(e)
  541. {
  542. if (act) {
  543. if (objActive.nodeName == 'A') {
  544. objActive.style.color = clrOrg;
  545. clearInterval(TimerID);
  546. act = 0;
  547. }
  548. }
  549. }
  550. function ChangeColor()
  551. {
  552. objActive.style.color = makeColor();
  553. }
  554. function makeColor()
  555. {
  556. if (elmS == 0) {
  557. elmR = elmV; elmG = elmV; elmB = elmV;
  558. }
  559. else {
  560. t1 = elmV;
  561. t2 = (255 - elmS) * elmV / 255;
  562. t3 = elmH % 60;
  563. t3 = (t1 - t2) * t3 / 60;
  564. if (elmH < 60) {
  565. elmR = t1; elmB = t2; elmG = t2 + t3;
  566. }
  567. else if (elmH < 120) {
  568. elmG = t1; elmB = t2; elmR = t1 - t3;
  569. }
  570. else if (elmH < 180) {
  571. elmG = t1; elmR = t2; elmB = t2 + t3;
  572. }
  573. else if (elmH < 240) {
  574. elmB = t1; elmR = t2; elmG = t1 - t3;
  575. }
  576. else if (elmH < 300) {
  577. elmB = t1; elmG = t2; elmR = t2 + t3;
  578. }
  579. else if (elmH < 360) {
  580. elmR = t1; elmG = t2; elmB = t1 - t3;
  581. }
  582. else {
  583. elmR = 0; elmG = 0; elmB = 0;
  584. }
  585. }
  586. elmR = Math.floor(elmR).toString(16);
  587. elmG = Math.floor(elmG).toString(16);
  588. elmB = Math.floor(elmB).toString(16);
  589. if (elmR.length == 1) elmR = "0" + elmR;
  590. if (elmG.length == 1) elmG = "0" + elmG;
  591. if (elmB.length == 1) elmB = "0" + elmB
  592. elmH = elmH + rate;
  593. if (elmH >= 360)
  594. elmH = 0;
  595. return '#' + elmR + elmG + elmB;
  596. }
  597. //]]>
  598. </script>
  599. <!---rainbow links--->
  600. {/block:ifrainbowlinks}
  601.  
  602. {block:ifcursorsparkles}
  603. <script type="text/javascript">
  604. // <![CDATA[
  605. var colour="{color:cursor sparkles}";
  606. var sparkles=120;
  607.  
  608. /****************************
  609. * Tinkerbell Magic Sparkle *
  610. * (c) 2005 mf2fm web-design *
  611. * http://www.mf2fm.com/rv *
  612. * DON'T EDIT BELOW THIS BOX *
  613. ****************************/
  614. var x=ox=400;
  615. var y=oy=300;
  616. var swide=800;
  617. var shigh=600;
  618. var sleft=sdown=0;
  619. var tiny=new Array();
  620. var star=new Array();
  621. var starv=new Array();
  622. var starx=new Array();
  623. var stary=new Array();
  624. var tinyx=new Array();
  625. var tinyy=new Array();
  626. var tinyv=new Array();
  627.  
  628. window.onload=function() { if (document.getElementById) {
  629. var i, rats, rlef, rdow;
  630. for (var i=0; i<sparkles; i++) {
  631. var rats=createDiv(3, 3);
  632. rats.style.visibility="hidden";
  633. document.body.appendChild(tiny[i]=rats);
  634. starv[i]=0;
  635. tinyv[i]=0;
  636. var rats=createDiv(5, 5);
  637. rats.style.backgroundColor="transparent";
  638. rats.style.visibility="hidden";
  639. var rlef=createDiv(1, 5);
  640. var rdow=createDiv(5, 1);
  641. rats.appendChild(rlef);
  642. rats.appendChild(rdow);
  643. rlef.style.top="2px";
  644. rlef.style.left="0px";
  645. rdow.style.top="0px";
  646. rdow.style.left="2px";
  647. document.body.appendChild(star[i]=rats);
  648. }
  649. set_width();
  650. sparkle();
  651. }}
  652.  
  653. function sparkle() {
  654. var c;
  655. if (x!=ox || y!=oy) {
  656. ox=x;
  657. oy=y;
  658. for (c=0; c<sparkles; c++) if (!starv[c]) {
  659. star[c].style.left=(starx[c]=x)+"px";
  660. star[c].style.top=(stary[c]=y)+"px";
  661. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  662. star[c].style.visibility="visible";
  663. starv[c]=50;
  664. break;
  665. }
  666. }
  667. for (c=0; c<sparkles; c++) {
  668. if (starv[c]) update_star(c);
  669. if (tinyv[c]) update_tiny(c);
  670. }
  671. setTimeout("sparkle()", 40);
  672. }
  673.  
  674. function update_star(i) {
  675. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  676. if (starv[i]) {
  677. stary[i]+=1+Math.random()*3;
  678. if (stary[i]<shigh+sdown) {
  679. star[i].style.top=stary[i]+"px";
  680. starx[i]+=(i%5-2)/5;
  681. star[i].style.left=starx[i]+"px";
  682. }
  683. else {
  684. star[i].style.visibility="hidden";
  685. starv[i]=0;
  686. return;
  687. }
  688. }
  689. else {
  690. tinyv[i]=50;
  691. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  692. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  693. tiny[i].style.width="2px";
  694. tiny[i].style.height="2px";
  695. star[i].style.visibility="hidden";
  696. tiny[i].style.visibility="visible"
  697. }
  698. }
  699.  
  700. function update_tiny(i) {
  701. if (--tinyv[i]==25) {
  702. tiny[i].style.width="1px";
  703. tiny[i].style.height="1px";
  704. }
  705. if (tinyv[i]) {
  706. tinyy[i]+=1+Math.random()*3;
  707. if (tinyy[i]<shigh+sdown) {
  708. tiny[i].style.top=tinyy[i]+"px";
  709. tinyx[i]+=(i%5-2)/5;
  710. tiny[i].style.left=tinyx[i]+"px";
  711. }
  712. else {
  713. tiny[i].style.visibility="hidden";
  714. tinyv[i]=0;
  715. return;
  716. }
  717. }
  718. else tiny[i].style.visibility="hidden";
  719. }
  720.  
  721. document.onmousemove=mouse;
  722. function mouse(e) {
  723. set_scroll();
  724. y=(e)?e.pageY:event.y+sdown;
  725. x=(e)?e.pageX:event.x+sleft;
  726. }
  727.  
  728. function set_scroll() {
  729. if (typeof(self.pageYOffset)=="number") {
  730. sdown=self.pageYOffset;
  731. sleft=self.pageXOffset;
  732. }
  733. else if (document.body.scrollTop || document.body.scrollLeft) {
  734. sdown=document.body.scrollTop;
  735. sleft=document.body.scrollLeft;
  736. }
  737. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  738. sleft=document.documentElement.scrollLeft;
  739. sdown=document.documentElement.scrollTop;
  740. }
  741. else {
  742. sdown=0;
  743. sleft=0;
  744. }
  745. }
  746.  
  747. window.onresize=set_width;
  748. function set_width() {
  749. if (typeof(self.innerWidth)=="number") {
  750. swide=self.innerWidth;
  751. shigh=self.innerHeight;
  752. }
  753. else if (document.documentElement && document.documentElement.clientWidth) {
  754. swide=document.documentElement.clientWidth;
  755. shigh=document.documentElement.clientHeight;
  756. }
  757. else if (document.body.clientWidth) {
  758. swide=document.body.clientWidth;
  759. shigh=document.body.clientHeight;
  760. }
  761. }
  762.  
  763. function createDiv(height, width) {
  764. var div=document.createElement("div");
  765. div.style.position="absolute";
  766. div.style.height=height+"px";
  767. div.style.width=width+"px";
  768. div.style.overflow="hidden";
  769. div.style.backgroundColor=colour;
  770. return (div);
  771. }
  772. // ]]>
  773. </script>
  774. {/block:ifcursorsparkles}
  775.  
  776. </head>
  777.  
  778. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  779.  
  780. <style>
  781. .tooltip{
  782. display: inline;
  783. position: relative;}
  784.  
  785. #s-m-t-tooltip {
  786. text-align:center;
  787. max-width:400px;
  788. padding:3px;
  789. margin:20px;
  790. background-color:{color:tooltip bg};
  791. color:{color:tooltip text};
  792. font-size:{text:font size}px;
  793. letter-spacing:1px;
  794. border-radius:0px;
  795. word-wrap:break-word;
  796. z-index:999999999999999999999999999999999999;
  797. border:{text:border size}px {select:post border type};
  798. border-color:{color:tooltip border};
  799. -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition-duration:0.2s; transition:all 0.2s linear;
  800. {block:ifrounded}
  801. -moz-border-radius:11px; -webkit-border-radius:11px;
  802. {/block:ifrounded}
  803. }
  804. </style>
  805.  
  806. <body>
  807.  
  808. {block:iftagredirect}{block:IndexPage}
  809. <script type="text/javascript">
  810. var url = location.href;
  811. if (url == "{BlogURL}") {
  812. window.location = "{BlogURL}tagged/{text:tag redirect}";
  813. }
  814. </script>
  815. {/block:IndexPage}{/block:iftagredirect}
  816.  
  817. {block:ifcustomcursor}
  818. <style>body, a, a:hover { cursor:url({image:custom cursor}), auto; }</style>
  819. {/block:ifcustomcursor}
  820.  
  821. <div id="wrapper">
  822.  
  823. <div id="top">
  824. {block:ifshowtitle}<div id="title"><a href="/">{Title}</a></div>{block:ifshowtitle}
  825. <div id="top img">
  826. <a title="{text:top image hover}" href="/">
  827. <img src="{image:top img}">
  828. </a>
  829. </div>
  830. {block:ifdescription}
  831. <div id="description">
  832. {block:Description}
  833. <p>{Description}</p>
  834. {/block:Description}
  835. </div>
  836. {/block:ifdescription}
  837. {block:ifnormallinks}
  838. <div id="links">
  839. <a href="{text:link 1 url}">{text:link 1}</a> {text:link divider}
  840. <a href="{text:link 2 url}">{text:link 2}</a> {text:link divider}
  841. <a href="{text:link 3 url}">{text:link 3}</a>
  842. </div>
  843. {/block:ifnormallinks}
  844. {block:ifdropdownlinks}
  845. <div id="dropdown">
  846. <select onchange='location=this.options[this.selectedIndex].value;' style='width:120px; {block:ifrounded}-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; {/block:ifrounded};background:transparent;border:{text:border size}px {select:dropdown border type} {color:border};color:{color:text};font-family:{select:font family};background:#ffffff'>
  847. <option>{text:dropdown text}</option>
  848. <option value="{text:link 1 url}">{text:link 1}</option>
  849. <option value="{text:link 2 url}">{text:link 2}</option>
  850. <option value="{text:link 3 url}">{text:link 3}</option>
  851. </select>
  852. </div>
  853. {/block:ifdropdownlinks}
  854. {block:ifpixellinks}
  855. <div id="links">
  856. <a title="{text:link 1}" href="{text:link 1 url}">
  857. <img src="{image:link pixel 1}">
  858. </a>
  859. <a title="{text:link 2}" href="{text:link 2 url}">
  860. <img src="{image:link pixel 2}">
  861. </a>
  862. <a title="{text:link 3}" href="{text:link 3 url}">
  863. <img src="{image:link pixel 3}">
  864. </a>
  865. </div>
  866. {/block:ifpixellinks}
  867. {block:ifsearchbox}
  868. <form action="/search" method="get" class="sfm">
  869. <input type="text" name="q" value="{SearchQuery}" placeholder="{text:search text}" id="sf"/>
  870. <input type="submit" value="{text:search button}" id="sb"/>
  871. </form>
  872. {/block:ifsearchbox}
  873. {block:ifpixel}
  874. <div id="toppix">
  875. <img src="{image:pixel}">
  876. </div>
  877. {/block:ifpixel}
  878. </div>
  879.  
  880. <div id="content">
  881. {block:Posts}
  882.  
  883. <div class="post">
  884.  
  885. {block:Text}
  886. {block:Title}
  887. <div class="title">{Title}</div>
  888. {/block:Title}
  889. {Body}
  890. {/block:Text}
  891.  
  892. {block:Photo}
  893. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  894. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  895. {/block:Photo}
  896.  
  897. {block:Photoset}
  898. <div class="media">{Photoset-400}</div>
  899. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  900. {/block:Photoset}
  901.  
  902. {block:Quote}
  903. <div class="quote">"{Quote}"</div>
  904. {block:Source}
  905. <div class="quotesource">— {Source}</div>
  906. {/block:Source}
  907. {/block:Quote}
  908.  
  909. {block:Link}
  910. <div class="title"><a href="{URL}">{Name}</a></div>
  911. {block:Description}
  912. <div class="description">{Description}</div>
  913. {/block:Description}
  914. {/block:Link}
  915.  
  916. {block:Chat}
  917. {block:Title}
  918. <div class="title">{Title}</div>
  919. {/block:Title}
  920.  
  921. {block:Lines}
  922. <div class="{Alt} user_{UserNumber}">
  923. {block:Label}
  924. <b>{Label}</b>{/block:Label}
  925. &nbsp;{Line}
  926. </div>
  927. {/block:Lines}
  928. {/block:Chat}
  929.  
  930. {block:Video}
  931. <div class="media">{Video-400}</div>
  932. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  933. {/block:Video}
  934.  
  935. {block:Audio}
  936. <div class="media">
  937. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  938. {AudioPlayerWhite}
  939. {block:TrackName}{TrackName}<br>{/block:TrackName}
  940. {block:Artist}{Artist}<br>{/block:Artist}
  941. {block:Album}{Album}{/block:Album}
  942. </div>
  943. {block:Caption}{Caption}{/block:Caption}
  944. {/block:Audio}
  945.  
  946. {block:Answer}
  947. <div class="question">{Asker}: {Question}</div>
  948. <div class="caption">{Answer}</div>
  949. {/block:Answer}
  950.  
  951.  
  952. {block:Date}
  953. <div class="footer">
  954. <a href="{Permalink}">{24Hour}:{Minutes}</a> <img src="{image:permalink pixel}"> <a href="{Permalink}">{block:NoteCount}{NoteCount}{text:notes symbol}{/block:NoteCount}</a>
  955. {block:ifshowviasrc}{block:RebloggedFrom}<br><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}{text:via src divider} <a href="{SourceURL}">src</a>{/block:ContentSource}{/block:ifshowviasrc}
  956. {block:ifshowtags}{block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifshowtags}
  957. </div>
  958.  
  959. {block:PermalinkPage}
  960. {block:NoteCount}
  961. {block:PostNotes}{PostNotes}{/block:PostNotes}
  962. {/block:NoteCount}
  963. {/block:PermalinkPage}
  964. {/block:Date}
  965.  
  966. </div>
  967. {/block:Posts}
  968.  
  969. <div id="credit">
  970. <a title="theme by eira" href="http://x394.tumblr.com">🌌</a>
  971. </div>
  972.  
  973. {block:Pagination}
  974. <div id="nav">
  975. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  976. {block:NextPage} — <a href="{NextPage}">next</a>{/block:NextPage}
  977. </div>
  978. {/block:Pagination}
  979. </div>
  980. </div>
  981.  
  982. </div>
  983.  
  984. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  985. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  986.  
  987. </body>
  988. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement