API tools faq
paste
togahimiko

absolute hope birthday theme

togahimiko
Apr 27th, 2019
2,448
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 29.91 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. KOMAEDA AND ANNIE'S SUPER EPIC ONCE IN A LIFETIME FINGERS IN HIS ABSOLUTE HOPE 18TH BIRTHDAY SUNDAY THEME BY ANNIE @NOODLE
  6.  
  7. IT'S SUNDAY APRIL 28 2019 AND I'M 18 NOW LOL. YOU THINK YOU'RE LUCKY? I SHARE A BIRTHDAY WITH KING KOMAEDA AND MY 18TH IS A SUNDAY. FUCK ALL LIFE. I LOST MY TOMODACHI LIFE CARTRIDGE WHERE I MARRIED KOMAEDA. GO CRAZY. GO STUPID. KOMAEDA IS SKINNY. GET FUCKED UP. LOSE IT. STAN KOMAEDA. OVERCOME THE DESPAIR AND SHINE (I MISS YOU). THE ABSOLUTE HOPE IS A DIE HARD. ABSOLUTE HOPE'S BIRTHDAY.
  8.  
  9. (p.s. the header looks best if its 16:9 ratio)
  10. ----->
  11.  
  12. {block:ifrainbowdesc}
  13. <script type="text/javascript">
  14. // <![CDATA[
  15. var speed=100; // speed colours change, 1 second = 1000
  16. var glow=3; // can be set from '0' for no glow, to 10
  17. var raincol=new Array("#ff0000", "#ff5500", "#ffaa00", "#ffff00", "#aaff00", "#55ff00", "#00ff00", "#00ff55", "#00ffaa", "#00ffff", "#00aaff", "#0055ff", "#0000ff", "#5500ff", "#aa00ff", "#ff00ff", "#ff00aa", "#ff0055"); // change the colours if you want to
  18. var alink="http://www.mf2fm.com/rv/"; // page to link text to (set to ="" for no link)
  19.  
  20. /****************************
  21. *    Rainbow Text Effect    *
  22. *(c)2003-13 mf2fm web-design*
  23. *  http://www.mf2fm.com/rv  *
  24. * DON'T EDIT BELOW THIS BOX *
  25. ****************************/
  26. var rainbow, raintxt, raincnt=0;
  27.  
  28. function addLoadEvent(funky) {
  29.  var oldonload=window.onload;
  30.  if (typeof(oldonload)!='function') window.onload=funky;
  31.  else window.onload=function() {
  32.    if (oldonload) oldonload();
  33.    funky();
  34.  }
  35. }
  36.  
  37. addLoadEvent(regenbogen);
  38.  
  39. function regenbogen() { if (document.getElementById) {
  40.  var i, rainbeau;
  41.  rainbow=document.getElementById("rainbow");
  42.  raintxt=rainbow.firstChild.nodeValue;
  43.  while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
  44.  for (i=0; i<raintxt.length; i++) {
  45.    rainbeau=document.createElement("span");
  46.    rainbeau.setAttribute("id", "rain"+i);
  47.    rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
  48.    if (alink) {
  49.      rainbeau.style.cursor="pointer";
  50.      rainbeau.onclick=function() { top.location.href=alink; }
  51.    }
  52.    rainbow.appendChild(rainbeau);
  53.  }
  54.  rainbow=setInterval ("raining()", speed);
  55. }}
  56.  
  57. function raining() {
  58.  var i, c;
  59.  for (i=0; i<raintxt.length; i++) {
  60.    c=raincol[(i+raincnt)%raincol.length];
  61.    document.getElementById("rain"+i).style.color=c;
  62.     if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
  63.  }
  64.  raincnt++;
  65. }
  66. // ]]>
  67. </script>
  68. {/block:ifrainbowdesc}
  69.  
  70. {block:ifcursorhearts}
  71. <script type="text/javascript">
  72. // <![CDATA[
  73. var colours=new Array("{color:cursor hearts}"); // colours of the hearts
  74. var minisize=15; // smallest size of hearts in pixels
  75. var maxisize=30; // biggest size of hearts in pixels
  76. var hearts=69; // maximum number of hearts on screen
  77. var over_or_under="over"; // set to "over" for hearts to always be on top, or "under" to allow them to float behind other objects
  78.  
  79. /*****************************
  80. *JavaScript Love Heart Cursor*
  81. *  (c)2013+ mf2fm web-design *
  82. *   https://www.mf2fm.com/rv  *
  83. *  DON'T EDIT BELOW THIS BOX *
  84. *****************************/
  85. var x=ox=400;
  86. var y=oy=300;
  87. var swide=800;
  88. var shigh=600;
  89. var sleft=sdown=0;
  90. var herz=new Array();
  91. var herzx=new Array();
  92. var herzy=new Array();
  93. var herzs=new Array();
  94. var kiss=false;
  95.  
  96. if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  97.  var oldonload=window.onload;
  98.  if (typeof(oldonload)!='function') window.onload=funky;
  99.  else window.onload=function() {
  100.    if (oldonload) oldonload();
  101.    funky();
  102.  }
  103. }
  104.  
  105. addRVLoadEvent(mwah);
  106.  
  107. function mwah() { if (document.getElementById) {
  108.  var i, heart;
  109.  for (i=0; i<hearts; i++) {
  110.    heart=createDiv("auto", "auto");
  111.    heart.style.visibility="hidden";
  112.     heart.style.zIndex=(over_or_under=="over")?"1001":"0";
  113.    heart.style.color=colours[i%colours.length];
  114.     heart.style.pointerEvents="none";
  115.    if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)";
  116.    else heart.style.opacity=0.75;
  117.    heart.appendChild(document.createTextNode(String.fromCharCode(9829)));
  118.    document.body.appendChild(heart);
  119.    herz[i]=heart;
  120.     herzy[i]=false;
  121.  }
  122.  set_scroll();
  123.  set_width();
  124.  herzle();
  125. }}
  126.  
  127. function herzle() {
  128.  var c;
  129.  if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  130.    ox=x;
  131.    oy=y;
  132.    for (c=0; c<hearts; c++) if (herzy[c]===false) {
  133.       herz[c].firstChild.nodeValue=String.fromCharCode(9829);
  134.      herz[c].style.left=(herzx[c]=x-minisize/2)+"px";
  135.      herz[c].style.top=(herzy[c]=y-minisize)+"px";
  136.      herz[c].style.fontSize=minisize+"px";
  137.       herz[c].style.fontWeight='normal';
  138.      herz[c].style.visibility='visible';
  139.      herzs[c]=minisize;
  140.      break;
  141.    }
  142.  }
  143.  for (c=0; c<hearts; c++) if (herzy[c]!==false) blow_me_a_kiss(c);
  144.  setTimeout("herzle()", 40);
  145. }
  146.  
  147. document.onmousedown=pucker;
  148. document.onmouseup=function(){clearTimeout(kiss);};
  149.  
  150. function pucker() {
  151.  ox=-1;
  152.  oy=-1;
  153.  kiss=setTimeout('pucker()', 100);
  154. }
  155.  
  156. function blow_me_a_kiss(i) {
  157.  herzy[i]-=herzs[i]/minisize+i%2;
  158.  herzx[i]+=(i%5-2)/5;
  159.  if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) {
  160.    herz[i].style.visibility="hidden";
  161.    herzy[i]=false;
  162.  }
  163.  else if (herzs[i]>minisize+2 && Math.random()<.5/hearts) break_my_heart(i);
  164.  else {
  165.    if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px";
  166.    herz[i].style.top=herzy[i]+"px";
  167.    herz[i].style.left=herzx[i]+"px";
  168.  }
  169. }
  170.  
  171. function break_my_heart(i) {
  172.  var t;
  173.  herz[i].firstChild.nodeValue=String.fromCharCode(9676);
  174.  herz[i].style.fontWeight='bold';
  175.  herzy[i]=false;
  176.  for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
  177.  setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
  178. }
  179.  
  180. document.onmousemove=mouse;
  181. function mouse(e) {
  182.  if (e) {
  183.    y=e.pageY;
  184.    x=e.pageX;
  185.  }
  186.  else {
  187.    set_scroll();
  188.    y=event.y+sdown;
  189.    x=event.x+sleft;
  190.  }
  191. }
  192.  
  193. window.onresize=set_width;
  194. function set_width() {
  195.  var sw_min=999999;
  196.  var sh_min=999999;
  197.  if (document.documentElement && document.documentElement.clientWidth) {
  198.    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  199.    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  200.  }
  201.  if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  202.    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  203.    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  204.  }
  205.  if (document.body.clientWidth) {
  206.    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  207.    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  208.  }
  209.  if (sw_min==999999 || sh_min==999999) {
  210.    sw_min=800;
  211.    sh_min=600;
  212.  }
  213.  swide=sw_min;
  214.  shigh=sh_min;
  215. }
  216.  
  217. window.onscroll=set_scroll;
  218. function set_scroll() {
  219.  if (typeof(self.pageYOffset)=='number') {
  220.    sdown=self.pageYOffset;
  221.    sleft=self.pageXOffset;
  222.  }
  223.  else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  224.    sdown=document.body.scrollTop;
  225.    sleft=document.body.scrollLeft;
  226.  }
  227.  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  228.    sleft=document.documentElement.scrollLeft;
  229.    sdown=document.documentElement.scrollTop;
  230.  }
  231.  else {
  232.    sdown=0;
  233.    sleft=0;
  234.  }
  235. }
  236.  
  237. function createDiv(height, width) {
  238.  var div=document.createElement("div");
  239.  div.style.position="absolute";
  240.  div.style.height=height;
  241.  div.style.width=width;
  242.  div.style.overflow="hidden";
  243.  div.style.backgroundColor="transparent";
  244.  return (div);
  245. }
  246. // ]]>
  247. </script>
  248. {/block:ifcursorhearts}
  249.  
  250.  
  251. {block:ifrainbowlinks}
  252. <script type='text/javascript'>
  253. //<![CDATA[
  254. var rate = 50;
  255. if (document.getElementById)
  256. window.onerror=new Function("return true")
  257.  
  258. var objActive; // The object which event occured in
  259. var act = 0; // Flag during the action
  260. var elmH = 0; // Hue
  261. var elmS = 128; // Saturation
  262. var elmV = 255; // Value
  263. var clrOrg; // A color before the change
  264. var TimerID; // Timer ID
  265. if (document.all) {
  266. document.onmouseover = doRainbowAnchor;
  267. document.onmouseout = stopRainbowAnchor;
  268. }
  269. else if (document.getElementById) {
  270. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  271. document.onmouseover = Mozilla_doRainbowAnchor;
  272. document.onmouseout = Mozilla_stopRainbowAnchor;
  273. }
  274. function doRainbow(obj)
  275. {
  276. if (act == 0) {
  277. act = 1;
  278. if (obj)
  279. objActive = obj;
  280. else
  281. objActive = event.srcElement;
  282. clrOrg = objActive.style.color;
  283. TimerID = setInterval("ChangeColor()",100);
  284. }
  285. }
  286. function stopRainbow()
  287. {
  288. if (act) {
  289. objActive.style.color = clrOrg;
  290. clearInterval(TimerID);
  291. act = 0;
  292. }
  293. }
  294. function doRainbowAnchor()
  295. {
  296. if (act == 0) {
  297. var obj = event.srcElement;
  298. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  299. obj = obj.parentElement;
  300. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  301. break;
  302. }
  303. if (obj.tagName == 'A' && obj.href != '') {
  304. objActive = obj;
  305. act = 1;
  306. clrOrg = objActive.style.color;
  307. TimerID = setInterval("ChangeColor()",100);
  308. }
  309. }
  310. }
  311. function stopRainbowAnchor()
  312. {
  313. if (act) {
  314. if (objActive.tagName == 'A') {
  315. objActive.style.color = clrOrg;
  316. clearInterval(TimerID);
  317. act = 0;
  318. }
  319. }
  320. }
  321. function Mozilla_doRainbowAnchor(e)
  322. {
  323. if (act == 0) {
  324. obj = e.target;
  325. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  326. obj = obj.parentNode;
  327. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  328. break;
  329. }
  330. if (obj.nodeName == 'A' && obj.href != '') {
  331. objActive = obj;
  332. act = 1;
  333. clrOrg = obj.style.color;
  334. TimerID = setInterval("ChangeColor()",100);
  335. }
  336. }
  337. }
  338. function Mozilla_stopRainbowAnchor(e)
  339. {
  340. if (act) {
  341. if (objActive.nodeName == 'A') {
  342. objActive.style.color = clrOrg;
  343. clearInterval(TimerID);
  344. act = 0;
  345. }
  346. }
  347. }
  348. function ChangeColor()
  349. {
  350. objActive.style.color = makeColor();
  351. }
  352. function makeColor()
  353. {
  354. // Don't you think Color Gamut to look like Rainbow?
  355. // HSVtoRGB
  356. if (elmS == 0) {
  357. elmR = elmV; elmG = elmV; elmB = elmV;
  358. }
  359. else {
  360. t1 = elmV;
  361. t2 = (255 - elmS) * elmV / 255;
  362. t3 = elmH % 60;
  363. t3 = (t1 - t2) * t3 / 60;
  364. if (elmH < 60) {
  365. elmR = t1; elmB = t2; elmG = t2 + t3;
  366. }
  367. else if (elmH < 120) {
  368. elmG = t1; elmB = t2; elmR = t1 - t3;
  369. }
  370. else if (elmH < 180) {
  371. elmG = t1; elmR = t2; elmB = t2 + t3;
  372. }
  373. else if (elmH < 240) {
  374. elmB = t1; elmR = t2; elmG = t1 - t3;
  375. }
  376. else if (elmH < 300) {
  377. elmB = t1; elmG = t2; elmR = t2 + t3;
  378. }
  379. else if (elmH < 360) {
  380. elmR = t1; elmG = t2; elmB = t1 - t3;
  381. }
  382. else {
  383. elmR = 0; elmG = 0; elmB = 0;
  384. }
  385. }
  386. elmR = Math.floor(elmR).toString(16);
  387. elmG = Math.floor(elmG).toString(16);
  388. elmB = Math.floor(elmB).toString(16);
  389. if (elmR.length == 1) elmR = "0" + elmR;
  390. if (elmG.length == 1) elmG = "0" + elmG;
  391. if (elmB.length == 1) elmB = "0" + elmB
  392. elmH = elmH + rate;
  393. if (elmH >= 360)
  394. elmH = 0;
  395. return '#' + elmR + elmG + elmB;
  396. }
  397. //]]>
  398. </script>
  399. {/block:ifrainbowlinks}
  400.  
  401. <meta charset="utf-8">
  402. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  403. {block:Description}
  404. <meta name="description" content="{MetaDescription}" />
  405. {/block:Description}
  406.    
  407. <title>{Title}</title>
  408.        
  409. <link rel="shortcut icon" href="{image:favicon}">
  410. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  411. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  412.  
  413. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  414.  
  415. <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>
  416.  
  417. <link href="https://fonts.googleapis.com/css?family=Karla|Kosugi+Maru|Roboto|Short+Stack|Inconsolata" rel="stylesheet">
  418.  
  419. <meta name="image:header">
  420. <meta name="image:favicon">
  421. <meta name="image:static image">
  422. <meta name="image:bg">
  423. <meta name="image:header bg">
  424. <meta name="image:container bg">
  425. <meta name="image:post bg">
  426. <meta name="image:tooltip bg">
  427. <meta name="color:bg">
  428. <meta name="color:header bg">
  429. <meta name="color:container bg">
  430. <meta name="color:post bg">
  431. <meta name="color:tooltip bg">
  432. <meta name="color:text">
  433. <meta name="color:tooltip text">
  434. <meta name="color:link">
  435. <meta name="color:link hover">
  436. <meta name="color:text glow">
  437. <meta name="color:link glow">
  438. <meta name="color:link glow hover">
  439. <meta name="color:content glow">
  440. <meta name="color:tooltip glow">
  441. <meta name="color:header border color">
  442. <meta name="color:container border color">
  443. <meta name="color:post border color">
  444. <meta name="color:tooltip border color">
  445. <meta name="color:scrollbar">
  446. <meta name="color:selection bg">
  447. <meta name="color:selection text">
  448. <meta name="color:cursor hearts">
  449.  
  450.  
  451. <meta name="select:link decoration" content="none">
  452. <meta name="select:link decoration" content="underline">
  453. <meta name="if:content glow">
  454. <meta name="if:header glow" content="0">
  455. <meta name="select:border style" content="solid">
  456. <meta name="select:border style" content="dashed">
  457. <meta name="select:border style" content="dotted">
  458. <meta name="select:border style" content="double">
  459. <meta name="select:border style" content="inset">
  460. <meta name="select:border style" content="outset">
  461. <meta name="select:border style" content="groove">
  462. <meta name="select:border style" content="ridge">
  463. <meta name="if:blackborder" content="0">
  464. <meta name="if:whiteborder" content="0">
  465. <meta name="if:post border" content="0">
  466.  
  467. <meta name="if:cursor hearts">
  468. <meta name="if:round">
  469. <meta name="if:rounded header img">
  470. <meta name="if:rainbow desc">
  471. <meta name="if:blur desc">
  472. <meta name="if:italic desc">
  473. <meta name="if:bold links">
  474. <meta name="if:text glow">
  475. <meta name="if:link border">
  476. <meta name="if:rainbow links">
  477. <meta name="if:links drop shadow">
  478. <meta name="if:cover bg">
  479. <meta name="if:hover tags">
  480.  
  481. <meta name="text:font size" content="12px">
  482. <meta name="text:font" content="">
  483. <meta name="text:desc" content="">
  484. <meta name="text:desc hover tt thing" content="">
  485. <meta name="text:desc link" content="">
  486. <meta name="text:notes symbol">
  487. <meta name="text:header hover" content="stan toga">
  488. <meta name="text:border width" content="4px">
  489. <meta name="text:link divider" content="/">
  490. <meta name="text:previouspage" content="previous">
  491. <meta name="text:nextpage" content="next">
  492.  
  493. <meta name="text:image width" content="400"/>
  494. <meta name="text:image margin left" content="950"/>
  495. <meta name="text:image margin bottom" content="0"/>
  496.  
  497.        
  498. <style type="text/css">
  499.  
  500.  
  501. /*
  502. general text styles, fonts and colours
  503. */
  504.  
  505. ::selection {
  506. background: {color:selection bg};
  507. color:{color:selection text};
  508. }
  509. ::-moz-selection {
  510. background: {color:selection bg};
  511. color:{color:selection text};
  512. }
  513.  
  514.  ::-webkit-scrollbar {
  515.             width:3px;
  516.             height:0px;
  517.             background-color:transparent;
  518.             {block:ifround}
  519. border-radius:5px;
  520. {/block:ifround}
  521.         }
  522.  
  523. ::-webkit-scrollbar-thumb{
  524. background-color: {color:scrollbar};
  525. {block:ifround}
  526. border-radius:5px;
  527. {/block:ifround}
  528. }
  529.  
  530.     .tooltip {
  531. display: inline;
  532. position: relative;
  533. }
  534.  
  535.     #s-m-t-tooltip {
  536.         z-index:99999999999999999;
  537.         background: {color:tooltip bg};
  538.         background-image: url('{image:tooltip bg}');
  539.         color:{color:tooltip text};
  540.         max-width: 300px;
  541.         margin: 20px;
  542.         padding: 5px;
  543.         transition: 0.2s;
  544.         text-align:center;
  545.         {block:ifround}
  546. border-radius:5px;
  547. {/block:ifround}
  548. {block:ifcontentglow}
  549. box-shadow: 0 0 5px 5px {color:tooltip glow};
  550. {/block:ifcontentglow}
  551.         border: {text:border width} {select:border style} {color:tooltip border color};
  552. {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}
  553. {block:ifwhiteborder}border-width: 8px;
  554. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  555. 8 round;
  556. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  557. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  558. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  559. 8 fill round;{/block:ifwhiteborder}
  560.     }
  561.  
  562. body {
  563. background-color: {color:bg};
  564. background-image: url('{image:bg}');
  565.         {block:ifnotcoverbg}
  566.         background-repeat: repeat;
  567.         background-attachment: fixed;
  568.         {/block:ifnotcoverbg}
  569.         {block:ifcoverbg}
  570.         background-size: cover;
  571.         background-attachment: fixed;
  572.         {/block:ifcoverbg}
  573. font-family:{text:font};
  574. font-size:{text:font size}px;
  575. color:{color:text};
  576. {block:iftextglow}
  577. text-shadow:0 0 3px {color:text glow};
  578. {/block:iftextglow}
  579. word-wrap:break-word;
  580. }
  581.  
  582. p{
  583. margin:0 0 10px 0;
  584. padding:0;
  585. }
  586.  
  587. pre {
  588. white-space: pre-wrap;
  589. white-space: -moz-pre-wrap;
  590. white-space: -pre-wrap;
  591. white-space: -o-pre-wrap;
  592. word-wrap: break-word;
  593. }
  594.  
  595. a{
  596. color:{color:link};
  597. text-decoration: {select:link decoration};
  598. {block:iftextglow}
  599. text-shadow:0 0 3px {color:link glow};
  600. {/block:iftextglow}
  601. {block:iflinkborder}
  602. text-shadow: -1px 0  {color:link glow}, 0 1px  {color:link glow}, 1px 0  {color:link glow}, 0 -1px  {color:link glow};
  603. {/block:iflinkborder}
  604. {block:ifboldlinks}font-weight:bold;{/block:ifboldlinks}
  605. }
  606.  
  607. a:hover{
  608. color:{color:link hover};
  609. {block:iftextglow}
  610. text-shadow:0 0 3px {color:link glow hover};
  611. {/block:iftextglow}
  612. {block:iflinkborder}
  613. 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};
  614. {/block:iflinkborder}
  615. transition: 0.2s;
  616. {block:iflinksdropshadow}
  617. text-shadow: 5px 5px 5px {color:link glow hover};
  618. {/block:iflinksdropshadow}
  619.       -o-transition: all 0.1s ease-out;
  620. -webkit-transition: all 0.1s ease-out;
  621. -moz-transition: all 0.1s ease-out;
  622. }
  623.  
  624. li{
  625. margin-left:-15px;
  626. }
  627.  
  628. /*
  629. containers etc
  630. */
  631. #wrapper{
  632. width:500px;
  633. margin:25px auto;
  634. }
  635.  
  636. #header{
  637. max-width:440px;    
  638. width:auto;
  639. position:relative;
  640. text-align:center;
  641. {block:ifround}
  642. border-radius:5px;
  643. {/block:ifround}
  644. text-align:center;
  645. background: {color:header bg};
  646. background-image: url('{image:header bg}');
  647. {block:ifheaderglow}
  648.         box-shadow: 0 0 5px 5px {color:content glow};
  649.         {/block:ifheaderglow}
  650. border: {text:border width} {select:border style} {color:header border color};
  651. {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}
  652. {block:ifwhiteborder}border-width: 8px;
  653. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  654. 8 round;
  655. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  656. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  657. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  658. 8 fill round;{/block:ifwhiteborder}
  659. text-align:center;
  660. }
  661.  
  662. #desc{
  663. text-align:center;
  664. {block:ifblurdesc}    
  665. z-index:999999999999999999;
  666.     -webkit-filter:blur(1px);
  667. {/block:ifblurdesc}    
  668. {block:ifitalicdesc}    
  669. font-style:italic;    
  670. {/block:ifitalicdesc}
  671. line-height:100%;
  672. }
  673.  
  674. #desc:hover{
  675.       -webkit-filter: blur(0px);
  676.       -o-transition: all 0.1s ease-out;
  677. -webkit-transition: all 0.1s ease-out;
  678. -moz-transition: all 0.1s ease-out;
  679. }
  680.  
  681.  
  682. #header img{
  683. max-width:440px;
  684. {block:ifroundedheaderimg}
  685. border-radius:5px;
  686. {/block:ifroundedheaderimg}
  687. }
  688.  
  689.  
  690. #content {
  691. width: 420px;
  692. height:450px;
  693. padding: 10px;
  694. margin-top:40px;
  695. background: {color:container bg};
  696. background-image: url('{image:container bg}');
  697. overflow:scroll;
  698. border: {text:border width} {select:border style} {color:container border color};
  699. {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}
  700. {block:ifwhiteborder}border-width: 8px;
  701. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  702. 8 round;
  703. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  704. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  705. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  706. 8 fill round;{/block:ifwhiteborder}
  707. {block:ifround}
  708. border-radius:5px;
  709. {/block:ifround}
  710. {block:ifcontentglow}
  711.         box-shadow: 0 0 5px 5px {color:content glow};
  712.         {/block:ifcontentglow}
  713.     }
  714.  
  715. .post{
  716. background: {color:post bg};
  717. background-image: url('{image:post bg}');
  718. width:400px;
  719. margin: 0 0 10px 0;
  720. overflow:hidden;
  721. {block:ifround}
  722. border-radius:5px;
  723. {/block:ifround}
  724. padding:3px;
  725. {block:ifpostborder}
  726. border: {text:border width} {select:border style} {color:post border color};
  727. {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}
  728. {block:ifwhiteborder}border-width: 8px;
  729. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  730. 8 round;
  731. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  732. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  733. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  734. 8 fill round;{/block:ifwhiteborder}
  735. {/block:ifpostborder}
  736. }
  737.  
  738. .post img{
  739. max-width:100%;
  740. height:auto;
  741. {block:ifround}
  742. border-radius:5px
  743. {/block:ifround}
  744. }
  745.  
  746. #nav{
  747. margin:20px 0 0 0;
  748. font-size: 2em;
  749. text-align:center;
  750. }
  751.  
  752. .simple-player iframe, .audio_player iframe, .size, .size iframe {
  753. background: #fff;
  754. color: {color:text};
  755. width: 100%;
  756. }
  757.  
  758. .media{
  759. margin:0 0 10px 0;
  760. }
  761.  
  762. .title{
  763. font-weight:bold;
  764. font-size:1.5em;
  765. margin:0 0 10px 0;
  766. }
  767.  
  768. .quote{
  769. font-weight:normal;
  770. font-size:16px;
  771. font-style:italic;
  772. margin:0 0 10px 0;
  773. }
  774.  
  775. .question{
  776. margin-bottom:10px;
  777. }
  778.  
  779. blockquote{
  780. margin:0 0 10px 10px;
  781. padding:0 0 0 10px;
  782. border-left:solid 1px {color:text};
  783. }
  784.  
  785. /*
  786. post footers - date, tags, via and source
  787. */
  788. .footer{
  789. text-align:left;
  790. }
  791.  
  792. /*
  793. post notes
  794. */
  795. ol.notes{
  796. list-style-type:none;
  797. padding:0;
  798. margin:0;
  799. }
  800.  
  801. ol.notes li.note img{
  802. width:16px;
  803. height:16px;
  804. }
  805.  
  806. ol.notes li.note{
  807. margin:0px;
  808. }
  809.  
  810. {block:ifhovertags}
  811.   .tags {
  812.    max-height:0px;
  813.    text-align:left;
  814.    opacity:0;
  815.     -webkit-transition: all 0.7s ease;
  816.    transition: all 0.7s ease;
  817.    -moz-transition: all 0.7s ease;
  818.    -o-transition: all 0.7s ease;}    
  819.  
  820. .post:hover .tags{
  821.    opacity:1;
  822.    max-height:300px;
  823.    -webkit-transition: all 0.7s ease;
  824.    transition: all 0.7s ease;
  825.    -moz-transition: all 0.7s ease;
  826.    -o-transition: all 0.7s ease;}
  827.  {/block:ifhovertags}
  828.  
  829. {CustomCSS}
  830. </style>
  831. </head>
  832.  
  833. <body>
  834. <div id="wrapper">
  835.  
  836.  
  837. <div id="header">
  838.  <a href="/" title="{text:header hover}"><img src="{image:header}" id="hmmm"></a>
  839. <div id="desc">
  840. <div align="center">
  841. {block:ifrainbowdesc}
  842. <p><a href="{text:desc link}" title="{text:desc hover tt thing}"><span id="rainbow">{text:desc}</a></span>{/block:ifrainbowdesc}
  843. {block:ifnotrainbowdesc}
  844. <a href="{text:desc link}" title="{text:desc hover tt thing}">{text:desc}</a></p>{/block:ifnotrainbowdesc}
  845. </div>
  846. </div>
  847.  
  848. {block:HasPages}
  849. {block:Pages}
  850. <a href="{URL}">{Label}</a><br>
  851. {/block:Pages}
  852. {/block:HasPages}
  853. </div>
  854.  
  855.  
  856.  
  857. <div id="content">
  858. {block:Posts}
  859.  
  860. <div class="post">
  861.  
  862. {block:Text}
  863. {block:Title}
  864. <div class="title">{Title}</div>
  865. {/block:Title}
  866. {Body}
  867. {/block:Text}
  868.  
  869. {block:Photo}
  870. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  871. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  872. {/block:Photo}
  873.  
  874. {block:Photoset}
  875. <div class="media">{Photoset-400}</div>
  876. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  877. {/block:Photoset}
  878.  
  879. {block:Quote}
  880. <div class="quote">"{Quote}"</div>
  881. {block:Source}
  882. <div class="quotesource">{Source}</div>
  883. {/block:Source}
  884. {/block:Quote}
  885.  
  886. {block:Link}
  887. <div class="title"><a href="{URL}">{Name}</a></div>
  888. {block:Description}
  889. <div class="description">{Description}</div>
  890. {/block:Description}
  891. {/block:Link}
  892.  
  893. {block:Chat}
  894. {block:Title}
  895. <div class="title">{Title}</div>
  896. {/block:Title}
  897.  
  898. {block:Lines}
  899. <div class="{Alt} user_{UserNumber}">
  900. {block:Label}
  901. <b>{Label}</b>{/block:Label}
  902. &nbsp;{Line}
  903. </div>
  904. {/block:Lines}
  905. {/block:Chat}
  906.  
  907. {block:Video}
  908. <div class="media">{Video-400}</div>
  909. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  910. {/block:Video}
  911.  
  912. {block:AudioPlayer}
  913. <div class="media">
  914. {block:AlbumArt}<img src="{AlbumArtURL}" style="width: 20%; float:left; ">{/block:AlbumArt}
  915. <div class="audioinfo" style="padding-left: 15px; padding-bottom: 5px; float:left;width: 65%;">
  916. {block:TrackName}{TrackName}<br>{/block:TrackName}
  917. {block:Artist}{Artist}<br>{/block:Artist}
  918. {block:Album}{Album}{/block:Album}
  919. </div>
  920. </div>
  921. {AudioPlayerWhite}
  922. {block:ifcaptions}
  923. {block:Caption}{Caption}{/block:Caption}
  924. {/block:ifcaptions}
  925. {/block:AudioPlayer}
  926.                
  927. {block:Answer}
  928. <div class="question">{Asker}: {Question}</div>
  929. <div class="caption">{Answer}</div>
  930. {/block:Answer}
  931.  
  932. {block:Date}
  933. <div class="footer">
  934. <a href="{Permalink}"><a href="{Permalink}" title="{timeago}">{notecount}{text:notes symbol}</a>
  935.  
  936. <!-- {block:NoRebloggedFrom}
  937. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  938. {/block:NoRebloggedFrom} -->
  939. {block:ContentSource}<!-- {SourceURL}
  940. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  941. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  942. {/block:ContentSource}
  943. <br>
  944. <div class="tags"> {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  945.  
  946. </div>
  947.  
  948. {block:PermalinkPage}
  949. {block:NoteCount}
  950. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> {/block:RebloggedFrom}{block:ContentSource} x <a href="{SourceURL}" title="{SourceTitle}"> source</a>{/block:ContentSource}
  951. <br>
  952. {block:PostNotes}{PostNotes}{/block:PostNotes}
  953. {/block:NoteCount}
  954. {/block:PermalinkPage}
  955. {/block:Date}
  956.  
  957. </div>
  958. {/block:Posts}
  959.  
  960.  
  961. {block:Pagination}
  962. <div id="nav">
  963. {block:PreviousPage}<a href="{PreviousPage}">{text:previouspage}</a> {/block:PreviousPage}
  964.  
  965. {block:NextPage}<a href="{NextPage}">{text:nextpage}</a>{/block:NextPage}
  966. </div>
  967. {/block:Pagination}
  968. </div>
  969. </div>
  970.  
  971. </div>
  972.  
  973. <div id="staticimage" style="position:fixed; bottom:{text:image margin bottom}px; z-index:-1; left:{text:image margin left}px;"><img src="{image:static image}"width="{text:image width}"></div>
  974.  
  975.  
  976. <a style="position:fixed;left:3px;bottom:3px;" <a href="https://noodle.tumblr.com/" title="happy birthday annie (me) & komaeda (husband)"><img src="https://pa1.narvii.com/6462/04a10583358b3c20b37725625082738eca550613_128.gif"</a>
  977.  
  978.  <!-----
  979. you can change the credit icon if u want but why would u
  980. srsly tho dont remove it or anything i worked so fucking hard on this
  981. ----->
  982.  
  983.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  984.         <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  985.  
  986.     </body>
  987. </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!