API tools faq
paste
togahimiko

hsm3 theme

togahimiko
May 18th, 2019
4,595
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 31.76 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. HIGH SCHOOL MUSICAL 3 SENIOR YEAR ENDING THEME BY ANNIE @NOODLE
  6.  
  7. alrght fellas we did it i graduated high school today (5.19.2019) !! i wanted to celebrate by releasing this epic theme i've been working on. also special thanks to @082 for inspiring the drop shadows<3
  8.  
  9. here we go come on alright little louder now hey! looking forward from center stage to graduation day time to get the future started what we leave, what we take with us no matter what it's something we're part of we learned to fly together side by side i just hope the rest of my life would feel as good as my high school musical who says we have to let it go? it's the best part we've ever known step into the future we'll hold on to high school musical let's celebrate where we come from with friends who've been there all along just like our high school, high school musical improvisation without a script no one's written it and now we have the chance to someday we'll be looking back memories we'll have all the songs that we lived through the best of times so why leave them behind? why can't the rest of my life be like my high school musical who says we have to let it go? it's the best part we've ever known step into the future we'll hold on to high school musical let's celebrate where we come from with friends who've been there all along that's right now we finally realize who we are, it just took some time we have to live and to learn to see the truth (learn to see the truth) nothing's ever impossible into the future we all free fall but forever we'll always have high school time to party now, celebrate 'cause the world's one big stage and any part you want, it can be yours everybody sing, yeah! and the show's never gonna close it's what it got us here, we know high school lives on forever more high school, high school musical high school musical who says we have to let it go? it's the best part we've ever known step into the future we'll hold on to high school musical let's celebrate where we come from with friends who've been there all along oh yeah i wish my life could feel like a high school musical who says we have to let it go? it's the best part we've ever known step into the future we'll hold on to high school musical let's celebrate where we come from all together makes it better memories that'll last forever i want the rest of my life to feel just like a high school musical
  10.  
  11. ----->
  12.  
  13. {block:ifrainbowtitle}
  14. <script type="text/javascript">
  15. // <![CDATA[
  16. var speed=100; // speed colours change, 1 second = 1000
  17. var glow=3; // can be set from '0' for no glow, to 10
  18. 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
  19. var alink="{text:title link}"; // page to link text to (set to ="" for no link)
  20.  
  21. /****************************
  22. *    Rainbow Text Effect    *
  23. *(c)2003-13 mf2fm web-design*
  24. *  http://www.mf2fm.com/rv  *
  25. * DON'T EDIT BELOW THIS BOX *
  26. ****************************/
  27. var rainbow, raintxt, raincnt=0;
  28.  
  29. function addLoadEvent(funky) {
  30.  var oldonload=window.onload;
  31.  if (typeof(oldonload)!='function') window.onload=funky;
  32.  else window.onload=function() {
  33.    if (oldonload) oldonload();
  34.    funky();
  35.  }
  36. }
  37.  
  38. addLoadEvent(regenbogen);
  39.  
  40. function regenbogen() { if (document.getElementById) {
  41.  var i, rainbeau;
  42.  rainbow=document.getElementById("rainbow");
  43.  raintxt=rainbow.firstChild.nodeValue;
  44.  while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
  45.  for (i=0; i<raintxt.length; i++) {
  46.    rainbeau=document.createElement("span");
  47.    rainbeau.setAttribute("id", "rain"+i);
  48.    rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
  49.    if (alink) {
  50.      rainbeau.style.cursor="{image:custom cursor}";
  51.      rainbeau.onclick=function() { top.location.href=alink; }
  52.    }
  53.    rainbow.appendChild(rainbeau);
  54.  }
  55.  rainbow=setInterval ("raining()", speed);
  56. }}
  57.  
  58. function raining() {
  59.  var i, c;
  60.  for (i=0; i<raintxt.length; i++) {
  61.    c=raincol[(i+raincnt)%raincol.length];
  62.    document.getElementById("rain"+i).style.color=c;
  63.     if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
  64.  }
  65.  raincnt++;
  66. }
  67. // ]]>
  68. </script>
  69. {/block:ifrainbowtitle}
  70.  
  71. {block:ifcursorhearts}
  72. <script type="text/javascript">
  73. // <![CDATA[
  74. var colours=new Array("{color:cursor hearts}"); // colours of the hearts
  75. var minisize=15; // smallest size of hearts in pixels
  76. var maxisize=30; // biggest size of hearts in pixels
  77. var hearts=69; // maximum number of hearts on screen
  78. 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
  79.  
  80. /*****************************
  81. *JavaScript Love Heart Cursor*
  82. *  (c)2013+ mf2fm web-design *
  83. *   https://www.mf2fm.com/rv  *
  84. *  DON'T EDIT BELOW THIS BOX *
  85. *****************************/
  86. var x=ox=400;
  87. var y=oy=300;
  88. var swide=800;
  89. var shigh=600;
  90. var sleft=sdown=0;
  91. var herz=new Array();
  92. var herzx=new Array();
  93. var herzy=new Array();
  94. var herzs=new Array();
  95. var kiss=false;
  96.  
  97. if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  98.  var oldonload=window.onload;
  99.  if (typeof(oldonload)!='function') window.onload=funky;
  100.  else window.onload=function() {
  101.    if (oldonload) oldonload();
  102.    funky();
  103.  }
  104. }
  105.  
  106. addRVLoadEvent(mwah);
  107.  
  108. function mwah() { if (document.getElementById) {
  109.  var i, heart;
  110.  for (i=0; i<hearts; i++) {
  111.    heart=createDiv("auto", "auto");
  112.    heart.style.visibility="hidden";
  113.     heart.style.zIndex=(over_or_under=="over")?"1001":"0";
  114.    heart.style.color=colours[i%colours.length];
  115.     heart.style.pointerEvents="none";
  116.    if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)";
  117.    else heart.style.opacity=0.75;
  118.    heart.appendChild(document.createTextNode(String.fromCharCode(9829)));
  119.    document.body.appendChild(heart);
  120.    herz[i]=heart;
  121.     herzy[i]=false;
  122.  }
  123.  set_scroll();
  124.  set_width();
  125.  herzle();
  126. }}
  127.  
  128. function herzle() {
  129.  var c;
  130.  if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  131.    ox=x;
  132.    oy=y;
  133.    for (c=0; c<hearts; c++) if (herzy[c]===false) {
  134.       herz[c].firstChild.nodeValue=String.fromCharCode(9829);
  135.      herz[c].style.left=(herzx[c]=x-minisize/2)+"px";
  136.      herz[c].style.top=(herzy[c]=y-minisize)+"px";
  137.      herz[c].style.fontSize=minisize+"px";
  138.       herz[c].style.fontWeight='normal';
  139.      herz[c].style.visibility='visible';
  140.      herzs[c]=minisize;
  141.      break;
  142.    }
  143.  }
  144.  for (c=0; c<hearts; c++) if (herzy[c]!==false) blow_me_a_kiss(c);
  145.  setTimeout("herzle()", 40);
  146. }
  147.  
  148. document.onmousedown=pucker;
  149. document.onmouseup=function(){clearTimeout(kiss);};
  150.  
  151. function pucker() {
  152.  ox=-1;
  153.  oy=-1;
  154.  kiss=setTimeout('pucker()', 100);
  155. }
  156.  
  157. function blow_me_a_kiss(i) {
  158.  herzy[i]-=herzs[i]/minisize+i%2;
  159.  herzx[i]+=(i%5-2)/5;
  160.  if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) {
  161.    herz[i].style.visibility="hidden";
  162.    herzy[i]=false;
  163.  }
  164.  else if (herzs[i]>minisize+2 && Math.random()<.5/hearts) break_my_heart(i);
  165.  else {
  166.    if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px";
  167.    herz[i].style.top=herzy[i]+"px";
  168.    herz[i].style.left=herzx[i]+"px";
  169.  }
  170. }
  171.  
  172. function break_my_heart(i) {
  173.  var t;
  174.  herz[i].firstChild.nodeValue=String.fromCharCode(9676);
  175.  herz[i].style.fontWeight='bold';
  176.  herzy[i]=false;
  177.  for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
  178.  setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
  179. }
  180.  
  181. document.onmousemove=mouse;
  182. function mouse(e) {
  183.  if (e) {
  184.    y=e.pageY;
  185.    x=e.pageX;
  186.  }
  187.  else {
  188.    set_scroll();
  189.    y=event.y+sdown;
  190.    x=event.x+sleft;
  191.  }
  192. }
  193.  
  194. window.onresize=set_width;
  195. function set_width() {
  196.  var sw_min=999999;
  197.  var sh_min=999999;
  198.  if (document.documentElement && document.documentElement.clientWidth) {
  199.    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  200.    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  201.  }
  202.  if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  203.    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  204.    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  205.  }
  206.  if (document.body.clientWidth) {
  207.    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  208.    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  209.  }
  210.  if (sw_min==999999 || sh_min==999999) {
  211.    sw_min=800;
  212.    sh_min=600;
  213.  }
  214.  swide=sw_min;
  215.  shigh=sh_min;
  216. }
  217.  
  218. window.onscroll=set_scroll;
  219. function set_scroll() {
  220.  if (typeof(self.pageYOffset)=='number') {
  221.    sdown=self.pageYOffset;
  222.    sleft=self.pageXOffset;
  223.  }
  224.  else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  225.    sdown=document.body.scrollTop;
  226.    sleft=document.body.scrollLeft;
  227.  }
  228.  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  229.    sleft=document.documentElement.scrollLeft;
  230.    sdown=document.documentElement.scrollTop;
  231.  }
  232.  else {
  233.    sdown=0;
  234.    sleft=0;
  235.  }
  236. }
  237.  
  238. function createDiv(height, width) {
  239.  var div=document.createElement("div");
  240.  div.style.position="absolute";
  241.  div.style.height=height;
  242.  div.style.width=width;
  243.  div.style.overflow="hidden";
  244.  div.style.backgroundColor="transparent";
  245.  return (div);
  246. }
  247. // ]]>
  248. </script>
  249. {/block:ifcursorhearts}
  250.  
  251.  
  252. {block:ifrainbowlinks}
  253. <script type='text/javascript'>
  254. //<![CDATA[
  255. var rate = 50;
  256. if (document.getElementById)
  257. window.onerror=new Function("return true")
  258.  
  259. var objActive; // The object which event occured in
  260. var act = 0; // Flag during the action
  261. var elmH = 0; // Hue
  262. var elmS = 128; // Saturation
  263. var elmV = 255; // Value
  264. var clrOrg; // A color before the change
  265. var TimerID; // Timer ID
  266. if (document.all) {
  267. document.onmouseover = doRainbowAnchor;
  268. document.onmouseout = stopRainbowAnchor;
  269. }
  270. else if (document.getElementById) {
  271. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  272. document.onmouseover = Mozilla_doRainbowAnchor;
  273. document.onmouseout = Mozilla_stopRainbowAnchor;
  274. }
  275. function doRainbow(obj)
  276. {
  277. if (act == 0) {
  278. act = 1;
  279. if (obj)
  280. objActive = obj;
  281. else
  282. objActive = event.srcElement;
  283. clrOrg = objActive.style.color;
  284. TimerID = setInterval("ChangeColor()",100);
  285. }
  286. }
  287. function stopRainbow()
  288. {
  289. if (act) {
  290. objActive.style.color = clrOrg;
  291. clearInterval(TimerID);
  292. act = 0;
  293. }
  294. }
  295. function doRainbowAnchor()
  296. {
  297. if (act == 0) {
  298. var obj = event.srcElement;
  299. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  300. obj = obj.parentElement;
  301. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  302. break;
  303. }
  304. if (obj.tagName == 'A' && obj.href != '') {
  305. objActive = obj;
  306. act = 1;
  307. clrOrg = objActive.style.color;
  308. TimerID = setInterval("ChangeColor()",100);
  309. }
  310. }
  311. }
  312. function stopRainbowAnchor()
  313. {
  314. if (act) {
  315. if (objActive.tagName == 'A') {
  316. objActive.style.color = clrOrg;
  317. clearInterval(TimerID);
  318. act = 0;
  319. }
  320. }
  321. }
  322. function Mozilla_doRainbowAnchor(e)
  323. {
  324. if (act == 0) {
  325. obj = e.target;
  326. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  327. obj = obj.parentNode;
  328. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  329. break;
  330. }
  331. if (obj.nodeName == 'A' && obj.href != '') {
  332. objActive = obj;
  333. act = 1;
  334. clrOrg = obj.style.color;
  335. TimerID = setInterval("ChangeColor()",100);
  336. }
  337. }
  338. }
  339. function Mozilla_stopRainbowAnchor(e)
  340. {
  341. if (act) {
  342. if (objActive.nodeName == 'A') {
  343. objActive.style.color = clrOrg;
  344. clearInterval(TimerID);
  345. act = 0;
  346. }
  347. }
  348. }
  349. function ChangeColor()
  350. {
  351. objActive.style.color = makeColor();
  352. }
  353. function makeColor()
  354. {
  355. // Don't you think Color Gamut to look like Rainbow?
  356. // HSVtoRGB
  357. if (elmS == 0) {
  358. elmR = elmV; elmG = elmV; elmB = elmV;
  359. }
  360. else {
  361. t1 = elmV;
  362. t2 = (255 - elmS) * elmV / 255;
  363. t3 = elmH % 60;
  364. t3 = (t1 - t2) * t3 / 60;
  365. if (elmH < 60) {
  366. elmR = t1; elmB = t2; elmG = t2 + t3;
  367. }
  368. else if (elmH < 120) {
  369. elmG = t1; elmB = t2; elmR = t1 - t3;
  370. }
  371. else if (elmH < 180) {
  372. elmG = t1; elmR = t2; elmB = t2 + t3;
  373. }
  374. else if (elmH < 240) {
  375. elmB = t1; elmR = t2; elmG = t1 - t3;
  376. }
  377. else if (elmH < 300) {
  378. elmB = t1; elmG = t2; elmR = t2 + t3;
  379. }
  380. else if (elmH < 360) {
  381. elmR = t1; elmG = t2; elmB = t1 - t3;
  382. }
  383. else {
  384. elmR = 0; elmG = 0; elmB = 0;
  385. }
  386. }
  387. elmR = Math.floor(elmR).toString(16);
  388. elmG = Math.floor(elmG).toString(16);
  389. elmB = Math.floor(elmB).toString(16);
  390. if (elmR.length == 1) elmR = "0" + elmR;
  391. if (elmG.length == 1) elmG = "0" + elmG;
  392. if (elmB.length == 1) elmB = "0" + elmB
  393. elmH = elmH + rate;
  394. if (elmH >= 360)
  395. elmH = 0;
  396. return '#' + elmR + elmG + elmB;
  397. }
  398. //]]>
  399. </script>
  400. {/block:ifrainbowlinks}
  401.  
  402. <meta charset="utf-8">
  403. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  404. {block:Description}
  405. <meta name="description" content="{MetaDescription}" />
  406. {/block:Description}
  407.    
  408. <title>{Title}</title>
  409.        
  410. <link rel="shortcut icon" href="{image:favicon}">
  411. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  412. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  413.  
  414. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  415.  
  416. <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>
  417.  
  418. <link href="https://fonts.googleapis.com/css?family=Karla|Kosugi+Maru|Roboto|Short+Stack|Inconsolata" rel="stylesheet">
  419.  
  420. <meta name="image:favicon">
  421. <meta name="image:custom cursor">
  422. <meta name="image:sidebar">
  423. <meta name="image:static image">
  424. <meta name="image:bg">
  425. <meta name="image:post bg">
  426. <meta name="image:tooltip bg">
  427. <meta name="image:perma">
  428. <meta name="color:bg">
  429. <meta name="color:post bg">
  430. <meta name="color:tooltip bg">
  431. <meta name="color:text">
  432. <meta name="color:tooltip text">
  433. <meta name="color:link">
  434. <meta name="color:link hover">
  435. <meta name="color:text glow">
  436. <meta name="color:link glow">
  437. <meta name="color:link glow hover">
  438. <meta name="color:content glow">
  439. <meta name="color:tooltip glow">
  440. <meta name="color:border color">
  441. <meta name="color:tooltip border color">
  442. <meta name="color:selection bg">
  443. <meta name="color:selection text">
  444. <meta name="color:cursor hearts">
  445.  
  446. <meta name="select:link decoration" content="none">
  447. <meta name="select:link decoration" content="underline">
  448. <meta name="if:header style">
  449. <meta name="if:sidebar border" content="0">
  450. <meta name="if:content border" content="0">
  451. <meta name="if:content glow">
  452. <meta name="if:sidebar glow" content="0">
  453. <meta name="if:tooltip glow" content="0">
  454. <meta name="select:border style" content="none">
  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.  
  466. <meta name="if:custom cursor">
  467. <meta name="if:cursor hearts">
  468. <meta name="if:round">
  469. <meta name="if:rainbow title">
  470. <meta name="if:bold links">
  471. <meta name="if:text glow">
  472. <meta name="if:link glow">
  473. <meta name="if:link border">
  474. <meta name="if:rainbow links">
  475. <meta name="if:links drop shadow">
  476. <meta name="if:cover bg">
  477. <meta name="if:hover tags">
  478.  
  479.  
  480. <meta name="text:sidebar width" content="300">
  481. <meta name="text:post width" content="400">
  482. <meta name="text:font size" content="20">
  483. <meta name="text:font" content="">
  484. <meta name="text:desc" content="">
  485. <meta name="text:title" content="">
  486. <meta name="text:title hover tt thing" content="">
  487. <meta name="text:title link" content="">
  488. <meta name="text:border width" content="4">
  489. <meta name="text:previouspage" content="previous">
  490. <meta name="text:nextpage" content="next">
  491.  
  492. <meta name="text:image width" content="400"/>
  493. <meta name="text:image margin left" content="950"/>
  494. <meta name="text:image margin bottom" content="0"/>
  495.  
  496.        
  497. <style type="text/css">
  498.  
  499.  
  500. /*
  501. general text styles, fonts and colours
  502. */
  503.  
  504. ::selection {
  505. background: {color:selection bg};
  506. color:{color:selection text};
  507. }
  508. ::-moz-selection {
  509. background: {color:selection bg};
  510. color:{color:selection text};
  511. }
  512.  
  513. ::-webkit-scrollbar {
  514. width: 16px;
  515. height: 10px;
  516. }
  517. ::-webkit-scrollbar-thumb {
  518. background-color: #fff;
  519. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  520. border-top: 1px solid #bdbdbd;
  521. border-left: 1px solid #bdbdbd;
  522. border-right: 1px solid black;
  523. border-bottom: 1px solid black;
  524. }
  525. ::-webkit-scrollbar-track {
  526. background-color: #fff;
  527. background-image: url(https://i.imgur.com/IGXGYKz.png);
  528. }
  529. ::-webkit-scrollbar-button:vertical:increment {
  530. background-image: url(https://i.imgur.com/WhC8iy3.png);
  531. width: 14px;
  532. height: 16px;
  533. border-top: 1px solid #bdbdbd;
  534. border-left: 1px solid #bdbdbd;
  535. border-right: 1px solid black;
  536. border-bottom: 1px solid black;
  537. }
  538. ::-webkit-scrollbar-button:vertical:decrement {
  539. background-image: url(https://i.imgur.com/fQ18mrR.png);
  540. border-top: 1px solid #bdbdbd;
  541. border-left: 1px solid #bdbdbd;
  542. border-right: 1px solid black;
  543. border-bottom: 1px solid black;
  544. width: 14px;
  545. height: 16px;
  546. }
  547.  
  548.     .tooltip {
  549. display: inline;
  550. position: relative;
  551. }
  552.  
  553.     #s-m-t-tooltip {
  554.         z-index:99999999999999999;
  555.         background: {color:tooltip bg};
  556.         background-image: url('{image:tooltip bg}');
  557.         color:{color:tooltip text};
  558.         max-width: 300px;
  559.         margin: 20px;
  560.         padding: 5px;
  561.         transition: 0.2s;
  562.         text-align:center;
  563.         {block:ifround}
  564. border-radius:5px;
  565. {/block:ifround}
  566. {block:iftooltipglow}
  567. box-shadow: 0 0 5px 5px {color:tooltip glow};
  568. {/block:iftooltipglow}
  569.         border: {text:border width}px {select:border style} {color:tooltip border color};
  570. {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}
  571. {block:ifwhiteborder}border-width: 8px;
  572. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  573. 8 round;
  574. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  575. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  576. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  577. 8 fill round;{/block:ifwhiteborder}
  578. -webkit-transition: 0.2s ease-in-out;
  579.     }
  580.  
  581. body {
  582. background-color: {color:bg};
  583. background-image: url('{image:bg}');
  584.         {block:ifnotcoverbg}
  585.         background-repeat: repeat;
  586.         background-attachment: fixed;
  587.         {/block:ifnotcoverbg}
  588.         {block:ifcoverbg}
  589.         background-size: cover;
  590.         background-attachment: fixed;
  591.         {/block:ifcoverbg}
  592. font-family:{text:font};
  593. font-size:{text:font size}px;
  594. color:{color:text};
  595. {block:iftextglow}
  596. text-shadow: 0 0 2px {color:text glow};
  597. {/block:iftextglow}
  598. word-wrap:break-word;
  599. }
  600.  
  601. p{
  602. margin:0 0 10px 0;
  603. padding:0;
  604. }
  605.  
  606. pre {
  607. white-space: pre-wrap;
  608. white-space: -moz-pre-wrap;
  609. white-space: -pre-wrap;
  610. white-space: -o-pre-wrap;
  611. word-wrap: break-word;
  612. }
  613.  
  614. a{
  615. color:{color:link};
  616. text-decoration: {select:link decoration};
  617. {block:iflinkglow}
  618. text-shadow:0 0 2px {color:link glow};
  619. {/block:iflinkglow}
  620. {block:iflinkborder}
  621. text-shadow: -1px 0  {color:link glow}, 0 1px  {color:link glow}, 1px 0  {color:link glow}, 0 -1px  {color:link glow};
  622. {/block:iflinkborder}
  623. {block:ifboldlinks}font-weight:bold;{/block:ifboldlinks};
  624. }
  625.  
  626. a:hover{
  627. color:{color:link hover};
  628. {block:iflinkglow}
  629. text-shadow:0 0 2px {color:link}, 0 0 1px {color:link glow hover}, 0 0 2px {color:link glow hover}, 0 0 3px {color:link glow hover};
  630. {/block:iflinkglow}
  631. {block:iflinkborder}
  632. 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};
  633. {/block:iflinkborder}
  634. transition: 0.2s;
  635. {block:iflinksdropshadow}
  636. text-shadow: 1px 1px 1px {color:link glow hover}, 0 0 1px {color:link glow hover}, 0px 1px 1px {color:link glow hover}, 0 2px 1px {color:link glow hover}, 0 3px 1px {color:link glow hover}, 0 4px 1px {color:link glow hover}, 0 5px 1px {color:link glow hover};
  637. {/block:iflinksdropshadow}
  638.       -o-transition: all 0.2s ease-out;
  639. -webkit-transition: all 0.2s ease-out;
  640. -moz-transition: all 0.2s ease-out;
  641. }
  642.  
  643. li{
  644. margin-left:-15px;
  645. }
  646.  
  647. /*
  648. containers etc
  649. */
  650. #wrapper{
  651. width:800px;
  652. margin:30px auto;
  653. }
  654.  
  655. #sidebar{
  656. max-width:{text:sidebar width}px;    
  657. position:fixed;
  658. margin-left:-150px;
  659. text-align:center;
  660. {block:ifheaderstyle}
  661. position:relative;
  662. margin:auto auto 50px auto;
  663. {/block:ifheaderstyle}
  664. }
  665.  
  666. #desc{
  667. text-align:center;    
  668. line-height:100%;
  669. z-index:999999999999999999;
  670. width:{text:sidebar width}px;    
  671. padding-top:3px;
  672. }
  673.  
  674. #poptitle {
  675. text-align:center;
  676. font-size:1.5em;
  677. color:{color:title};
  678. line-height:100%;
  679. z-index:999999999999999999;
  680.  
  681. {block:ifnotsidebarborder}
  682. width:{text:sidebar width};
  683. {/block:ifnotsidebarborder}
  684.  
  685. {block:ifsidebarborder}
  686. width:calc({text:sidebar width}px + {text:border width}px*2);
  687. {/block:ifsidebarborder}
  688. padding-bottom:3px;
  689. }
  690.  
  691. .pop {
  692. animation: pop 0.58s infinite;
  693. -webkit-animation: pop 0.58s infinite;
  694. }
  695. @keyframes pop {
  696. from {
  697. transform:scale(0.90)
  698. }
  699. 50% {
  700. transform:scale(1.01)
  701. }
  702. to {
  703. transform:scale(0.90)
  704. }
  705. }
  706. @-webkit-keyframes pop {
  707. from {
  708. -webkit-transform:scale(0.95)
  709. }
  710. 50% {
  711. -webkit-transform:scale(1)
  712. }
  713. to {
  714. -webkit-transform:scale(0.95)
  715. }
  716. }
  717.  
  718.  
  719. #sidebar img{
  720. max-width:100%;
  721. {block:ifround}
  722. border-radius:5px;
  723. {/block:ifround}
  724. {block:ifsidebarglow}
  725.         box-shadow: 0 0 5px 5px {color:content glow};
  726.         {/block:ifsidebarglow}
  727. {block:ifsidebarborder}        
  728. border: {text:border width}px {select:border style} {color:border color};
  729. {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}
  730. {block:ifwhiteborder}border-width: 8px;
  731. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  732. 8 round;
  733. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  734. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  735. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  736. 8 fill round;{/block:ifwhiteborder}
  737. background: {color:post bg};
  738. background-image: url('{image:post bg}');
  739. {/block:ifsidebarborder}
  740.  
  741. }
  742.  
  743. #content {
  744. width:800px;
  745. margin:auto;
  746. }
  747.  
  748. .post{
  749. background: {color:post bg};
  750. background-image: url('{image:post bg}');
  751. width:{text:post width}px;
  752. {block:ifround}
  753. border-radius:5px;
  754. {/block:ifround}
  755. padding:5px;
  756. {block:ifcontentborder}
  757. border: {text:border width}px {select:border style} {color:border color};
  758. {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}
  759. {block:ifwhiteborder}border-width: 8px;
  760. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  761. 8 round;
  762. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  763. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  764. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  765. 8 fill round;{/block:ifwhiteborder}
  766. {/block:ifcontentborder}
  767.  
  768. {block:ifcontentglow}
  769. box-shadow: 0 0 5px 5px {color:content glow};
  770. {/block:ifcontentglow}
  771.  
  772. {block:ifheaderstyle}
  773. position:center;
  774. margin:auto auto 50px auto;
  775. {/block:ifheaderstyle}
  776.  
  777. {block:ifnotheaderstyle}
  778. margin: 0 0px 50px 0;
  779. margin-left:200px;
  780. {/block:ifnotheaderstyle}
  781. }
  782.  
  783. .post img{
  784. max-width:100%;
  785. height:auto;
  786. {block:ifround}
  787. border-radius:5px;
  788. {/block:ifround}
  789. }
  790.  
  791. #nav{
  792. margin:50px 0 50px 0;
  793. font-size: 1.5em;
  794. text-align:center;
  795. }
  796.  
  797. .simple-player iframe, .audio_player iframe, .size, .size iframe {
  798. background: #fff;
  799. color: {color:text};
  800. width: 100%;
  801. {block:ifround}
  802. border-radius:5px;
  803. {/block:ifround}
  804. }
  805.  
  806. .media{
  807. text-align:center;
  808. {block:ifround}
  809. border-radius:5px;
  810. {/block:ifround}
  811. }
  812.  
  813. .title{
  814. font-weight:bold;
  815. font-size:1.5em;
  816. }
  817.  
  818. .quote{
  819. font-weight:normal;
  820. font-size:16px;
  821. font-style:italic;
  822. }
  823.  
  824. .question{
  825. margin-bottom:10px;
  826. }
  827.  
  828. blockquote{
  829. margin:0 0 10px 10px;
  830. padding:0 0 0 10px;
  831. border-left:solid 1px {color:text};
  832. }
  833.  
  834. /*
  835. post footers - date, tags, via and source
  836. */
  837. .footer{
  838. text-align:left;
  839. }
  840.  
  841. /*
  842. post notes
  843. */
  844. ol.notes{
  845. list-style-type:none;
  846. padding:0px;
  847. margin-top:10px;
  848. overflow: scroll;
  849. max-height:300px;
  850. }
  851.  
  852. ol.notes li.note img{
  853. width:auto;
  854. height:auto;
  855. {block:ifround}
  856. border-radius:5px;
  857. {/block:ifround}
  858. }
  859.  
  860. ol.notes li.note{
  861. margin:0px;
  862. }
  863.  
  864. {block:ifhovertags}
  865.   .tags {
  866.    max-height:0px;
  867.    text-align:left;
  868.    opacity:0;
  869.     -webkit-transition: all 0.7s ease;
  870.    transition: all 0.7s ease;
  871.    -moz-transition: all 0.7s ease;
  872.    -o-transition: all 0.7s ease;}    
  873.  
  874. .post:hover .tags{
  875.    opacity:1;
  876.    max-height:300px;
  877.    -webkit-transition: all 0.7s ease;
  878.    transition: all 0.7s ease;
  879.    -moz-transition: all 0.7s ease;
  880.    -o-transition: all 0.7s ease;}
  881.  {/block:ifhovertags}
  882.  
  883. {CustomCSS}
  884. </style>
  885. </head>
  886.  
  887. <body>
  888. <div id="wrapper">
  889.  
  890. {block:ifcustomcursor}
  891. <style>body, a, a:hover { cursor:url({image:custom cursor}), auto; }</style>
  892. {/block:ifcustomcursor}
  893.  
  894. <div id="sidebar">
  895. <div align="center">
  896. {block:ifrainbowtitle}
  897. <div id="poptitle" class="pop"><center><a href="{text:title link}" title="{text:title hover tt thing}"><span id="rainbow">{text:title}</a></span></center></div>{/block:ifrainbowtitle}
  898. {block:ifnotrainbowtitle}
  899. <div id="poptitle" class="pop"><center><a href="{text:title link}" title="{text:title hover tt thing}">{text:title}</a></center></div>{/block:ifnotrainbowtitle}
  900.  <a href="/"><img src="{image:sidebar}" id="hmmm"></a>
  901. <div id="desc">
  902. {text:desc}    
  903. </div>
  904.  
  905.  
  906. </div>
  907. </div>
  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:AudioPlayer}
  974. <div class="media">
  975. {block:AlbumArt}<img src="{AlbumArtURL}" style="width: 20%; float:left; ">{/block:AlbumArt}
  976. <div class="audioinfo" style="padding-left: 15px; padding-bottom: 5px; float:left;width: 65%;">
  977. {block:TrackName}{TrackName}<br>{/block:TrackName}
  978. {block:Artist}{Artist}<br>{/block:Artist}
  979. {block:Album}{Album}{/block:Album}
  980. </div>
  981. </div>
  982. {AudioPlayerWhite}
  983. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  984. {/block:AudioPlayer}
  985.                
  986. {block:Answer}
  987. <table>
  988. <tr>
  989. <td style="vertical-align:top;padding-right:10px;"><img src="{askerPortraitURL-64}"></td>
  990. <td style="vertical-align:top;"><strong>{asker} asked:</strong> {Question}</td>
  991. </tr>
  992. </table>
  993. {Answer}
  994. {/block:Answer}
  995.  
  996. {block:Date}
  997. <div class="footer">
  998. <a href="{Permalink}"><a href="{Permalink}" title="{notecount}%"><img src="{image:perma}"></a>
  999. <br>
  1000. <div class="tags"> {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1001.  
  1002. </div>
  1003.  
  1004. {block:PermalinkPage}
  1005. {block:NoteCount}
  1006. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> {/block:RebloggedFrom}{block:ContentSource} x <a href="{SourceURL}" title="{SourceTitle}"> source</a>{/block:ContentSource}
  1007. <br>
  1008. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1009. {/block:NoteCount}
  1010. {/block:PermalinkPage}
  1011. {/block:Date}
  1012.  
  1013. </div>
  1014. {/block:Posts}
  1015.  
  1016.  
  1017. {block:Pagination}
  1018. <div id="nav">
  1019. {block:PreviousPage}<a href="{PreviousPage}">{text:previouspage}</a> {/block:PreviousPage}
  1020.  
  1021. {block:NextPage}<a href="{NextPage}">{text:nextpage}</a>{/block:NextPage}
  1022. </div>
  1023. {/block:Pagination}
  1024. </div>
  1025. </div>
  1026.  
  1027. </div>
  1028.  
  1029. <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>
  1030.  
  1031.  
  1032. <a style="position:fixed;left:3px;bottom:3px;" <a href="https://noodle.tumblr.com/" title="🎓theme by annie🎓">✡</a>
  1033.  
  1034. <!-----
  1035. you can change the credit icon if u want but don't remove or obscure it
  1036. ----->
  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
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!