API tools faq
paste
Advertisement
outerscience

ASIYAH

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