Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- 。・:*:・゚★,。・:*:・゚☆ 。・:*:・゚★,。・:*:・゚☆
- base code by chraliecox
- theme by abby yummiland Σd(≧ω≦*) グッ
- all i ask is dont remove the credit
- if you have anyquestions or if theres any bugs send me an ask!! i hope u like it ilysm thanks for using!!
- 。・:*:・゚★,。・:*:・゚☆ 。・:*:・゚★,。・:*:・゚☆
- -->
- <!DOCTYPE html>
- <head>
- {block:ifcursorsparkles}<script type="text/javascript">
- // <![CDATA[
- var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
- 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:ifcursorsparkles}
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!--Default Variables-->
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:post bg" content="#2b2b2b"/>
- <meta name="color:text" content="#2b2b2b"/>
- <meta name="color:link" content="#2b2b2b"/>
- <meta name="color:link hover" content="#949494"/>
- <meta name="color:blockquote" content="#dadada"/>
- <meta name="color:post border" content="#2b2b2b"/>
- <meta name="image:sidebar" content=""/>
- <meta name="image:background" content=""/>
- <meta name="image:home" content="/"/>
- <meta name="image:ask" content="/ask"/>
- <meta name="text:home" content=""/>
- <meta name="text:ask" content=""/>
- <meta name="image:link 1" content=""/>
- <meta name="text:link 1 URL" content=""/>
- <meta name="image:sidebar bg" content=""/>
- <meta name="if:desc" content="" />
- <meta name="if:searchbar" content="" />
- <meta name="if:permalink" content="" />
- <meta name="if:title" content="" />
- <meta name="if:tags" content="" />
- <meta name="if:cursorsparkles" content="" />
- <meta name="text:title size" content="" />
- <meta name="text:searchbar text" content=""/>
- <!--eeeeeeeee -->
- <style type="text/css">
- #s-m-t-tooltip{
- position:absolute;
- margin-top: 15px;
- z-index:9999;
- background:{color:background};
- }
- /*basics*/
- blockquote {
- padding-left:12px;
- border-left:1px solid {color:blockquote};
- margin-left:8px;
- }
- ul {
- list-style:none;
- text-align:left;
- padding-left:0;
- }
- li {
- position:relative;
- padding-left:30px;
- }
- ul li:before {
- position:absolute;
- left:15px;
- vertical-align:baseline!important;
- content:'›';
- }
- body {
- background:{color:background};
- background: {color:Background} url('{image:Background}') repeat;
- color:{color:text};
- font-family:arial;
- font-size:18px;
- margin:0;
- text-align:justify;
- line-height:24px;
- }
- a {
- color:{color:link};
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- text-decoration:none;
- }
- a:hover {
- color:{color:link hover};
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- img {
- opacity:1;
- border:none;
- text-decoration:none;
- }
- small {
- font-size:15px;
- }
- big {
- font-size:18px;
- }
- #title {
- line-height:18px;
- margin-bottom:10px;
- font-weight:bold;
- text-transform:none;
- text-align:center;
- }
- /*sidebar*/
- #sidebar {
- text-align:center;
- position:fixed;
- margin-left:-360px;
- margin-top:94px;
- width:290px;
- box-shadow: 0 0 5px 2px {color:post border};
- padding: 10px;
- background:{color:post bg};
- }
- #sidebar .title {
- font-size: {text:title size};
- margin-bottom: 5px;
- width:290px;
- }
- #sidebar img {
- width:240px;
- }
- #links {
- font-size:18px;
- margin-top:10px;
- text-align:center;
- font-weight: bold;
- }
- #links img {
- width: auto;
- border-radius:0px;
- }
- #links a {
- margin-bottom:0px;
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- #description {
- margin-top:10px;
- text-align:center;
- }
- /*pagination*/
- #pagination {
- text-transform:lowercase;
- text-align:center;
- font-size:17px;
- margin-bottom:120px;
- }
- #pagination a {
- padding:0 3px;
- }
- /*container*/
- #con {
- left:50%;
- margin-left:-140px;
- position:absolute;
- }
- /*posts*/
- #entries {
- margin-top:95px;
- width:500px;
- }
- #posts {
- width:470px;
- {block:IndexPage}
- margin-bottom:80px;
- {/block:IndexPage}
- {block:PermalinkPage}
- margin-bottom:50px;
- {/block:PermalinkPage}
- background:{color:post bg};
- box-shadow: 0 0 5px 2px {color:post border};
- padding: 10px;
- }
- #posts img {
- max-width:470px;
- }
- #posts img, #posts li, #posts blockquote {
- max-width: 100%;
- }
- .caption {
- width:100%;
- margin-top:13px;
- margin-bottom:12px;
- }
- a.tumblr_blog {
- font-weight:bold;
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- /*quote*/
- #titlequote {
- text-align:left;
- font-size:18px;
- line-height:17px;
- font-weight:bold;
- }
- #source {
- margin-top:0px;
- margin-bottom:11px;
- margin-left:0px;
- }
- /*asks*/
- .q {
- line-height:17px;
- font-size:17px;
- }
- .as {
- font-weight:normal;
- }
- .a {
- margin-top:13px;
- }
- /*chat*/
- .chat ol {
- padding:0;
- list-style:none;
- }
- .line {
- padding:0px 0;
- }
- .label {
- font-weight:bold;
- }
- /*permalink and notes*/
- #permalink {
- font-size:22px;
- text-align:center;
- margin-top:9px;
- text-transform:uppercase;
- padding:10px;
- text-decoration:none;
- }
- #permalink a {
- margin-right:0px;
- }
- .tags {
- font-size:20px;
- text-transform:none;
- }
- .pagenotes {
- {block:IndexPage}
- display: none!important;
- {/block:IndexPage}
- width:500px;
- text-align:left;
- }
- .pagenotes img {
- display:none!important;
- }
- .pagenotes li {
- list-style-type:none;
- padding:2px 0px;
- text-align:left;
- margin:0 0 0 -40px;
- }
- {CustomCSS}
- </style>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
- </head>
- <body>
- <div id="con">
- <div id="sidebar">
- {block:iftitle}
- <div class="title">
- <b>{Title}</b>
- </div>
- {/block:iftitle}
- <div id="sidebar img"><img src="{image:sidebar}"></div>
- {block:ifdesc}<div id="description">{Description}</div>{/block:ifdesc}
- {block:ifsearchbar}<form action="/search" method="get">
- <input type="text" name="q" value="{SearchQuery}"/>
- <input type="submit" value="{text:searchbar text}"/>
- </form>{/block:ifsearchbar}
- <div id="links">
- <a href="{text:home}" title="{Text:home}"><img src="{image:home}"></a>
- <a href="{text:ask}" title="{Text:ask}"><img src="{image:ask}"></a>
- <a href="{text:link 1 URL}" title="{Text:link 1}"><img src="{image:link 1}"></a>
- </div>
- </div>
- <div id="entries">
- {block:Posts}
- <div id="posts">
- {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-500}" alt="{PhotoAlt}"/>{linkCloseTag}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {/block:Photoset}
- <div class="video">{Video-500}</div>
- {block:Audio}
- {block:AudioEmbed}{AudioEmbed-400}{/block:AudioEmbed}
- {/block:Audio}
- {block:Answer}
- <div class="q">
- <div class="as"> <b><big>{Asker} asked:</big></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 id="permalink">
- {block:ifpermalink}<a href="{Permalink}" ><b>{ShortMonth} {DayOfMonthWithSuffix}</b></a>
- {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}!</a>{/block:NoteCount}<div style="float:right;">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"></a>{block:ContentSource} <a href="{ReblogRootURL}" title="{ReblogRootName}"></a>{/block:ContentSource}{/block:RebloggedFrom}</div>{/block:ifpermalink}
- {block:Date}
- {block:iftags}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:iftags}
- </div>
- {/block:Date}
- </div>
- {block:PostNotes}
- <div class="pagenotes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">BACK</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">NEXT</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- </div>
- <div style="position:fixed;bottom:10px;opacity:1;right:20px;padding:px;font-size:19px;font-weight:normal;"><a title="theme by abby
- ヾ(@⌒ー⌒@)ノ" href="https://yummiland.tumblr.com/"><img src="https://78.media.tumblr.com/0065d8dfad299d195dc01035ef1a96b5/tumblr_inline_p60nz8KgZQ1vek0u1_500.png"></a></div></body></html></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement