API tools faq
paste
artiecore

reblog my theme

artiecore
Jul 26th, 2020 (edited)
1,520
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.64 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. ♡ reblog my theme theme by him1974 ♡
  6.  
  7. also why youre at it reblog my art [@kittiecraft] ;)
  8.  
  9. base code by animecharacter, audio parts by tobirama
  10. ----->
  11.  
  12. <script type="text/javascript">{block:ifsparkles}
  13. // <![CDATA[
  14. var colour="{color:sparkles}"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  15. var sparkles=50;
  16.  
  17. /****************************
  18. * Tinkerbell Magic Sparkle *
  19. *(c)2005-13 mf2fm web-design*
  20. * http://www.mf2fm.com/rv *
  21. * DON'T EDIT BELOW THIS BOX *
  22. ****************************/
  23. var x=ox=400;
  24. var y=oy=300;
  25. var swide=800;
  26. var shigh=600;
  27. var sleft=sdown=0;
  28. var tiny=new Array();
  29. var star=new Array();
  30. var starv=new Array();
  31. var starx=new Array();
  32. var stary=new Array();
  33. var tinyx=new Array();
  34. var tinyy=new Array();
  35. var tinyv=new Array();
  36.  
  37. window.onload=function() { if (document.getElementById) {
  38. var i, rats, rlef, rdow;
  39. for (var i=0; i<sparkles; i++) {
  40. var rats=createDiv(3, 3);
  41. rats.style.visibility="hidden";
  42. rats.style.zIndex="999";
  43. document.body.appendChild(tiny[i]=rats);
  44. starv[i]=0;
  45. tinyv[i]=0;
  46. var rats=createDiv(5, 5);
  47. rats.style.backgroundColor="transparent";
  48. rats.style.visibility="hidden";
  49. rats.style.zIndex="999";
  50. var rlef=createDiv(1, 5);
  51. var rdow=createDiv(5, 1);
  52. rats.appendChild(rlef);
  53. rats.appendChild(rdow);
  54. rlef.style.top="2px";
  55. rlef.style.left="0px";
  56. rdow.style.top="0px";
  57. rdow.style.left="2px";
  58. document.body.appendChild(star[i]=rats);
  59. }
  60. set_width();
  61. sparkle();
  62. }}
  63.  
  64. function sparkle() {
  65. var c;
  66. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  67. ox=x;
  68. oy=y;
  69. for (c=0; c<sparkles; c++) if (!starv[c]) {
  70. star[c].style.left=(starx[c]=x)+"px";
  71. star[c].style.top=(stary[c]=y+1)+"px";
  72. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  73. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  74. star[c].style.visibility="visible";
  75. starv[c]=50;
  76. break;
  77. }
  78. }
  79. for (c=0; c<sparkles; c++) {
  80. if (starv[c]) update_star(c);
  81. if (tinyv[c]) update_tiny(c);
  82. }
  83. setTimeout("sparkle()", 40);
  84. }
  85.  
  86. function update_star(i) {
  87. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  88. if (starv[i]) {
  89. stary[i]+=1+Math.random()*3;
  90. starx[i]+=(i%5-2)/5;
  91. if (stary[i]<shigh+sdown) {
  92. star[i].style.top=stary[i]+"px";
  93. star[i].style.left=starx[i]+"px";
  94. }
  95. else {
  96. star[i].style.visibility="hidden";
  97. starv[i]=0;
  98. return;
  99. }
  100. }
  101. else {
  102. tinyv[i]=50;
  103. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  104. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  105. tiny[i].style.width="2px";
  106. tiny[i].style.height="2px";
  107. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  108. star[i].style.visibility="hidden";
  109. tiny[i].style.visibility="visible"
  110. }
  111. }
  112.  
  113. function update_tiny(i) {
  114. if (--tinyv[i]==25) {
  115. tiny[i].style.width="1px";
  116. tiny[i].style.height="1px";
  117. }
  118. if (tinyv[i]) {
  119. tinyy[i]+=1+Math.random()*3;
  120. tinyx[i]+=(i%5-2)/5;
  121. if (tinyy[i]<shigh+sdown) {
  122. tiny[i].style.top=tinyy[i]+"px";
  123. tiny[i].style.left=tinyx[i]+"px";
  124. }
  125. else {
  126. tiny[i].style.visibility="hidden";
  127. tinyv[i]=0;
  128. return;
  129. }
  130. }
  131. else tiny[i].style.visibility="hidden";
  132. }
  133.  
  134. document.onmousemove=mouse;
  135. function mouse(e) {
  136. if (e) {
  137. y=e.pageY;
  138. x=e.pageX;
  139. }
  140. else {
  141. set_scroll();
  142. y=event.y+sdown;
  143. x=event.x+sleft;
  144. }
  145. }
  146.  
  147. window.onscroll=set_scroll;
  148. function set_scroll() {
  149. if (typeof(self.pageYOffset)=='number') {
  150. sdown=self.pageYOffset;
  151. sleft=self.pageXOffset;
  152. }
  153. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  154. sdown=document.body.scrollTop;
  155. sleft=document.body.scrollLeft;
  156. }
  157. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  158. sleft=document.documentElement.scrollLeft;
  159. sdown=document.documentElement.scrollTop;
  160. }
  161. else {
  162. sdown=0;
  163. sleft=0;
  164. }
  165. }
  166.  
  167. window.onresize=set_width;
  168. function set_width() {
  169. var sw_min=999999;
  170. var sh_min=999999;
  171. if (document.documentElement && document.documentElement.clientWidth) {
  172. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  173. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  174. }
  175. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  176. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  177. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  178. }
  179. if (document.body.clientWidth) {
  180. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  181. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  182. }
  183. if (sw_min==999999 || sh_min==999999) {
  184. sw_min=800;
  185. sh_min=600;
  186. }
  187. swide=sw_min;
  188. shigh=sh_min;
  189. }
  190.  
  191. function createDiv(height, width) {
  192. var div=document.createElement("div");
  193. div.style.position="absolute";
  194. div.style.height=height+"px";
  195. div.style.width=width+"px";
  196. div.style.overflow="hidden";
  197. return (div);
  198. }
  199.  
  200. function newColour() {
  201. var c=new Array();
  202. c[0]=255;
  203. c[1]=Math.floor(Math.random()*256);
  204. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  205. c.sort(function(){return (0.5 - Math.random());});
  206. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  207. }
  208. // ]]>
  209. {/block:ifsparkles}
  210. </script>
  211.  
  212. <meta charset="utf-8">
  213. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  214. <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>
  215. {block:Description}
  216. <meta name="description" content="{MetaDescription}" />
  217. {/block:Description}
  218.  
  219. <link rel="shortcut icon" href="{image:favicon}">
  220. <link rel="alternate" type="application/rss+xml" href="{rss}">
  221.  
  222. <title>{Title}</title>
  223.  
  224. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  225. <link href="https://fonts.googleapis.com/css?family=Short+Stack&display=swap" rel="stylesheet">
  226.  
  227.  
  228.  
  229. <meta name="color:background" content="#ffffff"/>
  230. <meta name="color:container" content="#ffffff"/>
  231. <meta name="color:posts" content=""/>
  232. <meta name="color:sidebar" content=""/>
  233. <meta name="color:border" content="#000">
  234. <meta name="color:post border" content="#000">
  235. <meta name="color:sidebar glow" content="#000">
  236. <meta name="color:post glow" content="#000">
  237. <meta name="color:container glow" content="#000">
  238. <meta name="color:text" content="#2b2b2b"/>
  239. <meta name="color:link" content="#2b2b2b"/>
  240. <meta name="color:link underline" content="#2b2b2b"/>
  241. <meta name="color:link hover" content="#949494"/>
  242. <meta name="color:text glow" content="#000000"/>
  243. <meta name="color:link glow" content="#000000"/>
  244. <meta name="color:selection bg" content="#fff"/>
  245. <meta name="color:selection text">
  246. <meta name="color:footer border" content="#000">
  247. <meta name="color:footer" content=""/>
  248. <meta name="color:tooltip text" content="#fff"/>
  249. <meta name="color:tooltip border" content="#fff"/>
  250. <meta name="color:sparkles" content=""/>
  251.  
  252.  
  253. <meta name="image:favicon" content="">
  254. <meta name="image:footer" content="">
  255. <meta name="image:container" content="">
  256. <meta name="image:div" content="">
  257. <meta name="image:sidebar" content=""/>
  258. <meta name="image:background" content="" />
  259.  
  260.  
  261. <meta name="if:redirect" content="" />
  262. <meta name="if:cover bg" content="" />
  263. <meta name="if:sidebar border" content="" />
  264. <meta name="if:footer border" content="" />
  265. <meta name="if:post border" content="" />
  266. <meta name="if:post glow" content="" />
  267. <meta name="if:sidebar glow" content="" />
  268. <meta name="if:container glow" content="" />
  269. <meta name="if:glow links" content="" />
  270. <meta name="if:glow text" content="" />
  271. <meta name="if:link underline" content="" />
  272. <meta name="if:sparkles" content="" />
  273.  
  274.  
  275. <meta name="text:font size" content="12px">
  276. <meta name="text:sidebarhover" content="<3">
  277. <meta name="text:description" content="nyall even read this shit?"/>
  278. <meta name="text:redirect" content=""/>
  279. <meta name="text:link divider" content="/"/>
  280. <meta name="text:border size" content="3px" />
  281.  
  282. <meta name="text:link1" content="one">
  283. <meta name="text:url1" content="">
  284. <meta name="text:link2" content="two">
  285. <meta name="text:url2" content="">
  286. <meta name="text:link3" content="three">
  287. <meta name="text:url3" content="">
  288. <meta name="text:link4" content="four">
  289. <meta name="text:url4" content="">
  290.  
  291. <meta name="select:font" content="arial">
  292. <meta name="select:font" content="verdana">
  293. <meta name="select:font" content="courier">
  294. <meta name="select:font" content="georgia">
  295. <meta name="select:font" content="times new roman">
  296. <meta name="select:font" content="ms gothic"/>
  297. <meta name="select:font" content="short stack"/>
  298. <meta name="select:font" content="comic sans ms">
  299.  
  300. <meta name="select:border type" content="solid" />
  301. <meta name="select:border type" content="double" />
  302. <meta name="select:border type" content="dashed" />
  303. <meta name="select:border type" content="dotted" />
  304. <meta name="select:border type" content="outset">
  305. <meta name="select:border type" content="inset">
  306.  
  307. <meta name="select:post border type" content="solid" />
  308. <meta name="select:post border type" content="double" />
  309. <meta name="select:post border type" content="dashed" />
  310. <meta name="select:post border type" content="dotted" />
  311. <meta name="select:post border type" content="outset">
  312. <meta name="select:post border type" content="inset">
  313.  
  314.  
  315. {block:ifredirect}
  316. {block:IndexPage}<script type="text/javascript">
  317. var url = location.href;
  318. if (url == "{BlogURL}") {
  319. window.location = "{BlogURL}tagged/{text:redirect}";
  320. }
  321. </script>{/block:IndexPage}
  322. {/block:ifredirect}
  323.  
  324. <style type="text/css">
  325. ::-webkit-scrollbar {
  326. width: 0px; /* Remove scrollbar space */
  327. background: transparent; /* Optional: just make scrollbar invisible */
  328. }
  329. /* Optional: show position indicator in red */
  330. ::-webkit-scrollbar-thumb {
  331. background: #FF0000;
  332. }
  333.  
  334.  
  335.  
  336. ::selection {
  337. background: {color:selection bg};
  338. color:{color:selection text};
  339. }
  340.  
  341.  
  342. .tooltip{
  343. display:inline;
  344. position:relative;
  345. }
  346.  
  347. #s-m-t-tooltip{
  348. max-width:300px;
  349. padding:5px;
  350. margin:20px 7px -2px 20px;
  351. background-color: rgba(0, 0, 0, 0.4);
  352. color:#fff;
  353. letter-spacing:1px;
  354. text-align:center;
  355. color:{color:tooltip text};
  356. text-shadow: -1px 0 {color:tooltip border}, 0 1px {color:tooltip border}, 1px 0 {color:tooltip border}, 0 -1px {color:tooltip border};
  357. z-index:99999999999999999999;
  358. -o-transition: all 0.3s ease-out;
  359. -webkit-transition: all 0.3s ease-out;
  360. -moz-transition: all 0.3s ease-out;
  361. }
  362.  
  363.  
  364. /*
  365. general text styles, fonts and colours
  366. */
  367.  
  368. body {
  369. margin:0px;
  370. color:{color:text};
  371. {block:ifglowtext}
  372. text-shadow: 0 0 3px {color:text glow}, 0 0 15px {color:text glow}, 0 0 3px {color:text glow};
  373. {/block:ifglowtext}
  374. background:{color:background};
  375. background-image: url('{image:background}');
  376. {block:ifnotcoverbg}
  377. background-repeat: repeat;
  378. background-attachment: fixed;
  379. {/block:ifnotcoverbg}
  380. {block:ifcoverbg}
  381. background-size: cover;
  382. background-attachment: fixed;
  383. {/block:ifcoverbg}
  384. color:{color:text};
  385. font-family: {select:font};
  386. font-size: {text:font size};
  387.  
  388. }
  389.  
  390. p{
  391. margin:0 0 10px 0;
  392. padding:0;
  393. }
  394.  
  395. pre {
  396. white-space: pre-wrap;
  397. white-space: -moz-pre-wrap;
  398. white-space: -pre-wrap;
  399. white-space: -o-pre-wrap;
  400. word-wrap: break-word;
  401. }
  402.  
  403. a {
  404. color:{color:link};
  405. {block:ifglowlinks}
  406. text-shadow: 0 0 3px {color:link glow}, 0 0 15px {color:link glow}, 0 0 3px {color:link glow};
  407. {/block:ifglowlinks}
  408. -moz-transition-duration:0.4s;
  409. -webkit-transition-duration:0.4s;
  410. -o-transition-duration:0.4s;
  411. {block:iflinkunderline}
  412. text-decoration:underline;
  413. text-decoration-color: {color:link underline};
  414. {/block:iflinkunderline}
  415. {block:ifnotlinkunderline}
  416. text-decoration:none;
  417. {/block:ifnotlinkunderline}
  418. }
  419.  
  420. a:hover {
  421. color:{color:link hover};
  422. -moz-transition-duration:0.4s;
  423. -webkit-transition-duration:0.4s;
  424. -o-transition-duration:0.4s;
  425. }
  426.  
  427. /*
  428. containers etc
  429. */
  430.  
  431.  
  432.  
  433. #sidebar img {
  434. width:245px;
  435. margin-bottom:10px;
  436. }
  437.  
  438.  
  439. #description {
  440. margin-top:1px;
  441. margin-bottom:10px;
  442. max-height:100px;
  443. overflow:auto;
  444. text-align:center;
  445. {block:ifsidebarborder}
  446. border:{text:border size} {select:border type} {color:border};
  447. {/block:ifsidebarborder}
  448. {block:ifsidebarglow}
  449. -moz-box-shadow: 0px 0px 4px 2px {color:sidebar glow};
  450. -webkit-box-shadow: 0px 0px 4px 2px {color:sidebar glow};
  451. box-shadow: 0px 0px 4px 2px {color:sidebar glow};{/block:ifsidebarglow}
  452. }
  453.  
  454. #posts {
  455. width:310px;
  456. padding:10px 10px 2px 10px;
  457. break-inside: avoid;
  458. display:inline-block;
  459. text-align:left;
  460. background-color:{color:posts};
  461. {block:ifpostborder}
  462. border:{text:border size} {select:post border type} {color:post border};
  463. {/block:ifpostborder}
  464. {block:ifpostglow}
  465. -moz-box-shadow: 0px 0px 4px 2px {color:post glow};
  466. -webkit-box-shadow: 0px 0px 4px 2px {color:post glow};
  467. box-shadow: 0px 0px 4px 2px {color:post glow};{/block:ifpostglow}
  468. margin-bottom:10px;
  469. }
  470.  
  471.  
  472.  
  473. #posts img {
  474. max-width:100%;
  475. height:auto;
  476.  
  477. }
  478.  
  479.  
  480.  
  481. .tags {
  482. background-color:{color:footer};
  483. background-image: url('{image:footer}');
  484. background-size: cover;
  485. {block:iffooterborder}
  486. border-width:1px;
  487. border-style:solid;
  488. border-color:{color:footer border};
  489. {/block:iffooterborder}
  490. text-align:center;
  491.  
  492. max-height:0px;
  493. line-height:130%;
  494. font-size:{text:font size};
  495. opacity:0;
  496. -webkit-transition: all 0.7s ease;
  497. transition: all 0.7s ease;
  498. -moz-transition: all 0.7s ease;
  499. -o-transition: all 0.7s ease;}
  500.  
  501. #posts:hover .tags{
  502. opacity:1;
  503. margin-top:10px;
  504. max-height:300px;
  505. margin-bottom:8px;
  506. -webkit-transition: all 0.7s ease;
  507. transition: all 0.7s ease;
  508. -moz-transition: all 0.7s ease;
  509. -o-transition: all 0.7s ease;}
  510.  
  511. .caption {
  512. background-color:{color:footer};
  513. background-image: url('{image:footer}');
  514. background-size: cover;
  515. {block:iffooterborder}
  516. border-width:1px;
  517. border-style:solid;
  518. border-color:{color:footer border};
  519. {/block:iffooterborder}
  520. text-align:center;
  521.  
  522. max-height:0px;
  523. line-height:130%;
  524. font-size:{text:font size};
  525. opacity:0;
  526. -webkit-transition: all 0.7s ease;
  527. transition: all 0.7s ease;
  528. -moz-transition: all 0.7s ease;
  529. -o-transition: all 0.7s ease;}
  530.  
  531. #posts:hover .caption{
  532. opacity:1;
  533. margin-top:10px;
  534. max-height:300px;
  535. -webkit-transition: all 0.7s ease;
  536. transition: all 0.7s ease;
  537. -moz-transition: all 0.7s ease;
  538. -o-transition: all 0.7s ease;}
  539.  
  540.  
  541. /*
  542. content in the body of the posts - quotes, asks, etc
  543. "media" contains photos, photosets, videos, audio posts
  544. */
  545. .media{
  546. margin:0 0 10px 0;
  547. width:300px;
  548. }
  549.  
  550. .media img{
  551. width:300px;
  552. }
  553.  
  554. .title{
  555. font-weight:normal;
  556. font-size:18px;
  557. margin:0 0 10px 0;
  558. }
  559.  
  560. .quote{
  561. font-weight:normal;
  562. font-size:16px;
  563. font-style:italic;
  564. margin:0 0 10px 0;
  565. }
  566.  
  567. .question{
  568. margin-bottom:10px;
  569. }
  570.  
  571. blockquote{
  572. margin:0 0 10px 10px;
  573. padding:0 0 0 10px;
  574. border-left:solid 1px #000;
  575. }
  576.  
  577. /*
  578. post footers - date, tags, via and source
  579. */
  580. .post .footer{
  581. margin:0;
  582. text-align:left;
  583. }
  584.  
  585.  
  586.  
  587. .footer {
  588. background-color:{color:footer};
  589. background-image: url('{image:footer}');
  590. background-size: cover;
  591. {block:iffooterborder}
  592. border-width:1px;
  593. border-style:solid;
  594. border-color:{color:footer border};
  595. {/block:iffooterborder}
  596. text-align:center;
  597.  
  598. max-height:0px;
  599. line-height:130%;
  600. font-size:{text:font size};
  601. opacity:0;
  602. -webkit-transition: all 0.7s ease;
  603. transition: all 0.7s ease;
  604. -moz-transition: all 0.7s ease;
  605. -o-transition: all 0.7s ease;}
  606.  
  607. #posts:hover .footer{
  608. opacity:1;
  609. margin-top:10px;
  610. max-height:300px;
  611. -webkit-transition: all 0.7s ease;
  612. transition: all 0.7s ease;
  613. -moz-transition: all 0.7s ease;
  614. -o-transition: all 0.7s ease;}
  615.  
  616. .spotify_audio_player {
  617. height:80px!important;
  618. width:100%!important;}
  619.  
  620. .soundcloud_audio_player {
  621. height:150px!important;
  622. width:100%!important;}
  623.  
  624. /* playbutton background */
  625.  
  626. .trackback {
  627. position: absolute;
  628. left: 20px;
  629. top: 20px;
  630. width: 19px;
  631. height: 19px;
  632. background-color: #fff;
  633. padding: 10px;
  634. opacity: .4;}
  635.  
  636. /* playbutton */
  637.  
  638. .pressplay{
  639. position: relative;
  640. width: 25px;
  641. height: 25px;
  642. overflow: hidden;
  643. left: -6px;
  644. top: -3px;}
  645.  
  646. /* album img container */
  647.  
  648. .albumpic {
  649. position: absolute;
  650. left: 0px;
  651. top: 0px;
  652. width: 79px;
  653. height: 79px;}
  654.  
  655. /* album img */
  656.  
  657. .albumpic img {
  658. width: 100%;
  659. height: auto;
  660. border: 1px solid {color:font color};}
  661.  
  662. /* track info ye */
  663.  
  664. .trackinfo {
  665. width: auto;
  666. display:inline-block;
  667. margin-left:90px;
  668. min-height: 85px;}
  669.  
  670. /* makes both audio player & track info inline */
  671.  
  672. .audiowrapper {
  673. position: relative; display:inline-block;}
  674.  
  675.  
  676.  
  677. /*
  678. post notes
  679. */
  680. ol.notes{
  681. list-style-type:none;
  682. padding:0;
  683. margin:0;
  684. }
  685.  
  686. ol.notes li.note img{
  687. width:16px;
  688. height:16px;
  689. }
  690.  
  691. ol.notes li.note{
  692. margin:0px;
  693. }
  694.  
  695. #con {
  696. margin-left:150px;
  697. position:fixed;
  698.  
  699.  
  700. }
  701.  
  702. #entries {
  703. width:699px;
  704. margin-left:440px;
  705. border:{text:border size} {select:border type} {color:border};
  706. column-count: 2;
  707. column-gap: 30px;
  708. margin-top:25px;
  709. margin-bottom:25px;
  710. padding:10px;
  711. z-index:-1;
  712. background:{color:container};
  713. background-image: url('{image:container}');
  714. {block:ifnotcoverbg}
  715. background-repeat: repeat;
  716. background-attachment: fixed;
  717. {/block:ifnotcoverbg}
  718. {block:ifcoverbg}
  719. background-size: cover;
  720. background-attachment: fixed;
  721. {/block:ifcoverbg}
  722. {block:ifcontainerglow}
  723. -moz-box-shadow: 0px 0px 4px 2px {color:container glow};
  724. -webkit-box-shadow: 0px 0px 4px 2px {color:container glow};
  725. box-shadow: 0px 0px 4px 2px {color:container glow};{/block:ifcontainerglow}
  726. }
  727.  
  728.  
  729.  
  730.  
  731. #sideb {
  732. margin-top:95px;
  733. width:260px;
  734. position:fixed;
  735. overflow:auto;
  736. margin-left:-30px;
  737. padding:10px;
  738. }
  739.  
  740. #sideb img{
  741. width:254px;
  742. {block:ifsidebarborder}
  743. border:{text:border size} {select:post border type} {color:post border};
  744. {/block:ifsidebarborder}
  745. {block:ifsidebarglow}
  746. -moz-box-shadow: 0px 0px 4px 2px {color:sidebar glow};
  747. -webkit-box-shadow: 0px 0px 4px 2px {color:sidebar glow};
  748. box-shadow: 0px 0px 4px 2px {color:sidebar glow};{/block:ifsidebarglow}
  749. }
  750.  
  751. #description {
  752. margin-top:10px;
  753. margin-bottom:10px;
  754. max-height:100px;
  755. overflow:auto;
  756. padding:4px;
  757. text-align:center;
  758. {block:ifsidebarborder}
  759. border:{text:border size} {select:post border type} {color:post border};
  760. {/block:ifsidebarborder}
  761. {block:ifsidebarglow}
  762. -moz-box-shadow: 0px 0px 4px 2px {color:sidebar glow};
  763. -webkit-box-shadow: 0px 0px 4px 2px {color:sidebar glow};
  764. box-shadow: 0px 0px 4px 2px {color:sidebar glow};{/block:ifsidebarglow}
  765. background-color:{color:sidebar};
  766. }
  767.  
  768. #nan {
  769. margin-top:1px;
  770. margin-bottom:10px;
  771. max-height:100px;
  772. overflow:auto;
  773. padding:4px;
  774. height:auto;
  775. text-align:center;
  776. {block:ifsidebarborder}
  777. border:{text:border size} {select:post border type} {color:post border};
  778. {/block:ifsidebarborder}
  779. {block:ifsidebarglow}
  780. -moz-box-shadow: 0px 0px 4px 2px {color:sidebar glow};
  781. -webkit-box-shadow: 0px 0px 4px 2px {color:sidebar glow};
  782. box-shadow: 0px 0px 4px 2px {color:sidebar glow};{/block:ifsidebarglow}
  783. background-color:{color:sidebar};
  784. }
  785.  
  786.  
  787. #p{
  788. float:left;
  789. }
  790.  
  791. #n{
  792. float:right;
  793. }
  794.  
  795.  
  796.  
  797. {CustomCSS}
  798. </style>
  799. </head>
  800.  
  801. <body>
  802.  
  803.  
  804.  
  805. <div id="con">
  806.  
  807.  
  808. <div id="sideb">
  809.  
  810. <div id="sidebar img"><a href="/" title="{text:sidebarhover}"><img src="{image:sidebar}"></a></div>
  811.  
  812. <div id="description">
  813. <a href="{text:url1}">{text:link1}</a> {text:link divider}
  814. <a href="{text:url2}">{text:link2}</a> {text:link divider}
  815. <a href="{text:url3}">{text:link3}</a> {text:link divider}
  816. <a href="{text:url4}">{text:link4}</a>
  817. {block:ifDescription}<Center>{text:description}<div class="blink_me"></Center>{/block:ifDescription}</div>
  818.  
  819.  
  820. {block:Pagination}
  821. <div id="nan">
  822. {block:PreviousPage}
  823. <div id="p">
  824. <a href="{PreviousPage}">previous page</a></div>
  825. {/block:PreviousPage}
  826.  
  827.  
  828. {block:NextPage}
  829. <div id="n">
  830. <a href="{NextPage}">next page</a></div>
  831. {/block:NextPage}
  832. {/block:Pagination}
  833.  
  834.  
  835. </div>
  836. </div>
  837. </div>
  838.  
  839.  
  840.  
  841.  
  842.  
  843. <div id="entries">
  844.  
  845.  
  846.  
  847. {block:Posts}
  848.  
  849. <div id="posts">
  850.  
  851. {block:Quote}
  852. <div id="titlequote"><i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;<i class="fa fa-quote-right"></i></div>
  853. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  854. {/block:Quote}
  855.  
  856. {block:Text}
  857. {block:Title}
  858. <div id="title">{Title}</div>{/block:Title}
  859. {Body}
  860. {/block:Text}
  861.  
  862. {block:link}
  863. <div id="title"><a href="{URL}"><i class="fa fa-link"></i>&nbsp; {Name}</a></div>
  864. {block:Description}{Description}{/block:Description}
  865. {/block:link}
  866.  
  867. {block:Chat}
  868. {block:Title}
  869. <div id="title">{Title}</div>{/block:Title}
  870. {/block:Text}
  871. {block:lines}
  872. {block:label}
  873. <br><b>{label}</b>
  874. {/block:label}
  875. {line}
  876. {/block:lines}
  877. {/block:Chat}
  878.  
  879. {block:Photo}
  880. {linkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{linkCloseTag}
  881. {/block:Photo}
  882.  
  883. {block:Photoset}
  884. <div class="media">{Photoset}</div>
  885. {/block:Photoset}
  886.  
  887. <div class="video">{Video-400}</div>
  888.  
  889. {block:AudioPlayer}
  890. <div class="audiowrapper">
  891. {block:AlbumArt}
  892. <div class="albumpic"><img src="{AlbumArtURL}"></div>
  893. {/block:AlbumArt}
  894. <div class="trackback">
  895. <div class="pressplay">
  896. {AudioPlayer}
  897. </div></div>
  898. <div class="trackinfo">
  899. {block:TrackName}{TrackName}{/block:TrackName}<br>
  900. {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
  901. {block:Album}<i>{Album}</i>{/block:Album}<br>
  902. </div></div>
  903. {/block:AudioPlayer}
  904.  
  905. {block:Answer}
  906. <div class="q">
  907. <div class="as"> <b><big>{Asker} said:</big></b>
  908. {Question}</div></div>
  909. <div class="a">{Answer}</div>
  910. {/block:Answer}
  911.  
  912. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  913.  
  914. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  915.  
  916. {block:Date}
  917. {block:Date}
  918. <div class="footer">
  919. <a href="{Permalink}"><a href="{Permalink}">{notecount}%</a>
  920. <a href="{ReblogURL}" title="rb"><img src="{image:div}"></a>
  921. <a href="{Permalink}"><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>
  922.  
  923. </a>
  924.  
  925. <!-- {block:NoRebloggedFrom}
  926. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  927. {/block:NoRebloggedFrom} -->
  928. {block:ContentSource}<!-- {SourceURL}
  929. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  930. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  931. {/block:ContentSource}
  932.  
  933.  
  934.  
  935.  
  936. </div>
  937.  
  938. <div class="tags"> {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  939. {block:PermalinkPage}
  940. {block:NoteCount}
  941. {block:PostNotes}{PostNotes}{/block:PostNotes}
  942. {/block:NoteCount}
  943. {/block:PermalinkPage}
  944. {/block:Date}
  945.  
  946.  
  947. {/block:Date}
  948.  
  949. </div>
  950.  
  951.  
  952. {/block:Posts}
  953.  
  954.  
  955.  
  956. </div>
  957.  
  958.  
  959. </div>
  960. <a style="position:fixed;left:3px;bottom:3px;" <a href="https://him1974.tumblr.com/" title="artie was here">🃏</a>
  961.  
  962. </body></html>
  963.  
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!