API tools faq
paste
togahimiko

until now / from now theme

togahimiko
Jun 23rd, 2019
1,776
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 31.09 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. UNTIL NOW / FROM NOW THEME BY ANNIE @NOODLE
  6.  
  7. i finished hxh 2011 ! the theme's title is taken from the last episode's (until now x and x from now) LOL
  8.  
  9. don't (re)move credit or i will make sure u can never use nen again !! i used my wonderful world theme as a base . oof
  10. ----->
  11.  
  12. {block:ifclicksplosion}
  13. <script type="text/javascript">
  14. // <![CDATA[
  15. var sparks=75; // how many sparks per clicksplosion
  16. var speed=33; // how fast - smaller is faster
  17. var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
  18. var colours=new Array('#03f', '#f03', '#0e0', '#93f', '#0cf', '#f93', '#f0c');
  19. //                     blue    red     green   purple  cyan    orange  pink
  20.  
  21. /****************************
  22. *   Clicksplosion Effect    *
  23. *(c)2012-3 mf2fm web-design *
  24. *  http://www.mf2fm.com/rv  *
  25. * DON'T EDIT BELOW THIS BOX *
  26. ****************************/
  27. var intensity=new Array();
  28. var Xpos=new Array();
  29. var Ypos=new Array();
  30. var dX=new Array();
  31. var dY=new Array();
  32. var stars=new Array();
  33. var decay=new Array();
  34. var timers=new Array();
  35. var swide=800;
  36. var shigh=600;
  37. var sleft=sdown=0;
  38. var count=0;
  39.  
  40. function addLoadEvent(funky) {
  41.  var oldonload=window.onload;
  42.  if (typeof(oldonload)!='function') window.onload=funky;
  43.  else window.onload=function() {
  44.    if (oldonload) oldonload();
  45.    funky();
  46.  }
  47. }
  48.  
  49. addLoadEvent(clicksplode);
  50.  
  51. function clicksplode() { if (document.getElementById) {
  52.  var i, j;
  53.  window.onscroll=set_scroll;
  54.  window.onresize=set_width;
  55.  document.onclick=eksplode;
  56.  set_width();
  57.  set_scroll();
  58.  for (i=0; i<bangs; i++) for (j=sparks*i; j<sparks+sparks*i; j++) {
  59.    stars[j]=createDiv('*', 13);
  60.    document.body.appendChild(stars[j]);
  61.  }
  62. }}
  63.  
  64. function createDiv(char, size) {
  65.  var div, sty;
  66.  div=document.createElement('div');
  67.  sty=div.style;
  68.  sty.font=size+'px monospace';
  69.  sty.position='absolute';
  70.  sty.backgroundColor='transparent';
  71.  sty.visibility='hidden';
  72.  sty.zIndex='101';
  73.  div.appendChild(document.createTextNode(char));
  74.  return (div);
  75. }
  76.  
  77. function bang(N) {
  78.  var i, Z, A=0;
  79.  for (i=sparks*N; i<sparks*(N+1); i++) {
  80.    if (decay[i]) {
  81.      Z=stars[i].style;
  82.      Xpos[i]+=dX[i];
  83.      Ypos[i]+=(dY[i]+=1.25/intensity[N]);
  84.      if (Xpos[i]>=swide || Xpos[i]<0 || Ypos[i]>=shigh+sdown || Ypos[i]<0) decay[i]=1;
  85.       else {
  86.        Z.left=Xpos[i]+'px';
  87.        Z.top=Ypos[i]+'px';
  88.       }
  89.      if (decay[i]==15) Z.fontSize='7px';
  90.      else if (decay[i]==7) Z.fontSize='2px';
  91.      else if (decay[i]==1) Z.visibility='hidden';
  92.       decay[i]--;
  93.     }
  94.     else A++;
  95.  }
  96.  if (A!=sparks) timers[N]=setTimeout('bang('+N+')', speed);
  97. }
  98.  
  99. function eksplode(e) {
  100.  var x, y, i, M, Z, N;
  101.  set_scroll();
  102.  y=(e)?e.pageY:event.y+sdown;
  103.  x=(e)?e.pageX:event.x+sleft;
  104.  N=++count%bangs;
  105.  M=Math.floor(Math.random()*3*colours.length);
  106.  intensity[N]=5+Math.random()*4;
  107.  for (i=N*sparks; i<(N+1)*sparks; i++) {
  108.    Xpos[i]=x;
  109.    Ypos[i]=y-5;
  110.    dY[i]=(Math.random()-0.5)*intensity[N];
  111.    dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
  112.    decay[i]=16+Math.floor(Math.random()*16);
  113.    Z=stars[i].style;
  114.    if (M<colours.length) Z.color=colours[i%2?count%colours.length:M];
  115.    else if (M<2*colours.length) Z.color=colours[count%colours.length];
  116.    else Z.color=colours[i%colours.length];
  117.    Z.fontSize='13px';
  118.    Z.visibility='visible';
  119.  }
  120.  clearTimeout(timers[N]);
  121.  bang(N);
  122. }
  123.  
  124. function set_width() {
  125.  var sw_min=999999;
  126.  var sh_min=999999;
  127.  if (document.documentElement && document.documentElement.clientWidth) {
  128.    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  129.    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  130.  }
  131.  if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  132.    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  133.    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  134.  }
  135.  if (document.body.clientWidth) {
  136.    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  137.    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  138.  }
  139.  if (sw_min==999999 || sh_min==999999) {
  140.    sw_min=800;
  141.    sh_min=600;
  142.  }
  143.  swide=sw_min-7;
  144.  shigh=sh_min-7;
  145. }
  146.  
  147. function set_scroll() {
  148.  if (typeof(self.pageYOffset)=='number') {
  149.    sdown=self.pageYOffset;
  150.    sleft=self.pageXOffset;
  151.  }
  152.  else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  153.    sdown=document.body.scrollTop;
  154.    sleft=document.body.scrollLeft;
  155.  }
  156.  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  157.    sleft=document.documentElement.scrollLeft;
  158.    sdown=document.documentElement.scrollTop;
  159.  }
  160.  else {
  161.    sdown=0;
  162.    sleft=0;
  163.  }
  164. }
  165. // ]]>
  166. </script>
  167. {/block:ifclicksplosion}
  168.  
  169. <meta charset="utf-8">
  170. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  171. {block:Description}
  172. <meta name="description" content="{MetaDescription}" />
  173. {/block:Description}
  174.    
  175. <title>{Title}</title>
  176.        
  177. <link rel="shortcut icon" href="{image:favicon}">
  178. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  179. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  180.  
  181. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  182.  
  183. <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>
  184.  
  185. <link href="https://fonts.googleapis.com/css?family=Karla|Kosugi+Maru|Roboto|Short+Stack|Pangolin|Inconsolata|Roboto|Vast+Shadow|Sniglet" rel="stylesheet">
  186. <link href="https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap" rel="stylesheet">
  187.  
  188. <meta name="image:sidebar">
  189. <meta name="image:favicon">
  190. <meta name="image:bg">
  191. <meta name="image:post bg">
  192. <meta name="image:accent bg">
  193. <meta name="image:footer pixel">
  194. <meta name="image:custom cursor">
  195. <meta name="color:bg">
  196. <meta name="color:post bg">
  197. <meta name="color:accent bg">
  198. <meta name="color:content glow">
  199. <meta name="color:text">
  200. <meta name="color:link">
  201. <meta name="color:link hover">
  202. <meta name="color:text glow">
  203. <meta name="color:link glow">
  204. <meta name="color:link glow hover">
  205. <meta name="color:border color">
  206. <meta name="color:selection bg">
  207. <meta name="color:selection text">
  208.  
  209.  
  210. <meta name="select:link decoration" content="none">
  211. <meta name="select:link decoration" content="underline">
  212. <meta name="select:border style" content="none">
  213. <meta name="select:border style" content="solid">
  214. <meta name="select:border style" content="dashed">
  215. <meta name="select:border style" content="dotted">
  216. <meta name="select:border style" content="double">
  217. <meta name="select:border style" content="inset">
  218. <meta name="select:border style" content="outset">
  219. <meta name="select:border style" content="groove">
  220. <meta name="select:border style" content="ridge">
  221. <meta name="if:blackborder" content="0">
  222. <meta name="if:whiteborder" content="0">
  223. <meta name="if:rainbow border">
  224.  
  225. <meta name="if:postbg">
  226. <meta name="if:round">
  227. <meta name="if:circle sidebar">
  228. <meta name="if:text glow">
  229. <meta name="if:link border">
  230. <meta name="if:bold links">
  231. <meta name="if:italic links">
  232. <meta name="if:rainbow links">
  233. <meta name="if:cover bg">
  234. <meta name="if:content glow">
  235. <meta name="if:footer border">
  236. <meta name="if:hover tags">
  237. <meta name="if:custom cursor">
  238. <meta name="if:clicksplosion">
  239.  
  240. <meta name="text:font size" content="12">
  241. <meta name="text:font" content="">
  242. <meta name="text:desc" content="">
  243. <meta name="text:border width" content="4">
  244. <meta name="text:accent bg size" content="100">
  245. <meta name="text:notes label" content="%">
  246. <meta name="text:link 1 name" content="link 1">
  247. <meta name="text:link 2 name" content="link 2">
  248. <meta name="text:link 3 name" content="link 3">
  249. <meta name="text:link 1 url" content="/">
  250. <meta name="text:link 2 url" content="/">
  251. <meta name="text:link 3 url" content="/">
  252. <meta name="text:divider" content="/">
  253. <meta name="text:previouspage" content="previous">
  254. <meta name="text:nextpage" content="next">
  255.  
  256.        
  257. <style type="text/css">
  258.  
  259. ::selection {
  260. background: {color:selection bg};
  261. color:{color:selection text};
  262. }
  263. ::-moz-selection {
  264. background: {color:selection bg};
  265. color:{color:selection text};
  266. }
  267.  
  268. ::-webkit-scrollbar {
  269. width: 16px;
  270. height: 10px;
  271. }
  272. ::-webkit-scrollbar-thumb {
  273. background-color: #fff;
  274. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  275. border-top: 1px solid #bdbdbd;
  276. border-left: 1px solid #bdbdbd;
  277. border-right: 1px solid black;
  278. border-bottom: 1px solid black;
  279. }
  280. ::-webkit-scrollbar-track {
  281. background-color: #fff;
  282. background-image: url(https://i.imgur.com/IGXGYKz.png);
  283. }
  284. ::-webkit-scrollbar-button:vertical:increment {
  285. background-image: url(https://i.imgur.com/WhC8iy3.png);
  286. width: 14px;
  287. height: 16px;
  288. border-top: 1px solid #bdbdbd;
  289. border-left: 1px solid #bdbdbd;
  290. border-right: 1px solid black;
  291. border-bottom: 1px solid black;
  292. }
  293. ::-webkit-scrollbar-button:vertical:decrement {
  294. background-image: url(https://i.imgur.com/fQ18mrR.png);
  295. border-top: 1px solid #bdbdbd;
  296. border-left: 1px solid #bdbdbd;
  297. border-right: 1px solid black;
  298. border-bottom: 1px solid black;
  299. width: 14px;
  300. height: 16px;
  301. }
  302.  
  303. .iframe-controls--desktop {
  304.    position:fixed;
  305.    top:0px;
  306.    right:0px;
  307.    z-index:214748364789123456789;
  308.    filter:invert(100%);
  309.    -webkit-filter:invert(100%);  
  310.    -webkit-transform:scale(0.6,0.6);
  311.    -webkit-transform-origin: 100% 0%;
  312.    -ms-transform-origin:100% 0%;
  313.    -ms-transform:scale(0.6,0.6);
  314.    transform:scale(0.6,0.6);
  315.    transform-origin:100% 0%;
  316. }
  317.  
  318.     .tooltip {
  319. display: inline;
  320. position: relative;
  321. }
  322.  
  323.     #s-m-t-tooltip {
  324.         z-index:99999999999999999;
  325.        background: {color:accent bg};
  326. background-image: url('{image:accent bg}');
  327.         background-repeat: repeat;
  328.         background-size:{text:accent bg size}px;
  329.         max-width: 300px;
  330.         margin: 20px;
  331.         padding: 5px;
  332.         border: {text:border width}px {select:border style} {color:border color};
  333. {block:ifcontentglow}
  334. box-shadow: 0 0 2px 2px {color:content glow};
  335. {/block:ifcontentglow}
  336.         transition: 0.1s;
  337.         text-align:center;
  338.         {block:ifround}
  339. border-radius:5px;
  340. {/block:ifround}
  341. {block:ifblackborder}border-width: 8px;-moz-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-webkit-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-o-border-image: url({"https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 fill round;{/block:ifblackborder}{block:ifwhiteborder}border-width: 8px;
  342. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  343. 8 round;
  344. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  345. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  346. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  347. 8 fill round;{/block:ifwhiteborder}
  348.   {block:ifrainbowborder}
  349.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  350.   border-image-slice: 1;
  351.                 {/block:ifrainbowborder}
  352.     }
  353.  
  354. body {
  355. background-color: {color:bg};
  356. background-image: url('{image:bg}');
  357.         {block:ifnotcoverbg}
  358.         background-repeat: repeat;
  359.         background-attachment: fixed;
  360.         {/block:ifnotcoverbg}
  361.         {block:ifcoverbg}
  362.         background-size: cover;
  363.         background-attachment: fixed;
  364.         {/block:ifcoverbg}
  365. font-family:{text:font};
  366. font-size:{text:font size}px;
  367. color:{color:text};
  368. {block:iftextglow}
  369. text-shadow: 0 0 1px {color:text glow}, 0 0 1px {color:text glow}, 0 0 1px {color:text glow}, 0 0 1px {color:text glow};
  370. {/block:iftextglow}
  371. word-wrap:break-word;
  372. }
  373.  
  374. p{
  375. margin:0 0 10px 0;
  376. padding:0;
  377. }
  378.  
  379. pre {
  380. white-space: pre-wrap;
  381. white-space: -moz-pre-wrap;
  382. white-space: -pre-wrap;
  383. white-space: -o-pre-wrap;
  384. word-wrap: break-word;
  385. }
  386.  
  387. a{
  388. color:{color:link};
  389. text-decoration: {select:link decoration};
  390. {block:iftextglow}
  391. text-shadow:0 0 1px {color:link glow},0 0 1px {color:link glow},0 0 1px {color:link glow},0 0 1px {color:link glow};
  392. {/block:iftextglow}
  393. {block:iflinkborder}
  394. text-shadow: -1px 0  {color:link glow}, 0 1px  {color:link glow}, 1px 0  {color:link glow}, 0 -1px  {color:link glow};
  395. {/block:iflinkborder}
  396. {block:ifboldlinks}
  397. font-weight:bold;
  398. {/block:ifboldlinks}
  399. {block:ifitaliclinks}
  400. font-style:italic;
  401. {/block:ifitaliclinks}
  402. {block:ifrainbowlinks}
  403.   background: -webkit-linear-gradient(right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  404.   -webkit-background-clip: text;
  405.   -webkit-text-fill-color: transparent;
  406. {/block:ifrainbowlinks}
  407. transition:0.2s;
  408. }
  409.  
  410. a:hover{
  411. color:{color:link hover};
  412. {block:iftextglow}
  413. text-shadow:-1px 0 {color:link glow hover}, 0 1px {color:link glow hover}, 1px 0 {color:link glow hover}, 0 -1px {color:link glow hover}, 0 0 3px {color:link glow hover}, 0 0 6px {color:link glow hover};
  414. {/block:iftextglow}
  415. {block:iflinkborder}
  416. text-shadow: -1px 0  {color:link glow hover}, 0 1px  {color:link glow hover}, 1px 0  {color:link glow hover}, 0 -1px  {color:link glow hover};
  417. {/block:iflinkborder}
  418. }
  419.  
  420. li{
  421. margin-left:-15px;
  422. }
  423.  
  424. #wrapper{
  425. width:900px;
  426. margin:25px auto;
  427. }
  428.  
  429. #sidebar{
  430. margin-left:450px;
  431. width:300px;
  432. position:fixed;
  433. text-align:center;
  434. }
  435.  
  436. #descwiption{
  437. position:fixed;    
  438. margin-left:450px;
  439. margin-top:310px;
  440. width:300px;    
  441. padding-top:5px;
  442. {block:ifpostbg}
  443. background: {color:post bg};
  444. background-image: url('{image:post bg}');
  445.         background-repeat: repeat;
  446. {/block:ifpostbg}        
  447. {block:ifround}
  448. border-radius:5px;
  449. {/block:ifround}
  450. {block:ifcontentglow}
  451. box-shadow: 0 0 2px 2px {color:content glow};
  452. {/block:ifcontentglow}
  453. text-align:center;
  454. border: {text:border width}px {select:border style} {color:border color};
  455. {block:ifblackborder}border-width: 8px;-moz-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-webkit-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-o-border-image: url({"https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 fill round;{/block:ifblackborder}{block:ifwhiteborder}border-width: 8px;
  456. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  457. 8 round;
  458. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  459. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  460. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  461. 8 fill round;{/block:ifwhiteborder}
  462.   {block:ifrainbowborder}
  463.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  464.   border-image-slice: 1;
  465.                 {/block:ifrainbowborder}
  466. box-sizing: border-box;
  467. padding:10px 10px 5px 10px;
  468. }
  469.  
  470. #content {
  471.         width:900px;
  472.         margin-left: -100px;
  473.     }
  474.  
  475. .post{
  476. box-sizing: border-box;  
  477. {block:ifpostbg}
  478. background: {color:post bg};
  479. background-image: url('{image:post bg}');
  480.         background-repeat: repeat;
  481.                 background-attachment:fixed;
  482. {/block:ifpostbg}
  483. width:500px;
  484. margin: 0 0 50px 0;
  485. overflow:hidden;
  486. padding:10px;
  487. {block:ifcontentglow}
  488. box-shadow: 0 0 2px 2px {color:content glow};
  489. {/block:ifcontentglow}
  490. border: {text:border width}px {select:border style} {color:border color};
  491. {block:ifround}
  492. border-radius:5px;
  493. {/block:ifround}
  494. {block:ifblackborder}border-width: 8px;-moz-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-webkit-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-o-border-image: url({"https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 fill round;{/block:ifblackborder}{block:ifwhiteborder}border-width: 8px;
  495. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  496. 8 round;
  497. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  498. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  499. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  500. 8 fill round;{/block:ifwhiteborder}
  501.   {block:ifrainbowborder}
  502.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  503.   border-image-slice: 1;
  504.                 {/block:ifrainbowborder}
  505. }
  506.  
  507. #sidebar img{
  508. width:300px;
  509. padding:10px;
  510. {block:ifpostbg}
  511. background: {color:post bg};
  512. background-image: url('{image:post bg}');
  513.         background-repeat: repeat;
  514.                 background-attachment:fixed;
  515. {/block:ifpostbg}                
  516. {block:ifround}
  517. border-radius:5px;
  518. {/block:ifround}
  519. {block:ifcirclesidebar}
  520. border-radius:800px;
  521. {/block:ifcirclesidebar}
  522. border: {text:border width}px {select:border style} {color:border color};
  523. {block:ifcontentglow}
  524. box-shadow: 0 0 2px 2px {color:content glow};
  525. {/block:ifcontentglow}
  526. text-align:center;
  527. {block:ifblackborder}border-width: 8px;-moz-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-webkit-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-o-border-image: url({"https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 fill round;{/block:ifblackborder}{block:ifwhiteborder}border-width: 8px;
  528. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  529. 8 round;
  530. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  531. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  532. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  533. 8 fill round;{/block:ifwhiteborder}
  534.   {block:ifrainbowborder}
  535.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  536.   border-image-slice: 1;
  537.                 {/block:ifrainbowborder}
  538. box-sizing: border-box;  
  539. }
  540.  
  541. #sidebar:hover #links{
  542. opacity:.75;
  543. }
  544.  
  545. #links{
  546. opacity:0;
  547. position:fixed;
  548. text-align:center;
  549. transition:0.4s;
  550. margin-top:-298.5px;
  551. margin-left:10px;
  552. width:280px;
  553. height:280px;
  554. line-height:280px;
  555. background: {color:post bg};
  556. background-image: url('{image:post bg}');
  557. background-repeat: repeat;
  558.         background-attachment:fixed;
  559. box-sizing: border-box;    
  560. {block:ifcirclesidebar}
  561. border-radius:100%;
  562. {/block:ifcirclesidebar}
  563. }
  564.  
  565. .post img{
  566. max-width:100%;
  567. height:auto;
  568. {block:ifround}
  569. border-radius:5px;
  570. {/block:ifround}
  571. }
  572.  
  573. #nav{
  574. margin:50px 0 0 0;
  575. font-size:1.5em;
  576. text-align:center;
  577. background: {color:accent bg};
  578. background-image: url('{image:accent bg}');
  579.         background-repeat: repeat;
  580.         padding:10px;
  581. border: {text:border width}px {select:border style} {color:border color};
  582. {block:ifblackborder}border-width: 8px;-moz-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-webkit-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-o-border-image: url({"https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 fill round;{/block:ifblackborder}{block:ifwhiteborder}border-width: 8px;
  583. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  584. 8 round;
  585. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  586. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  587. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  588. 8 fill round;{/block:ifwhiteborder}
  589.   {block:ifrainbowborder}
  590.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  591.   border-image-slice: 1;
  592.                 {/block:ifrainbowborder}
  593. box-sizing: border-box;    
  594. {block:ifcontentglow}
  595. box-shadow: 0 0 2px 2px {color:content glow};
  596. {/block:ifcontentglow}
  597. width:500px;
  598. }
  599.  
  600.  
  601. .media{
  602. margin:0 0 10px 0;
  603. text-align:center;
  604. }
  605.  
  606. .title{
  607. font-weight:bold;
  608. font-size:1.5em;
  609. margin:0 0 10px 0;
  610. }
  611.  
  612. .quote{
  613. font-weight:normal;
  614. font-size:16px;
  615. font-style:italic;
  616. margin:0 0 10px 0;
  617. }
  618.  
  619. .question{
  620. margin-bottom:10px;
  621. }
  622.  
  623. blockquote{
  624. margin:0 0 10px 10px;
  625. padding:0 0 0 10px;
  626. border-left:solid 1px #000;
  627. }
  628.  
  629.  
  630. .post .footer{
  631. margin:0;
  632. text-align:center;
  633. background: {color:accent bg};
  634. background-image: url('{image:accent bg}');
  635.         background-repeat: repeat;
  636.         background-size:{text:accent bg size}px;
  637. padding:5px;
  638. {block:iffooterborder}
  639. border: {text:border width}px {select:border style} {color:border color};
  640. {block:ifblackborder}border-width: 8px;-moz-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-webkit-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-o-border-image: url({"https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 fill round;{/block:ifblackborder}{block:ifwhiteborder}border-width: 8px;
  641. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  642. 8 round;
  643. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  644. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  645. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  646. 8 fill round;{/block:ifwhiteborder}
  647.   {block:ifrainbowborder}
  648.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  649.   border-image-slice: 1;
  650.                 {/block:ifrainbowborder}
  651. {/block:iffooterborder}
  652. box-sizing: border-box;        
  653. }
  654.  
  655.  
  656. ol.notes{
  657. list-style-type:none;
  658. padding:0px;
  659. margin-top:10px;
  660. overflow:auto;
  661. max-height:250px;
  662. }
  663.  
  664. ol.notes li.note img{
  665. width:16px;
  666. height:16px;
  667. }
  668.  
  669. ol.notes li.note{
  670. margin:0px;
  671. }
  672.  
  673. {block:ifhovertags}
  674.     .tags {
  675.    max-height:0px;
  676.    text-align:center;
  677.    opacity:0;
  678.     -webkit-transition: all 0.7s ease;
  679.    transition: all 0.7s ease;
  680.    -moz-transition: all 0.7s ease;
  681.    -o-transition: all 0.7s ease;}    
  682.  
  683. .post:hover .tags{
  684.        background: {color:accent bg};
  685. background-image: url('{image:accent bg}');
  686.         background-repeat: repeat;
  687.         background-size:{text:accent bg size}px;
  688. padding:5px;
  689. {block:iffooterborder}
  690. border: {text:border width}px {select:border style} {color:border color};
  691. {block:ifblackborder}border-width: 8px;-moz-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-webkit-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-o-border-image: url({"https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 fill round;{/block:ifblackborder}{block:ifwhiteborder}border-width: 8px;
  692. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  693. 8 round;
  694. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  695. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  696. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  697. 8 fill round;{/block:ifwhiteborder}
  698.   {block:ifrainbowborder}
  699.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  700.   border-image-slice: 1;
  701.                 {/block:ifrainbowborder}
  702. {/block:iffooterborder}
  703. box-sizing: border-box;  
  704.         {block:ifround}
  705. border-radius:5px;
  706. {/block:ifround}
  707.             margin-top:10px;
  708.    opacity:1;
  709.    max-height:500px;
  710.    -webkit-transition: all 0.7s ease;
  711.    transition: all 0.7s ease;
  712.    -moz-transition: all 0.7s ease;
  713.    -o-transition: all 0.7s ease;}
  714. {/block:ifhovertags}
  715.  
  716. {CustomCSS}
  717. </style>
  718. </head>
  719.  
  720. <body>
  721. <div id="wrapper">
  722.  
  723. {block:ifcustomcursor}
  724. <style>body, a, a:hover { cursor:url({image:custom cursor}), auto; }</style>
  725. {/block:ifcustomcursor}
  726.  
  727. <div id="sidebar">
  728. <img src="{image:sidebar}">
  729.  
  730. <div id="links">
  731.  {block:iflink1url}<a href="{text:link 1 url}">{block:iflink1name}{text:link 1 name}{/block:iflink1name}{block:ifnotlink1name}{text:link 1 url}{/block:ifnotlink1name}</a>{/block:iflink1url}{block:iflink2url} {text:divider} <a href="{text:link 2 url}">{block:iflink2name}{text:link 2 name}{/block:iflink2name}{block:ifnotlink2name}{text:link 2 url}{/block:ifnotlink2name}</a>{/block:iflink2url}{block:iflink3url} {text:divider} <a href="{text:link 3 url}">{block:iflink3name}{text:link 3 name}{/block:iflink3name}{block:ifnotlink3name}{text:link 3 url}{/block:ifnotlink3name}</a>{/block:iflink3url}
  732. </div>
  733.  
  734.  
  735.  
  736. {block:HasPages}
  737. {block:Pages}
  738. <a href="{URL}">{Label}</a><br>
  739. {/block:Pages}
  740. {/block:HasPages}
  741. </div>
  742.  
  743.  
  744. <div id="descwiption">
  745. <marquee scrollamount="15">{text:desc}</marquee></div>
  746.  
  747.  
  748. <div id="content">
  749. {block:Posts}
  750.  
  751. <div class="post">
  752.  
  753. {block:Text}
  754. {block:Title}
  755. <div class="title">{Title}</div>
  756. {/block:Title}
  757. {Body}
  758. {/block:Text}
  759.  
  760. {block:Photo}
  761. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  762. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  763. {/block:Photo}
  764.  
  765. {block:Photoset}
  766. <div class="media">{Photoset}</div>
  767. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  768. {/block:Photoset}
  769.  
  770. {block:Quote}
  771. <div class="quote">"{Quote}"</div>
  772. {block:Source}
  773. <div class="quotesource">{Source}</div>
  774. {/block:Source}
  775. {/block:Quote}
  776.  
  777. {block:Link}
  778. <div class="title"><a href="{URL}">{Name}</a></div>
  779. {block:Description}
  780. <div class="description">{Description}</div>
  781. {/block:Description}
  782. {/block:Link}
  783.  
  784. {block:Chat}
  785. {block:Title}
  786. <div class="title">{Title}</div>
  787. {/block:Title}
  788.  
  789. {block:Lines}
  790. <div class="{Alt} user_{UserNumber}">
  791. {block:Label}
  792. <b>{Label}</b>{/block:Label}
  793. &nbsp;{Line}
  794. </div>
  795. {/block:Lines}
  796. {/block:Chat}
  797.  
  798. {block:Video}
  799. <div class="media">{Video-400}</div>
  800. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  801. {/block:Video}
  802.  
  803.     {block:Audio}
  804.     <div class="media">
  805.     {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  806.     </div>
  807.     {block:Caption}{Caption}{/block:Caption}
  808.     {/block:Audio}
  809.                
  810. {block:Answer}
  811. <div class="question" style="font-style:italic;">{Asker}: {Question}</div>
  812. <div class="caption">{Answer}</div>
  813. {/block:Answer}
  814.  
  815.  
  816. {block:Date}
  817. <div class="footer">
  818. <a href="{Permalink}"><a href="{Permalink}" title="{monthnumberwithzero}.{dayofmonthwithzero}.{year}">{notecount}{text:notes label}</a> <img src="{image:footer pixel}"> <a href="{ReblogURL}" class="reblog" target="_blank" title="REBLOG">↻</a>
  819.  
  820. <!-- {block:NoRebloggedFrom}
  821. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  822. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  823. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  824. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  825. {/block:ContentSource}</div>
  826.  
  827. {block:HasTags}<div class="tags"> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  828.  
  829.  
  830. {block:PermalinkPage}
  831. {block:NoteCount}
  832. {block:PostNotes}{PostNotes}{/block:PostNotes}
  833. {/block:NoteCount}
  834. {/block:PermalinkPage}
  835. {/block:Date}
  836.  
  837. </div>
  838. {/block:Posts}
  839.  
  840. {block:Pagination}
  841. <div id="nav">
  842. {block:PreviousPage}<a href="{PreviousPage}">{text:previouspage}</a> {/block:PreviousPage}
  843.  
  844. {block:NextPage}<a href="{NextPage}">{text:nextpage}</a>{/block:NextPage}
  845. </div>
  846. {/block:Pagination}
  847. </div>
  848. </div>
  849.  
  850. </div>
  851.  
  852. <a style="position:fixed;left:3px;bottom:3px;" <a href="https://noodle.tumblr.com/" title="THEME X BY X ANNIE">✡</a>
  853.  
  854.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  855.         <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  856.  
  857.     </body>
  858. </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!