Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!-----
- ♡ halloween town theme by boyfriended ♡
- dont forget to sub with twitch prime
- base code by animecharacter.tumblr.com
- ----->
- <script type="text/javascript">{block:ifsparkles}
- // <![CDATA[
- var colour="{color:sparkles}";
- var sparkles=120;
- /***************************/
- var x=ox=400;
- var y=oy=300;
- var swide=800;
- var shigh=600;
- var sleft=sdown=0;
- var tiny=new Array();
- var star=new Array();
- var starv=new Array();
- var starx=new Array();
- var stary=new Array();
- var tinyx=new Array();
- var tinyy=new Array();
- var tinyv=new Array();
- window.onload=function() { if (document.getElementById) {
- var i, rats, rlef, rdow;
- for (var i=0; i<sparkles; i++) {
- var rats=createDiv(3, 3);
- rats.style.visibility="hidden";
- document.body.appendChild(tiny[i]=rats);
- starv[i]=0;
- tinyv[i]=0;
- var rats=createDiv(5, 5);
- rats.style.backgroundColor="transparent";
- rats.style.visibility="hidden";
- var rlef=createDiv(1, 5);
- var rdow=createDiv(5, 1);
- rats.appendChild(rlef);
- rats.appendChild(rdow);
- rlef.style.top="2px";
- rlef.style.left="0px";
- rdow.style.top="0px";
- rdow.style.left="2px";
- document.body.appendChild(star[i]=rats);
- }
- set_width();
- sparkle();
- }}
- function sparkle() {
- var c;
- if (x!=ox || y!=oy) {
- ox=x;
- oy=y;
- for (c=0; c<sparkles; c++) if (!starv[c]) {
- star[c].style.left=(starx[c]=x)+"px";
- star[c].style.top=(stary[c]=y)+"px";
- star[c].style.clip="rect(0px, 5px, 5px, 0px)";
- star[c].style.visibility="visible";
- starv[c]=50;
- break;
- }
- }
- for (c=0; c<sparkles; c++) {
- if (starv[c]) update_star(c);
- if (tinyv[c]) update_tiny(c);
- }
- setTimeout("sparkle()", 40);
- }
- function update_star(i) {
- if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
- if (starv[i]) {
- stary[i]+=1+Math.random()*3;
- if (stary[i]<shigh+sdown) {
- star[i].style.top=stary[i]+"px";
- starx[i]+=(i%5-2)/5;
- star[i].style.left=starx[i]+"px";
- }
- else {
- star[i].style.visibility="hidden";
- starv[i]=0;
- return;
- }
- }
- else {
- tinyv[i]=50;
- tiny[i].style.top=(tinyy[i]=stary[i])+"px";
- tiny[i].style.left=(tinyx[i]=starx[i])+"px";
- tiny[i].style.width="2px";
- tiny[i].style.height="2px";
- star[i].style.visibility="hidden";
- tiny[i].style.visibility="visible"
- }
- }
- function update_tiny(i) {
- if (--tinyv[i]==25) {
- tiny[i].style.width="1px";
- tiny[i].style.height="1px";
- }
- if (tinyv[i]) {
- tinyy[i]+=1+Math.random()*3;
- if (tinyy[i]<shigh+sdown) {
- tiny[i].style.top=tinyy[i]+"px";
- tinyx[i]+=(i%5-2)/5;
- tiny[i].style.left=tinyx[i]+"px";
- }
- else {
- tiny[i].style.visibility="hidden";
- tinyv[i]=0;
- return;
- }
- }
- else tiny[i].style.visibility="hidden";
- }
- document.onmousemove=mouse;
- function mouse(e) {
- set_scroll();
- y=(e)?e.pageY:event.y+sdown;
- x=(e)?e.pageX:event.x+sleft;
- }
- function set_scroll() {
- if (typeof(self.pageYOffset)=="number") {
- sdown=self.pageYOffset;
- sleft=self.pageXOffset;
- }
- else if (document.body.scrollTop || document.body.scrollLeft) {
- sdown=document.body.scrollTop;
- sleft=document.body.scrollLeft;
- }
- else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
- sleft=document.documentElement.scrollLeft;
- sdown=document.documentElement.scrollTop;
- }
- else {
- sdown=0;
- sleft=0;
- }
- }
- window.onresize=set_width;
- function set_width() {
- if (typeof(self.innerWidth)=="number") {
- swide=self.innerWidth;
- shigh=self.innerHeight;
- }
- else if (document.documentElement && document.documentElement.clientWidth) {
- swide=document.documentElement.clientWidth;
- shigh=document.documentElement.clientHeight;
- }
- else if (document.body.clientWidth) {
- swide=document.body.clientWidth;
- shigh=document.body.clientHeight;
- }
- }
- function createDiv(height, width) {
- var div=document.createElement("div");
- div.style.position="absolute";
- div.style.height=height+"px";
- div.style.width=width+"px";
- div.style.overflow="hidden";
- div.style.backgroundColor=colour;
- return (div);
- }
- // ]]>
- {/block:ifsparkles}</script>
- <html>
- <link rel="shortcut icon" href="{image:favicon}">
- <link rel="alternate" type="application/rss+xml" href="{rss}">
- <title>{Title}</title>
- <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
- <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
- <link href="https://fonts.googleapis.com/css?family=Short+Stack&display=swap" rel="stylesheet">
- <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>
- <meta name="image:header">
- <meta name="image:background" content="" />
- <meta name="image:post background" content="" />
- <meta name="image:container background" content="" />
- <meta name="image:header background" content="" />
- <meta name="image:post background" content="" />
- <meta name="image:favicon" content="">
- <meta name="color:bg color" content="#fff">
- <meta name="color:posts" content=""/>
- <meta name="color:post glow" content="#000">
- <meta name="color:container" content=""/>
- <meta name="color:header" content=""/>
- <meta name="color:text color" content="#000">
- <meta name="color:text glow" content="#000000"/>
- <meta name="color:link color" content="#d34e">
- <meta name="color:link hover" content="#d34e">
- <meta name="color:link glow" content="#000000"/>
- <meta name="color:border" content="#000">
- <meta name="color:border glow" content="#000">
- <meta name="color:tooltip" content=""/>
- <meta name="color:tooltip text" content=""/>
- <meta name="color:scrollbar bg" content="#fff"/>
- <meta name="color:scrollbar thumb" content="#000"/>
- <meta name="color:selection bg" content="#fff"/>
- <meta name="color:selection text">
- <meta name="color:title" content="">
- <meta name="color:title glow" content="">
- <meta name="color:sparkles" content=""/>
- <meta name="if:cover bg" content=""/>
- <meta name="if:cover post bg" content=""/>
- <meta name="if:cover container bg" content=""/>
- <meta name="if:cover header bg" content=""/>
- <meta name="if:border" content="" />
- <meta name="if:border glow" content="" />
- <meta name="if:post glow" content="" />
- <meta name="if:title glow" content="">
- <meta name="if:glow links" content="" />
- <meta name="if:glow text" content="" />
- <meta name="if:rainbow title" content="">
- <meta name="if:sparkles" content=""/>
- <meta name="if:scroll desc" content=""/>
- <meta name="text:border size" content="3px" />
- <meta name="text:description" content="viewer beware, you're in for a scare"/>
- <meta name="text:custom title" content="(*^_^*)">
- <meta name="text:link divider" content="/"/>
- <meta name="text:title size" content="28px"/>
- <meta name="text:font size" content="20px">
- <meta name="text:link one" content="one">
- <meta name="text:link one url" content="/">
- <meta name="text:link two" content="two">
- <meta name="text:link two url" content="/">
- <meta name="text:link three" content="three">
- <meta name="text:link three url" content="/">
- <meta name="select:font" content="arial">
- <meta name="select:font" content="verdana">
- <meta name="select:font" content="courier">
- <meta name="select:font" content="georgia">
- <meta name="select:font" content="times new roman">
- <meta name="select:font" content="ms gothic"/>
- <meta name="select:font" content="short stack"/>
- <meta name="select:font" content="comic sans ms">
- <meta name="select:border type" content="solid" />
- <meta name="select:border type" content="double" />
- <meta name="select:border type" content="dashed" />
- <meta name="select:border type" content="dotted" />
- <meta name="select:border type" content="outset">
- <meta name="select:border type" content="inset">
- <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
- <style type="text/css">
- ::selection {
- background: {color:selection bg};
- color:{color:selection text};
- }
- ::-moz-selection {
- background: {color:selection bg};
- color:{color:selection text};
- }
- ::-webkit-scrollbar {width: 10px; background-color:{color:scrollbar bg};}
- ::-webkit-scrollbar-thumb {border-radius: 0px; background: {color:scrollbar thumb};}
- .tooltip{
- display:inline;
- position:relative;
- }
- #s-m-t-tooltip{
- max-width:300px;
- padding:5px;
- margin:20px 7px -2px 20px;
- background-color:{color:tooltip};
- letter-spacing:1px;
- text-align:center;
- color:{color:tooltip text};
- z-index:99999999999999999999;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- /*
- general text styles, fonts and colours
- */
- body {
- background-color:{color:bg color};
- background-image: url('{image:background}');
- {block:ifnotcoverbg}
- background-repeat: repeat;
- background-attachment: fixed;
- {/block:ifnotcoverbg}
- {block:ifcoverbg}
- background-size: cover;
- background-attachment: fixed;
- {/block:ifcoverbg}
- font-family: {select:font};
- color:{color:text color};
- {block:ifglowtext}
- text-shadow: 0 0 3px {color:text glow}, 0 0 15px {color:text glow}, 0 0 3px {color:text glow};
- {/block:ifglowtext}
- font-size: {text:font size};
- }
- pre {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- a {
- color:{color:link color};
- text-decoration:none;
- {block:ifglowlinks}
- text-shadow: 0 0 3px {color:link glow}, 0 0 15px {color:link glow}, 0 0 3px {color:link glow};
- {/block:ifglowlinks}
- }
- a:hover {
- color:{color:link hover};
- }
- /*
- containers etc
- */
- #wrapper{
- width:600px;
- background-image: url('{image:container background}');
- background-color:{color:container};
- {block:ifnotcovercontainerbg}
- background-repeat: repeat;
- background-attachment: fixed;
- {/block:ifnotcovercontainerbg}
- {block:ifcovercontainerbg}
- background-size: cover;
- background-attachment: fixed;
- {/block:ifcovercontainerbg}
- margin:50px auto;
- padding:5px;
- {block:ifborder}
- border-width:{text:border size};
- border-style:{select:border type};
- border-color:{color:border};
- {block:ifborderglow}
- -moz-box-shadow: 0px 0px 4px 2px {color:border glow};
- -webkit-box-shadow: 0px 0px 4px 2px {color:border glow};
- box-shadow: 0px 0px 4px 2px {color:border glow};{/block:ifborderglow}
- {/block:ifborder}
- }
- #um {
- color: {color:title};
- height:0px;
- font-weight:bold;
- font-size: {text:title size};
- font-family:{select:title font};
- padding: 0px;
- margin-right:auto;
- margin-left:auto;
- z-index:999999;
- text-align:center;
- margin-bottom:-30px;
- font:{color:title};
- {block:iftitleglow}text-shadow:0px 0px 15px {color:title glow};{block:iftitleglow}
- }
- .pop {
- animation: pop 1s infinite;
- -webkit-animation: pop 1s infinite;
- }
- @keyframes pop {
- from {
- transform:scale(0.95)
- }
- 50% {
- transform:scale(1)
- }
- to {
- transform:scale(0.95)
- }
- }
- @-webkit-keyframes pop {
- from {
- -webkit-transform:scale(0.95)
- }
- 50% {
- -webkit-transform:scale(1)
- }
- to {
- -webkit-transform:scale(0.95)
- }
- }
- .post{
- width:400px;
- margin-left:90px;
- font-size:{text:font size};
- margin-top:30px;
- margin-bottom:30px;
- position:float;
- padding:10px;
- overflow:hidden;
- background-color:{color:posts};
- background-image: url('{image:post background}');
- {block:ifnotcoverpostbg}
- background-repeat: repeat;
- background-attachment: fixed;
- {/block:ifnotcoverpostbg}
- {block:ifcoverpostbg}
- background-size: cover;
- background-attachment: fixed;
- {/block:ifcoverpostbg}
- {block:ifpostglow}
- -moz-box-shadow: 0px 0px 4px 2px {color:post glow};
- -webkit-box-shadow: 0px 0px 4px 2px {color:post glow};
- box-shadow: 0px 0px 4px 2px {color:post glow};{/block:ifpostglow}
- }
- .post img{
- max-width:100%;
- height:auto;
- }
- .tags {
- max-height:0px;
- line-height:130%;
- text-align:left;
- font-size:{text:font size};
- opacity:0;
- -webkit-transition: all 0.7s ease;
- transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;}
- .post:hover .tags{
- opacity:1;
- max-height:300px;
- -webkit-transition: all 0.7s ease;
- transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;}
- #header{
- max-width:550px;
- height:auto;
- margin:50px auto;
- padding:5px;
- font-size:{text:font size};
- background: {color:header};
- background-image: url('{image:header background}');
- {block:ifnotcoverheaderbg}
- background-repeat: repeat;
- background-attachment: fixed;
- {/block:ifnotcoverheaderbg}
- {block:ifcoverheaderbg}
- background-size: cover;
- background-attachment: fixed;
- {/block:ifcoverheaderbg}
- position;fixed;
- overflow:auto;
- {block:ifborder}
- border-width:{text:border size};
- border-style:{select:border type};
- border-color:{color:border};
- {block:ifborderglow}
- -moz-box-shadow: 0px 0px 4px 2px {color:border glow};
- -webkit-box-shadow: 0px 0px 4px 2px {color:border glow};
- box-shadow: 0px 0px 4px 2px {color:border glow};{/block:ifborderglow}
- {/block:ifborder}
- paddin<marquee>g: 10px 10px 8px 10px;
- }
- #header img{
- max-width:100%;
- margin-bottom:10px;
- }
- #nav{
- margin:50px 0 0 0;
- }
- #navi{
- width:400px;
- height:25px;
- margin-bottom:30px;
- font-size:{text:font size};
- color:{color:text};
- background-color:{color:posts};
- background-image: url('{image:post background}');
- padding:10px 10px 3px 10px;
- overflow:hidden;
- {block:ifnotcoverbg}
- background-repeat: repeat;
- background-attachment: fixed;
- {/block:ifnotcoverbg}
- {block:ifcoverbg}
- background-size: cover;
- background-attachment: fixed;
- {/block:ifcoverbg}
- {block:ifpostglow}
- -moz-box-shadow: 0px 0px 4px 2px {color:post glow};
- -webkit-box-shadow: 0px 0px 4px 2px {color:post glow};
- box-shadow: 0px 0px 4px 2px {color:post glow};{/block:ifpostglow}
- }
- }
- /*
- content in the body of the posts - quotes, asks, etc
- "media" contains photos, photosets, videos, audio posts
- */
- .media{
- margin:0 0 10px 0;
- }
- .title{
- font-weight:normal;
- font-size:18px;
- margin:0 0 10px 0;
- }
- .quote{
- font-weight:normal;
- font-size:16px;
- font-style:italic;
- margin:0 0 10px 0;
- }
- .question{
- margin-bottom:10px;
- }
- blockquote{
- margin:0 0 10px 10px;
- padding:0 0 0 10px;
- border-left:solid 1px #000;
- }
- /*
- post footers - date, tags, via and source
- */
- .post .footer{
- margin:0;
- text-align:left;
- }
- /*
- post notes
- */
- ol.notes{
- list-style-type:none;
- padding:0;
- margin:0;
- }
- ol.notes li.note img{
- width:16px;
- height:16px;
- }
- ol.notes li.note{
- margin:0px;
- }
- #lol {
- margin-top:30px;
- }
- </style>
- </head>
- <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Short+Stack" />
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="lol">
- {block:ifrainbowtitle}
- <script type="text/javascript">
- // <![CDATA[
- var speed=100; // speed colours change, 1 second = 1000
- var glow=3; // can be set from '0' for no glow, to 10
- 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
- var alink=""; // page to link text to (set to ="" for no link)
- /*****************************/
- var rainbow, raintxt, raincnt=0;
- function addLoadEvent(funky) {
- var oldonload=window.onload;
- if (typeof(oldonload)!='function') window.onload=funky;
- else window.onload=function() {
- if (oldonload) oldonload();
- funky();
- }
- }
- addLoadEvent(regenbogen);
- function regenbogen() { if (document.getElementById) {
- var i, rainbeau;
- rainbow=document.getElementById("rainbow");
- raintxt=rainbow.firstChild.nodeValue;
- while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
- for (i=0; i<raintxt.length; i++) {
- rainbeau=document.createElement("span");
- rainbeau.setAttribute("id", "rain"+i);
- rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
- if (alink) {
- rainbeau.style.cursor="pointer";
- rainbeau.onclick=function() { top.location.href=alink; }
- }
- rainbow.appendChild(rainbeau);
- }
- rainbow=setInterval ("raining()", speed);
- }}
- function raining() {
- var i, c;
- for (i=0; i<raintxt.length; i++) {
- c=raincol[(i+raincnt)%raincol.length];
- document.getElementById("rain"+i).style.color=c;
- if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
- }
- raincnt++;
- }
- // ]]>
- </script>
- <div id="um" class="pop"><span id="rainbow">{text:custom title}</span></div>
- {/block:ifrainbowtitle}
- {block:ifnotrainbowtitle}
- <div id="um" class="pop">{text:custom title}</div>
- {/block:ifnotrainbowtitle}
- </div>
- <div id="header">
- <div align="center"><a href="/"><img src="{image:header}"align="center"></a>
- {/block:ifDescription}
- {block:ifDescription} {block:ifscrolldesc}<marquee>{text:description}</marquee> {/block:ifscrolldesc} </div> {block:ifnotscrolldesc} <div align="center">{text:description} </div>{/block:ifnotscrolldesc}
- {/block:ifDescription}
- <center><a href="{text:link one url}">{text:link one}</a> {text:link divider}
- <a href="{text:link two url}">{text:link two}</a> {text:link divider}
- <a href="{text:link three url}">{text:link three}</a></center>
- </div></div>
- <div id="wrapper">
- <div id="content">
- {block:Posts}
- <div class="post">
- {block:Text}
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="media">{Photoset-400}</div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">"{Quote}"</div>
- {block:Source}
- <div class="quotesource">{Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="title"><a href="{URL}">{Name}</a></div>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- {block:Lines}
- <div class="{Alt} user_{UserNumber}">
- {block:Label}
- <b>{Label}</b>{/block:Label}
- {Line}
- </div>
- {/block:Lines}
- {/block:Chat}
- {block:Video}
- <div class="media">{Video-400}</div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Audio}
- <div class="media">
- {AudioPlayerWhite}
- {block:TrackName}{TrackName}{/block:TrackName} /
- {block:Artist}{Artist}{/block:Artist}
- </div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Answer}
- <div class="question">{Asker}: {Question}</div>
- <div class="caption">{Answer}</div>
- {/block:Answer}
- {block:Date}
- <div class="footer">
- <a href="{Permalink}"><a href="{Permalink}" title="{timeago}">{notecount}{text:notes symbol}</a>
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <br>
- <div class="tags"> {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
- </div>
- {block:PermalinkPage}
- {block:NoteCount}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:NoteCount}
- {/block:PermalinkPage}
- {/block:Date}
- </div>
- {/block:Posts}
- <center>
- {block:Pagination}
- <div id="navi">
- {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </center>
- </div>
- </div>
- </div>
- <a style="position:fixed;left:3px;bottom:3px;" <a href="https://boyfriended.tumblr.com/" title="theme by artie ^_^">♜</a>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
- <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement