API tools faq
paste
Advertisement
Poindexter

nny b&w tumblr theme

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