API tools faq
paste
togahimiko

mrs. pumpkin theme

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