Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!-----
- ♡ circa 1999 by joyfriend ♡
- ^ ^
- = 0 . 0 =
- cat
- ----->
- {block:ifsparkles}
- <script type="text/javascript">
- // <![CDATA[
- var colour="random";
- var sparkles=50;
- /****************************
- * Tinkerbell Magic Sparkle *
- *(c)2005-13 mf2fm web-design*
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- ****************************/
- 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";
- rats.style.zIndex="999";
- 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";
- rats.style.zIndex="999";
- 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 (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
- 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+1)+"px";
- star[c].style.clip="rect(0px, 5px, 5px, 0px)";
- star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
- 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;
- starx[i]+=(i%5-2)/5;
- if (stary[i]<shigh+sdown) {
- star[i].style.top=stary[i]+"px";
- 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";
- tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
- 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;
- tinyx[i]+=(i%5-2)/5;
- if (tinyy[i]<shigh+sdown) {
- tiny[i].style.top=tinyy[i]+"px";
- 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) {
- if (e) {
- y=e.pageY;
- x=e.pageX;
- }
- else {
- set_scroll();
- y=event.y+sdown;
- x=event.x+sleft;
- }
- }
- window.onscroll=set_scroll;
- function set_scroll() {
- if (typeof(self.pageYOffset)=='number') {
- sdown=self.pageYOffset;
- sleft=self.pageXOffset;
- }
- else if (document.body && (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() {
- var sw_min=999999;
- var sh_min=999999;
- if (document.documentElement && document.documentElement.clientWidth) {
- if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
- if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
- }
- if (typeof(self.innerWidth)=='number' && self.innerWidth) {
- if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
- if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
- }
- if (document.body.clientWidth) {
- if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
- if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
- }
- if (sw_min==999999 || sh_min==999999) {
- sw_min=800;
- sh_min=600;
- }
- swide=sw_min;
- shigh=sh_min;
- }
- 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";
- return (div);
- }
- function newColour() {
- var c=new Array();
- c[0]=255;
- c[1]=Math.floor(Math.random()*256);
- c[2]=Math.floor(Math.random()*(256-c[1]/2));
- c.sort(function(){return (0.5 - Math.random());});
- return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
- }
- // ]]>
- </script>
- {/block:ifsparkles}
- <meta charset="utf-8">
- <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <link rel="shortcut icon" href="{image:favicon}">
- <link rel="alternate" type="application/rss+xml" href="{rss}">
- <title>{Title}</title>
- <link rel="shortcut icon" href="{image:favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <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>
- <!--lulw -->
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:posts" content="#6d6d6d"/>
- <meta name="color:text" content="#2b2b2b"/>
- <meta name="color:link" content="#2b2b2b"/>
- <meta name="color:link hover" content="#ff0000"/>
- <meta name="color:selection bg" content="#fff"/>
- <meta name="color:selection text">
- <meta name="color:tooltip" content="#ffffff"/>
- <meta name="color:tooltip text" content="#6d6d6d"/>
- <meta name="color:border" content="#000">
- <meta name="color:cred color" content="#fff">
- <meta name="image:background" content="" />
- <meta name="image:title img" content="" />
- <meta name="image:divider" content="">
- <meta name="image:favicon" content="">
- <meta name="image:cursor" content=""/>
- <meta name="image:bottom right" content=""/>
- <meta name="image:bottom left" content=""/>
- <meta name="image:blinkie 1" content=""/>
- <meta name="image:blinkie 2" content=""/>
- <meta name="image:blinkie 3" content=""/>
- <meta name="image:blinkie 4" content=""/>
- <meta name="image:blinkie 5" content=""/>
- <meta name="text:description" content="hi i made this when i was 14 sry"/>
- <meta name="text:date" content="10/6">
- <meta name="text:title" content="=^● ⋏ ●^="/>
- <meta name="text:redirect" content=""/>
- <meta name="text:font size" content="12px">
- <meta name="text:title size" content="15px">
- <meta name="text:link1" content="one">
- <meta name="text:url1" content="">
- <meta name="text:link2" content="two">
- <meta name="text:url2" content="">
- <meta name="text:link3" content="three">
- <meta name="text:url3" content="">
- <meta name="text:link4" content="about">
- <meta name="text:url4" content="/1">
- <meta name="if:redirect" content=""/>
- <meta name="if:cover bg" content=""/>
- <meta name="if:blinkies" content=""/>
- <meta name="if:divider" content=""/>
- <meta name="if:cursor" content=""/>
- <meta name="if:post border" content="" />
- <meta name="if:sparkles" content=""/>
- <meta name="select:font" content="arial">
- <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="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">
- {block:ifredirect}
- {block:IndexPage}<script type="text/javascript">
- var url = location.href;
- if (url == "{BlogURL}") {
- window.location = "{BlogURL}tagged/{text:redirect}";
- }
- </script>{/block:IndexPage}
- {/block:ifredirect}
- <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
- <style type="text/css">
- ::-webkit-scrollbar {
- width: 16px;
- height: 10px;
- }
- ::-webkit-scrollbar-thumb {
- background-color: #fff;
- background-image: url(https://i.imgur.com/Qtm9Z60.png);
- border-top: 1px solid #bdbdbd;
- border-left: 1px solid #bdbdbd;
- border-right: 1px solid black;
- border-bottom: 1px solid black;
- }
- ::-webkit-scrollbar-track {
- background-color: #fff;
- background-image: url(https://i.imgur.com/IGXGYKz.png);
- }
- ::-webkit-scrollbar-button:vertical:increment {
- background-image: url(https://i.imgur.com/WhC8iy3.png);
- width: 14px;
- height: 16px;
- border-top: 1px solid #bdbdbd;
- border-left: 1px solid #bdbdbd;
- border-right: 1px solid black;
- border-bottom: 1px solid black;
- }
- ::-webkit-scrollbar-button:vertical:decrement {
- background-image: url(https://i.imgur.com/fQ18mrR.png);
- border-top: 1px solid #bdbdbd;
- border-left: 1px solid #bdbdbd;
- border-right: 1px solid black;
- border-bottom: 1px solid black;
- width: 14px;
- height: 16px;
- }
- ::selection {
- background: {color:selection bg};
- color:{color:selection text};
- }
- ::-moz-selection {
- background: {color:selection bg};
- color:{color:selection text};
- }
- }
- .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;
- border:1px solid {color:tooltip text};
- 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
- */
- #right img{
- position:fixed;
- z-index:999;
- bottom:0px;
- right:0;
- left:fixed;
- max-width:350px;
- }
- #left img{
- position:fixed;
- z-index:999;
- bottom:0px;
- left:0;
- max-width:350px;
- }
- body {
- background:{color:background};
- 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}
- color:{color:text};
- font-family: {select:font};
- font-size: {text:font size};
- margin:0;
- text-align:justify;
- line-height:16px;
- }
- p{
- margin:0 0 10px 0;
- padding:0;
- }
- 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};
- }
- a:hover{
- color:{color:link hover};
- }
- li{
- margin-left:-15px;
- }
- {block:ifcursor}
- body, *, a, a:hover { cursor:url({image:Cursor}), auto;}
- {/block:ifcursor}
- /*
- containers etc
- */
- #agh{
- margin: 0;
- position: absolute;
- top: 0%;
- left: 50%;
- transform: translate(-50%, 0%);
- width:400px;
- text-align:center;
- }
- #head{
- text-align:center;
- margin-top:30px;
- width: 400px;
- padding: 10px;
- border:{text:border size} {select:border type} {color:border};
- margin-bottom:10px;
- background:{color:posts};
- }
- #content{
- width:400px;
- text-align:center;
- }
- #post{
- width:400px;
- margin-bottom:20px;
- background:{color:posts};
- padding:10px;
- border:{text:border size} {select:border type} {color:border};
- }
- #post img{
- max-width:100%;
- height:auto;
- }
- #tit {
- font-size: {text:title size};
- }
- #scream{
- width:420px;
- text-align:center;
- margin-top:10px;
- margin-bottom:30px;
- }
- #nav{
- margin-top:10px;
- width:420px;
- }
- #scream a{
- color:{color:cred color};
- }
- #nav a{
- color:{color:cred color};}
- /*
- 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;
- }
- #audiowrapper{
- overflow:auto;
- }
- /*
- 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;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="right"><img src="{image:bottom right}"></div>
- <div id="left"><img src="{image:bottom left}"></div>
- <div id="agh">
- <div id="head">
- <a href="/"><img src="{image:title img}"></a>
- <div id="tit">{text:title}</p></div>
- <div id="description">{text:description}</div>
- <a href="{text:url1}">{text:link1}</a>
- <a href="{text:url2}">{text:link2}</a>
- <a href="{text:url3}">{text:link3}</a>
- <a href="{text:url4}">{text:link4}</a>
- {block:ifblinkies}
- <p></p>
- <img src="{image:blinkie 1}"> <img src="{image:blinkie 2}">
- <img src="{image:blinkie 3}"> <img src="{image:blinkie 4}">
- <img src="{image:blinkie 5}">
- {/block:ifblinkies}
- </div>
- {block:ifdivider}
- <img style="margin-bottom:20px; width:425px; height:auto" src="{image:divider}">
- {/block:ifdivider}
- <div id="content">
- {block:Posts}
- <div id="post">
- {block:Quote}
- <div id="titlequote"><i class="fa fa-quote-left"></i> {Quote} <i class="fa fa-quote-right"></i></div>
- {block:Source}<div id="source">— {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}
- <div id="title">{Title}</div>{/block:Title}
- {Body}
- {/block:Text}
- {block:link}
- <div id="title"><a href="{URL}"><i class="fa fa-link"></i> {Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {/block:link}
- {block:Chat}
- {block:Title}
- <div id="title">{Title}</div>{/block:Title}
- {/block:Text}
- {block:lines}
- {block:label}
- <br><b>{label}</b>
- {/block:label}
- {line}
- {/block:lines}
- {/block:Chat}
- {block:Photo}
- {linkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{linkCloseTag}
- {/block:Photo}
- {block:Photoset}
- {Photoset-400}
- {/block:Photoset}
- <div class="video">{Video-400}</div>
- {block:AudioPlayer}
- <div id="audiowrapper">
- {block:AlbumArt}
- <img style="width:100px; border:1px solid {color:border}; float:left" src="{AlbumArtURL}">
- {/block:AlbumArt}
- {AudioPlayer}
- <div class="trackinfo">
- {block:TrackName}{TrackName}{/block:TrackName}<br>
- {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
- {block:Album}<i>{Album}</i>{/block:Album}<br>
- </div></div>
- {/block:AudioPlayer}
- {block:Answer}
- <div class="q">
- <div class="as"> <b>{Asker} meowed:</b>
- {Question}</div></div>
- <div class="a">{Answer}</div>
- {/block:Answer}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
- {block:Date}
- <div class="footer">
- <a href="{Permalink}">{notecount} notes</a> / <a href="{Permalink}">{timeago}</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}
- <div id="yo">
- {block:NoteCount}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:NoteCount}</div>
- {/block:PermalinkPage}
- {/block:Date}
- </div>
- {block:ifdivider}
- <img style="margin-bottom:20px; width:425px; height:auto" src="{image:divider}">
- {/block:ifdivider}
- {/block:Posts}
- {block:Pagination}
- <div id="nav">
- {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <div id="scream"><a href="https://joyfriend.tumblr.com/" title="artie was here">this page was last updated {text:date}</a>
- </div>
- </div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment