API tools faq
paste
Advertisement
togahimiko

daze days theme

togahimiko
Jul 31st, 2019
2,447
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 26.69 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. DAZE DAYS THEME BY ANNIE @NOODLE
  6.  
  7. happy august 15th! kagepro day! i can't believe i got into this series when it was still only vocaloid songs n now im an adult who can say they really watched this series grow so much!! also i'm moving into college today. it's also the [REDACTED BECAUSE I DONT WANNA REVEAL MY TRAGIC BACKSTORY ON PASTEBIN BUT BASICALLY ITS SETOS BACKSTORY]
  8.  
  9. special thanks to the amazing morgan @082 for helping me with the changing description thing code :3
  10. ----->
  11.  
  12. {block:ifblobs}
  13. <script type="text/javascript">
  14. // <![CDATA[
  15. var colour="{color:blob color}"; // what colour are the blobs
  16. var speed=66; // speed of animation, lower is faster
  17. var blobs=20; // how many blobs are in the jar
  18. var charc="{text:blob}"; // a blob - can be changed to charc='hello' or charc='*' for a different effect
  19.  
  20. /***************************\
  21. *   Blobs in a Jar Effect   *
  22. *(c)2012-13 mf2fm web-design*
  23. *  http://www.mf2fm.com/rv  *
  24. * DON'T EDIT BELOW THIS BOX *
  25. \***************************/
  26.  
  27. var div;
  28. var xpos=new Array();
  29. var ypos=new Array();
  30. var zpos=new Array();
  31. var dx=new Array();
  32. var dy=new Array();
  33. var dz=new Array();
  34. var blob=new Array();
  35. var swide=800;
  36. var shigh=600;
  37. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  38.  
  39. function addLoadEvent(funky) {
  40.  var oldonload=window.onload;
  41.  if (typeof(oldonload)!='function') window.onload=funky;
  42.  else window.onload=function() {
  43.    if (oldonload) oldonload();
  44.    funky();
  45.  }
  46. }
  47.  
  48. addLoadEvent(fill_the_jar);
  49.  
  50. function fill_the_jar() {
  51.     var i, dvs;
  52.     div=document.createElement('div');
  53.     dvs=div.style;
  54.     dvs.position='fixed';
  55.     dvs.left='0px';
  56.     dvs.top='0px';
  57.     dvs.width='1px';
  58.     dvs.height='1px';
  59.     document.body.appendChild(div);
  60.     set_width();
  61.     for (i=0; i<blobs; i++) {
  62.       add_blob(i);
  63.       jamjar(i);
  64.     }
  65. }
  66.  
  67. function add_blob(ref) {
  68.     var dv, sy;
  69.     dv=document.createElement('div');
  70.     sy=dv.style;
  71.     sy.position='absolute';
  72.     sy.textAlign='center';
  73.    if (ie_version && ie_version<10) {
  74.       sy.fontSize="10px";
  75.       sy.width="100px";
  76.       sy.height="100px";
  77.       sy.paddingTop="40px";
  78.       sy.color=colour;
  79.      dv.appendChild(document.createTextNode(charc));
  80.     }
  81.     else if (ie_version) {
  82.       sy.fontSize="1px";
  83.       sy.width="0px";
  84.       sy.height="0px";
  85.     }
  86.     else {
  87.       dv.appendChild(document.createTextNode(charc));
  88.       sy.color='rgba(0,0,0,0)';
  89.     }
  90.     ypos[ref]=Math.floor(shigh*Math.random());
  91.     dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  92.     xpos[ref]=Math.floor(swide*Math.random());
  93.     dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  94.     zpos[ref]=Math.random()*20;
  95.     dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  96.     blob[ref]=dv;
  97.     div.appendChild(blob[ref]);
  98.     set_blob(ref);
  99. }
  100.  
  101. function rejig(ref, xy) {
  102.  if (xy=='y') {
  103.     dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  104.    dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  105.  }
  106.  else {
  107.    dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  108.     dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  109.  }
  110. }
  111.  
  112. function sign(a) {
  113.  if (a<0) return (-2);
  114.  else if (a>0) return (2);
  115.  else return (0);
  116. }
  117.  
  118. function set_blob(ref) {
  119.     var sy;
  120.     sy=blob[ref].style;
  121.     sy.top=ypos[ref]+'px';
  122.     sy.left=xpos[ref]+'px';
  123.    if (ie_version && ie_version<10) {
  124.       sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  125.       sy.fontSize=30-zpos[ref]+"px";
  126.     }
  127.     else if (ie_version) {
  128.       sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  129.     }
  130.     else {
  131.       sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  132.       sy.fontSize=40+zpos[ref]+'px';
  133.     }
  134. }
  135.  
  136. function jamjar(ref) {
  137.     if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  138.     ypos[ref]+=dy[ref];
  139.     if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  140.     xpos[ref]+=dx[ref];
  141.     if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  142.     zpos[ref]+=dz[ref];
  143.     set_blob(ref);
  144.     setTimeout("jamjar("+ref+")", speed);
  145. }
  146.  
  147. window.onresize=set_width;
  148. function set_width() {
  149.  var sw_min=999999;
  150.  var sh_min=999999;
  151.  if (document.documentElement && document.documentElement.clientWidth) {
  152.    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  153.    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  154.  }
  155.  if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  156.    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  157.    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  158.  }
  159.  if (document.body.clientWidth) {
  160.    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  161.    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  162.  }
  163.  if (sw_min==999999 || sh_min==999999) {
  164.    sw_min=800;
  165.    sh_min=600;
  166.  }
  167.  swide=sw_min;
  168.  shigh=sh_min;
  169. }
  170. // ]]>
  171. </script>{/block:ifblobs}
  172.  
  173. {block:ifrainbowlinks}
  174. <script type='text/javascript'>
  175. //<![CDATA[
  176. var rate = 50;
  177. if (document.getElementById)
  178. window.onerror=new Function("return true")
  179.  
  180. var objActive; // The object which event occured in
  181. var act = 0; // Flag during the action
  182. var elmH = 0; // Hue
  183. var elmS = 128; // Saturation
  184. var elmV = 255; // Value
  185. var clrOrg; // A color before the change
  186. var TimerID; // Timer ID
  187. if (document.all) {
  188. document.onmouseover = doRainbowAnchor;
  189. document.onmouseout = stopRainbowAnchor;
  190. }
  191. else if (document.getElementById) {
  192. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  193. document.onmouseover = Mozilla_doRainbowAnchor;
  194. document.onmouseout = Mozilla_stopRainbowAnchor;
  195. }
  196. function doRainbow(obj)
  197. {
  198. if (act == 0) {
  199. act = 1;
  200. if (obj)
  201. objActive = obj;
  202. else
  203. objActive = event.srcElement;
  204. clrOrg = objActive.style.color;
  205. TimerID = setInterval("ChangeColor()",100);
  206. }
  207. }
  208. function stopRainbow()
  209. {
  210. if (act) {
  211. objActive.style.color = clrOrg;
  212. clearInterval(TimerID);
  213. act = 0;
  214. }
  215. }
  216. function doRainbowAnchor()
  217. {
  218. if (act == 0) {
  219. var obj = event.srcElement;
  220. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  221. obj = obj.parentElement;
  222. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  223. break;
  224. }
  225. if (obj.tagName == 'A' && obj.href != '') {
  226. objActive = obj;
  227. act = 1;
  228. clrOrg = objActive.style.color;
  229. TimerID = setInterval("ChangeColor()",100);
  230. }
  231. }
  232. }
  233. function stopRainbowAnchor()
  234. {
  235. if (act) {
  236. if (objActive.tagName == 'A') {
  237. objActive.style.color = clrOrg;
  238. clearInterval(TimerID);
  239. act = 0;
  240. }
  241. }
  242. }
  243. function Mozilla_doRainbowAnchor(e)
  244. {
  245. if (act == 0) {
  246. obj = e.target;
  247. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  248. obj = obj.parentNode;
  249. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  250. break;
  251. }
  252. if (obj.nodeName == 'A' && obj.href != '') {
  253. objActive = obj;
  254. act = 1;
  255. clrOrg = obj.style.color;
  256. TimerID = setInterval("ChangeColor()",100);
  257. }
  258. }
  259. }
  260. function Mozilla_stopRainbowAnchor(e)
  261. {
  262. if (act) {
  263. if (objActive.nodeName == 'A') {
  264. objActive.style.color = clrOrg;
  265. clearInterval(TimerID);
  266. act = 0;
  267. }
  268. }
  269. }
  270. function ChangeColor()
  271. {
  272. objActive.style.color = makeColor();
  273. }
  274. function makeColor()
  275. {
  276. // Don't you think Color Gamut to look like Rainbow?
  277. // HSVtoRGB
  278. if (elmS == 0) {
  279. elmR = elmV; elmG = elmV; elmB = elmV;
  280. }
  281. else {
  282. t1 = elmV;
  283. t2 = (255 - elmS) * elmV / 255;
  284. t3 = elmH % 60;
  285. t3 = (t1 - t2) * t3 / 60;
  286. if (elmH < 60) {
  287. elmR = t1; elmB = t2; elmG = t2 + t3;
  288. }
  289. else if (elmH < 120) {
  290. elmG = t1; elmB = t2; elmR = t1 - t3;
  291. }
  292. else if (elmH < 180) {
  293. elmG = t1; elmR = t2; elmB = t2 + t3;
  294. }
  295. else if (elmH < 240) {
  296. elmB = t1; elmR = t2; elmG = t1 - t3;
  297. }
  298. else if (elmH < 300) {
  299. elmB = t1; elmG = t2; elmR = t2 + t3;
  300. }
  301. else if (elmH < 360) {
  302. elmR = t1; elmG = t2; elmB = t1 - t3;
  303. }
  304. else {
  305. elmR = 0; elmG = 0; elmB = 0;
  306. }
  307. }
  308. elmR = Math.floor(elmR).toString(16);
  309. elmG = Math.floor(elmG).toString(16);
  310. elmB = Math.floor(elmB).toString(16);
  311. if (elmR.length == 1) elmR = "0" + elmR;
  312. if (elmG.length == 1) elmG = "0" + elmG;
  313. if (elmB.length == 1) elmB = "0" + elmB
  314. elmH = elmH + rate;
  315. if (elmH >= 360)
  316. elmH = 0;
  317. return '#' + elmR + elmG + elmB;
  318. }
  319. //]]>
  320. </script>
  321. {/block:ifrainbowlinks}
  322.  
  323. <meta charset="utf-8">
  324. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  325. {block:Description}
  326. <meta name="description" content="{MetaDescription}" />
  327. {/block:Description}
  328.    
  329. <title>{Title}</title>
  330.        
  331. <link rel="shortcut icon" href="{image:favicon}">
  332. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  333. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  334.  
  335. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  336.  
  337. <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>
  338.  
  339. <link href="https://fonts.googleapis.com/css?family=Karla|Kosugi+Maru|Kosugi|Roboto|Roboto+Mono|Short+Stack|Inconsolata|Lacquer|Single+Day|Pangolin" rel="stylesheet">
  340.  
  341. <meta name="image:sidebar">
  342. <meta name="image:favicon">
  343. <meta name="image:bg">
  344. <meta name="image:post bg">
  345. <meta name="image:footer pixel">
  346. <meta name="color:bg">
  347. <meta name="color:post bg">
  348. <meta name="color:post hover glow">
  349. <meta name="color:text">
  350. <meta name="color:link">
  351. <meta name="color:link hover">
  352. <meta name="color:text glow">
  353. <meta name="color:link glow">
  354. <meta name="color:link glow hover">
  355. <meta name="color:border color">
  356. <meta name="color:blob color">
  357. <meta name="color:selection bg">
  358. <meta name="color:selection text">
  359.  
  360.  
  361. <meta name="select:link decoration" content="none">
  362. <meta name="select:link decoration" content="underline">
  363. <meta name="select:align things" content="center">
  364. <meta name="select:align things" content="left">
  365. <meta name="select:align things" content="right">
  366. <meta name="select:sidebar width" content="200px">
  367. <meta name="select:sidebar width" content="250px">
  368. <meta name="select:sidebar width" content="300px">
  369. <meta name="select:border style" content="none">
  370. <meta name="select:border style" content="solid">
  371. <meta name="select:border style" content="dashed">
  372. <meta name="select:border style" content="dotted">
  373. <meta name="select:border style" content="double">
  374. <meta name="select:border style" content="inset">
  375. <meta name="select:border style" content="outset">
  376. <meta name="select:border style" content="groove">
  377. <meta name="select:border style" content="ridge">
  378. <meta name="if:rainbow border">
  379.  
  380. <meta name="if:round">
  381. <meta name="if:post border">
  382. <meta name="if:sidebar border">
  383. <meta name="if:circle sidebar">
  384. <meta name="if:heart sidebar">
  385. <meta name="if:text glow">
  386. <meta name="if:link glow">
  387. <meta name="if:link border">
  388. <meta name="if:bold links">
  389. <meta name="if:rainbow links">
  390. <meta name="if:cover bg">
  391. <meta name="if:blobs">
  392. <meta name="if:redirect">
  393.  
  394. <meta name="text:font size" content="12">
  395. <meta name="text:font" content="">
  396. <meta name="text:desc 1" content="">
  397. <meta name="text:desc 2" content="">
  398. <meta name="text:desc 3" content="">
  399. <meta name="text:desc 4" content="">
  400. <meta name="text:sidebar hover" content="">
  401. <meta name="text:border width" content="4px">
  402. <meta name="text:link 1 name" content="link 1">
  403. <meta name="text:link 2 name" content="link 2">
  404. <meta name="text:link 3 name" content="link 3">
  405. <meta name="text:link 1 url" content="/">
  406. <meta name="text:link 2 url" content="/">
  407. <meta name="text:link 3 url" content="/">
  408. <meta name="text:blob" content="?">
  409. <meta name="text:previouspage" content="previous">
  410. <meta name="text:nextpage" content="next">
  411. <meta name="text:redirect" content=""/>
  412.  
  413.        
  414. <style type="text/css">
  415.  
  416.  
  417. ::selection {
  418. background: {color:selection bg};
  419. color:{color:selection text};
  420. }
  421. ::-moz-selection {
  422. background: {color:selection bg};
  423. color:{color:selection text};
  424. }
  425.  
  426. ::-webkit-scrollbar {
  427. width: 16px;
  428. height: 10px;
  429. }
  430. ::-webkit-scrollbar-thumb {
  431. background-color: #fff;
  432. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  433. border-top: 1px solid #bdbdbd;
  434. border-left: 1px solid #bdbdbd;
  435. border-right: 1px solid black;
  436. border-bottom: 1px solid black;
  437. }
  438. ::-webkit-scrollbar-track {
  439. background-color: #fff;
  440. background-image: url(https://i.imgur.com/IGXGYKz.png);
  441. }
  442. ::-webkit-scrollbar-button:vertical:increment {
  443. background-image: url(https://i.imgur.com/WhC8iy3.png);
  444. width: 14px;
  445. height: 16px;
  446. border-top: 1px solid #bdbdbd;
  447. border-left: 1px solid #bdbdbd;
  448. border-right: 1px solid black;
  449. border-bottom: 1px solid black;
  450. }
  451. ::-webkit-scrollbar-button:vertical:decrement {
  452. background-image: url(https://i.imgur.com/fQ18mrR.png);
  453. border-top: 1px solid #bdbdbd;
  454. border-left: 1px solid #bdbdbd;
  455. border-right: 1px solid black;
  456. border-bottom: 1px solid black;
  457. width: 14px;
  458. height: 16px;
  459. }
  460.  
  461. .iframe-controls--desktop {
  462.    position:fixed;
  463.    top:0px;
  464.    right:0px;
  465.    z-index:214748364789123456789;
  466.    filter:invert(100%);
  467.    -webkit-filter:invert(100%);  
  468.    -webkit-transform:scale(0.6,0.6);
  469.    -webkit-transform-origin: 100% 0%;
  470.    -ms-transform-origin:100% 0%;
  471.    -ms-transform:scale(0.6,0.6);
  472.    transform:scale(0.6,0.6);
  473.    transform-origin:100% 0%;
  474. }
  475.  
  476.     .tooltip {
  477. display: inline;
  478. position: relative;
  479. }
  480.  
  481.     #s-m-t-tooltip {
  482.         z-index:99999999999999999;
  483.         max-width: 300px;
  484.         margin: 20px;
  485.         padding:5px;
  486. background-color:rgba(0,0,0,0.5);
  487. color:white;
  488.         transition: 0.2s;
  489.         text-align:center;
  490.         {block:ifround}
  491. border-radius:5px;
  492. {/block:ifround}
  493.     }
  494.  
  495. body {
  496. background-color: {color:bg};
  497. background-image: url('{image:bg}');
  498.         {block:ifnotcoverbg}
  499.         background-repeat: repeat;
  500.         background-attachment: fixed;
  501.         {/block:ifnotcoverbg}
  502.         {block:ifcoverbg}
  503.         background-size: cover;
  504.         background-attachment: fixed;
  505.         {/block:ifcoverbg}
  506. font-family:{text:font};
  507. font-size:{text:font size}px;
  508. color:{color:text};
  509. {block:iftextglow}
  510. text-shadow: 0 0 2px {color:text glow};
  511. {/block:iftextglow}
  512. word-wrap:break-word;
  513. }
  514.  
  515. p{
  516. margin:0 0 5px 0;
  517. padding:10;
  518. }
  519.  
  520. pre {
  521. white-space: pre-wrap;
  522. white-space: -moz-pre-wrap;
  523. white-space: -pre-wrap;
  524. white-space: -o-pre-wrap;
  525. word-wrap: break-word;
  526. }
  527.  
  528. a{
  529. color:{color:link};
  530. text-decoration: {select:link decoration};
  531. {block:iflinkglow}
  532. text-shadow:0 0 2px {color:link glow},0 0 2px {color:link glow},0 0 2px {color:link glow},0 0 1px {color:link glow};
  533. {/block:iflinkglow}
  534. {block:iflinkborder}
  535. text-shadow: -1px 0  {color:link glow}, 0 1px  {color:link glow}, 1px 0  {color:link glow}, 0 -1px  {color:link glow};
  536. {/block:iflinkborder}
  537. {block:ifboldlinks}font-weight:bold;{/block:ifboldlinks}
  538. cursor:help;
  539. }
  540.  
  541. a:hover{
  542. color:{color:link hover};
  543. {block:iflinkglow}
  544. text-shadow:0 0 2px {color:link glow hover},0 0 2px {color:link glow hover},0 0 2px {color:link glow hover},0 0 1px {color:link glow hover};
  545. {/block:iflinkglow}
  546. {block:iflinkborder}
  547. 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};
  548. {/block:iflinkborder}
  549. transition:0.2s;
  550.       -o-transition: all 0.2s ease-out;
  551. -webkit-transition: all 0.2s ease-out;
  552. -moz-transition: all 0.2s ease-out;
  553. }
  554.  
  555. li{
  556. margin-left:-15px;
  557. }
  558.  
  559. #wrapper{
  560. width:900px;
  561. margin:30px auto;
  562. }
  563.  
  564. #sidebar{
  565. margin-left:-75px;
  566. margin-top:100px;
  567. width:{select:sidebar width};
  568. position:fixed;
  569. float:left;
  570. text-align:center;
  571. {block:ifsidebarborder}
  572. padding:5px;
  573. border: {text:border width}px {select:border style} {color:border color};
  574.   {block:ifrainbowborder}
  575.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  576.   border-image-slice: 1;
  577. {/block:ifrainbowborder}
  578. {/block:ifsidebarborder}
  579. padding-bottom:0px;
  580.         {block:ifround}
  581. border-radius:5px;
  582. {/block:ifround}
  583. {block:ifsidebarborder}
  584. background: {color:post bg};
  585. background-image: url('{image:post bg}');
  586.         background-repeat: repeat;
  587. {/block:ifsidebarborder}
  588. z-index:1;
  589. box-sizing: border-box;
  590. }
  591.  
  592. #sidebar:hover{
  593. -webkit-filter: drop-shadow(0 0 5px {color:post hover glow});
  594. transition:0.2s;
  595.       -o-transition: all 0.2s ease-out;
  596. -webkit-transition: all 0.2s ease-out;
  597. -moz-transition: all 0.2s ease-out;
  598. }
  599.  
  600. #sidebar img{
  601. max-width:100%;
  602. {block:ifround}
  603. border-radius:5px;
  604. {/block:ifround}
  605. {block:ifcirclesidebar}
  606. border-radius:100%;
  607. {/block:ifcirclesidebar}
  608. {block:ifheartsidebar}
  609. -webkit-mask-image: url(https://cdn.discordapp.com/attachments/291662432298860545/438850568765702144/guhhhhh.png);
  610. display:inline;
  611. {/block:ifheartsidebar}
  612. }
  613.  
  614. #desc{
  615. font-size:1.3em;
  616. line-height:100%;
  617. text-align:{select:align things};
  618. }
  619.  
  620. #desc:hover{
  621.       -webkit-filter: blur(0px);
  622.       -o-transition: all 0.1s ease-out;
  623. -webkit-transition: all 0.1s ease-out;
  624. -moz-transition: all 0.1s ease-out;
  625. }
  626.  
  627. #links {
  628. position: fixed;
  629. width: 100px;
  630. text-align: right;
  631. margin-left: -185px;
  632. margin-top:110px;
  633. direction: rtl;
  634. font-size:1.3em;
  635. z-index:1;
  636. box-sizing: border-box;
  637. }
  638.  
  639. #links a{
  640. line-height:225%;  
  641. {block:ifsidebarborder}
  642. padding:5px;
  643. border: {text:border width}px {select:border style} {color:border color};
  644.   {block:ifrainbowborder}
  645.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  646.   border-image-slice: 1;
  647. {/block:ifrainbowborder}
  648. {/block:ifsidebarborder}
  649.         {block:ifround}
  650. border-radius:5px;
  651. {/block:ifround}
  652. {block:ifsidebarborder}
  653. background: {color:post bg};
  654. background-image: url('{image:post bg}');
  655.         background-repeat: repeat;    
  656. {/block:ifsidebarborder}  
  657.  
  658. }
  659.  
  660. #links a:hover{
  661. -webkit-filter: drop-shadow(0 0 5px {color:post hover glow});
  662. -webkit-filter: drop-shadow(0 0 5px {color:post hover glow});
  663. transition:0.2s;
  664.       -o-transition: all 0.2s ease-out;
  665. -webkit-transition: all 0.2s ease-out;
  666. -moz-transition: all 0.2s ease-out;      
  667. }
  668.  
  669. #content {
  670.         width:500px;
  671.         margin-left:300px;
  672.     }
  673.  
  674. .post{
  675. position:relative;    
  676. {block:ifpostborder}    
  677. background: {color:post bg};
  678. background-image: url('{image:post bg}');
  679.         background-repeat: repeat;
  680. {/block:ifpostborder}        
  681. width:500px;
  682. margin: 0 0 50px 0;
  683. overflow:hidden;
  684. {block:ifpostborder}
  685. padding:5px;
  686. border: {text:border width}px {select:border style} {color:border color};
  687.   {block:ifrainbowborder}
  688.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  689.   border-image-slice: 1;
  690. {/block:ifrainbowborder}
  691. {/block:ifpostborder}
  692. {block:ifround}
  693. border-radius:5px;
  694. {/block:ifround}
  695. z-index:1;
  696. box-sizing: border-box;
  697. }
  698.  
  699. .post:hover{
  700. -webkit-filter: drop-shadow(0 0 5px {color:post hover glow});
  701. transition:0.2s;
  702.       -o-transition: all 0.2s ease-out;
  703. -webkit-transition: all 0.2s ease-out;
  704. -moz-transition: all 0.2s ease-out;    
  705. }
  706.  
  707. .post img{
  708. max-width:100%;
  709. height:auto;
  710. {block:ifround}
  711. border-radius:5px;
  712. {/block:ifround}
  713. }
  714.  
  715. #nav{
  716. position:relative;    
  717. margin:50px 0 0 0;
  718. font-size: 2em;
  719. text-align:center;
  720. width:500px;
  721. overflow:hidden;
  722. {block:ifpostborder}
  723. padding:5px;
  724. border: {text:border width}px {select:border style} {color:border color};
  725.   {block:ifrainbowborder}
  726.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  727.   border-image-slice: 1;
  728. {/block:ifrainbowborder}
  729. background: {color:post bg};
  730. background-image: url('{image:post bg}');
  731.         background-repeat: repeat;
  732. {/block:ifpostborder}
  733. {block:ifround}
  734. border-radius:5px;
  735. {/block:ifround}
  736. z-index:1;
  737. box-sizing: border-box;
  738. }
  739.  
  740. #nav:hover{
  741. -webkit-filter: drop-shadow(0 0 5px {color:post hover glow});
  742. transition:0.2s;
  743.       -o-transition: all 0.2s ease-out;
  744. -webkit-transition: all 0.2s ease-out;
  745. -moz-transition: all 0.2s ease-out;    
  746. }
  747.  
  748. .media{
  749. margin:0 0 10px 0;
  750. text-align:{select:align things};
  751. }
  752.  
  753. .playbutton {
  754.    position:relative;
  755.    margin-top:45px;
  756.    margin-left:44px;
  757.    z-index:9;
  758.    width:33px;
  759.    height:30px;
  760.    overflow:hidden;}
  761.  
  762. .albumart img {
  763.    position:relative;
  764.    margin-top:-75px;
  765.    margin-left:0px
  766.    height:120px;
  767.    width:120px;
  768. }
  769.    
  770.  .trackinfo {
  771.      padding:10px;
  772.      box-sizing: border-box;
  773.     background-color:rgba(0,0,0,0.5);
  774. color:white;
  775.    margin-bottom:0px;
  776.    top:-10px;
  777.    position:relative;
  778.    margin-left:120px;
  779.    height:120px;
  780.    margin-top:-120px;
  781.    overflow:auto;
  782.   {block:ifround}
  783. border-radius:5px;
  784. {/block:ifround}
  785.  }
  786.  
  787. .trackname {
  788.    position:relative;
  789.    padding-top:0px;
  790.    text-align:left;
  791.    text-transform:uppercase;
  792.    font-weight: bold;
  793.    letter-spacing:2px;}  
  794.  
  795. .artist {
  796.    text-align:left;
  797.    text-transform:uppercase;
  798.    letter-spacing:2px;}
  799.  
  800. .album {
  801.    text-align:left;
  802.    font-style: italic;
  803.    letter-spacing:4px;}  
  804.  
  805. .playcount {
  806.    font-weight: bold;
  807.    margin-top:5px;
  808.    text-align:left;
  809.    letter-spacing:2px;}
  810.  
  811. }
  812.  
  813. .title{
  814. font-weight:bold;
  815. font-size:1.3em;
  816. margin:0 0 10px 0;
  817. }
  818.  
  819. .quote{
  820. font-weight:normal;
  821. font-size:1.3em;
  822. margin:0 0 10px 0;
  823. }
  824.  
  825. .question{
  826. margin-bottom:10px;
  827. }
  828.  
  829. blockquote{
  830. margin:0 0 10px 10px;
  831. padding:0 0 0 10px;
  832. border-left:solid; 1px {color:text};
  833. }
  834.  
  835. blockquote img {max-width:100%;}
  836.  
  837. .post .footer{
  838. margin:0;
  839. text-align:{select:align things};
  840. }
  841.  
  842. ol.notes{
  843. list-style-type:none;
  844. padding:0px;
  845. margin-top:10px;
  846. overflow:auto;
  847. max-height:250px;
  848. }
  849.  
  850. ol.notes li.note img{
  851. width:16px;
  852. height:16px;
  853. }
  854.  
  855. ol.notes li.note{
  856. margin:0px;
  857. }
  858.  
  859. .tags{
  860. font-size:0.75em;    
  861. }
  862.  
  863. {CustomCSS}
  864. </style>
  865. </head>
  866.  
  867. <body>
  868.  
  869. {block:ifredirect}
  870. {block:IndexPage}<script type="text/javascript">
  871.     var url = location.href;
  872.     if (url == "{BlogURL}") {
  873.         window.location = "{BlogURL}tagged/{text:redirect}";
  874.     }
  875. </script>{/block:IndexPage}
  876. {/block:ifredirect}
  877.  
  878. <div id="wrapper">
  879.  
  880. <div id="links">
  881.  {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}<br><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}<br><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}
  882. </div>
  883.  
  884. <div id="sidebar">
  885.  <a href="/" title="{text:sidebar hover}"><img src="{image:sidebar}"></a>
  886.  
  887. <div id="desc">
  888. <script language="JavaScript" type="text/javascript">// <![CDATA[
  889. // <![CDATA[
  890. function random_imglink(){
  891. var myQuotes=new Array()
  892. //specify random images below. You can have as many as you wish
  893. myQuotes[1]="{text:desc 1}";
  894. myQuotes[2]="{text:desc 2}";
  895. myQuotes[3]="{text:desc 3}";
  896. myQuotes[4]="{text:desc 4}";
  897.  
  898. var ry=Math.floor(Math.random()*myQuotes.length)
  899. if (ry==0)
  900. ry=1
  901. document.write('<p>'+myQuotes[ry]+'</p>')
  902. }
  903. random_imglink()
  904. // ]]]]><![CDATA[>
  905. // ]]></script>
  906. </div>
  907.  
  908.  
  909. {block:HasPages}
  910. {block:Pages}
  911. <a href="{URL}">{Label}</a><br>
  912. {/block:Pages}
  913. {/block:HasPages}
  914. </div>
  915.  
  916.  
  917.  
  918. <div id="content">
  919. {block:Posts}
  920.  
  921. <div class="post">
  922.  
  923. {block:Text}
  924. {block:Title}
  925. <div class="title">{Title}</div>
  926. {/block:Title}
  927. {Body}
  928. {/block:Text}
  929.  
  930. {block:Photo}
  931. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  932. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  933. {/block:Photo}
  934.  
  935. {block:Photoset}
  936. <div class="media">{Photoset}</div>
  937. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  938. {/block:Photoset}
  939.  
  940. {block:Quote}
  941. <div class="quote">"{Quote}"</div>
  942. {block:Source}
  943. <div class="quotesource">{Source}</div>
  944. {/block:Source}
  945. {/block:Quote}
  946.  
  947. {block:Link}
  948. <div class="title"><a href="{URL}">{Name}</a></div>
  949. {block:Description}
  950. <div class="description">{Description}</div>
  951. {/block:Description}
  952. {/block:Link}
  953.  
  954. {block:Chat}
  955. {block:Title}
  956. <div class="title">{Title}</div>
  957. {/block:Title}
  958.  
  959. {block:Lines}
  960. <div class="{Alt} user_{UserNumber}">
  961. {block:Label}
  962. <b>{Label}</b>{/block:Label}
  963. &nbsp;{Line}
  964. </div>
  965. {/block:Lines}
  966. {/block:Chat}
  967.  
  968. {block:Video}
  969. <div class="media">{Video-400}</div>
  970. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  971. {/block:Video}
  972.  
  973. {block:Audio}
  974. {block:AudioPlayer}
  975. <div class="playbutton">{AudioPlayerGrey}</div>
  976. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  977. <div class="trackinfo">
  978. <div class="trackname">
  979. {block:TrackName}{TrackName}{/block:TrackName}
  980. </div>
  981. <div class="artist">
  982. {block:Artist}{Artist}{/block:Artist}
  983. </div>
  984. <div class="album">
  985. {block:Album}{Album}{/block:Album}
  986. </div>
  987. </div>
  988. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  989. {/block:AudioPlayer}
  990. {/block:Audio}
  991.                
  992. {block:Answer}
  993. <div class="question" style="font-style:italic;"><strong>{Asker}</strong>: {Question}</div>
  994. <div class="caption">{Answer}</div>
  995. {/block:Answer}
  996.  
  997.  
  998. {block:Date}
  999. <div class="footer">
  1000. <a href="{Permalink}"><a href="{Permalink}" title="{notecount}%">{24hourwithzero}:{minutes}</a> <img src="{image:footer pixel}"> <a href="{ReblogURL}" class="reblog" target="_blank" title="REBLOG">↻</a>
  1001.  
  1002. <!-- {block:NoRebloggedFrom}
  1003. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1004. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  1005. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1006. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1007. {/block:ContentSource}
  1008.  
  1009.  <div class="tags"> {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1010.  
  1011. </div>
  1012.  
  1013. {block:PermalinkPage}
  1014. {block:NoteCount}
  1015. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {/block:RebloggedFrom}{block:ContentSource} x <a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
  1016. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1017. {/block:NoteCount}
  1018. {/block:PermalinkPage}
  1019. {/block:Date}
  1020.  
  1021. </div>
  1022. {/block:Posts}
  1023.  
  1024. {block:Pagination}
  1025. <div id="nav">
  1026. {block:PreviousPage}<a href="{PreviousPage}">{text:previouspage}</a> {/block:PreviousPage}
  1027.  
  1028. {block:NextPage}<a href="{NextPage}">{text:nextpage}</a>{/block:NextPage}
  1029. </div>
  1030. {/block:Pagination}
  1031. </div>
  1032. </div>
  1033.  
  1034. </div>
  1035.  
  1036. <a style="position:fixed;left:3px;bottom:3px;" <a href="https://noodle.tumblr.com/" title="annie with the red eyes">✡</a>
  1037.  
  1038.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  1039.         <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  1040.  
  1041.     </body>
  1042. </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!