API tools faq
paste
outerscience

rabbit protocol

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