API tools faq
paste
outerscience

BATTLE BATTLE BATTLE

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