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:iflights}<script type="text/javascript">
- // <![CDATA[
- var colour="{color:lights}"; // what colour are the blobs
- var speed=66; // speed of animation, lower is faster
- var blobs=20; // how many blobs are in the jar
- var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
- /***************************\
- * Blobs in a Jar Effect *
- *(c)2012-13 mf2fm web-design*
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- \***************************/
- var div;
- var xpos=new Array();
- var ypos=new Array();
- var zpos=new Array();
- var dx=new Array();
- var dy=new Array();
- var dz=new Array();
- var blob=new Array();
- var swide=800;
- var shigh=600;
- var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
- function addLoadEvent(funky) {
- var oldonload=window.onload;
- if (typeof(oldonload)!='function') window.onload=funky;
- else window.onload=function() {
- if (oldonload) oldonload();
- funky();
- }
- }
- addLoadEvent(fill_the_jar);
- function fill_the_jar() {
- var i, dvs;
- div=document.createElement('div');
- dvs=div.style;
- dvs.position='fixed';
- dvs.left='0px';
- dvs.top='0px';
- dvs.width='1px';
- dvs.height='1px';
- document.body.appendChild(div);
- set_width();
- for (i=0; i<blobs; i++) {
- add_blob(i);
- jamjar(i);
- }
- }
- function add_blob(ref) {
- var dv, sy;
- dv=document.createElement('div');
- sy=dv.style;
- sy.position='absolute';
- sy.textAlign='center';
- if (ie_version && ie_version<10) {
- sy.fontSize="10px";
- sy.width="100px";
- sy.height="100px";
- sy.paddingTop="40px";
- sy.color=colour;
- dv.appendChild(document.createTextNode(charc));
- }
- else if (ie_version) {
- sy.fontSize="1px";
- sy.width="0px";
- sy.height="0px";
- }
- else {
- dv.appendChild(document.createTextNode(charc));
- sy.color='rgba(0,0,0,0)';
- }
- ypos[ref]=Math.floor(shigh*Math.random());
- dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
- xpos[ref]=Math.floor(swide*Math.random());
- dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
- zpos[ref]=Math.random()*20;
- dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
- blob[ref]=dv;
- div.appendChild(blob[ref]);
- set_blob(ref);
- }
- function rejig(ref, xy) {
- if (xy=='y') {
- dx[ref]=(0.5+Math.random())*sign(dx[ref]);
- dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
- }
- else {
- dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
- dy[ref]=(0.5+Math.random())*sign(dy[ref]);
- }
- }
- function sign(a) {
- if (a<0) return (-2);
- else if (a>0) return (2);
- else return (0);
- }
- function set_blob(ref) {
- var sy;
- sy=blob[ref].style;
- sy.top=ypos[ref]+'px';
- sy.left=xpos[ref]+'px';
- if (ie_version && ie_version<10) {
- sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
- sy.fontSize=30-zpos[ref]+"px";
- }
- else if (ie_version) {
- sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
- }
- else {
- sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
- sy.fontSize=40+zpos[ref]+'px';
- }
- }
- function jamjar(ref) {
- if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
- ypos[ref]+=dy[ref];
- if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
- xpos[ref]+=dx[ref];
- if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
- zpos[ref]+=dz[ref];
- set_blob(ref);
- setTimeout("jamjar("+ref+")", speed);
- }
- 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)!="undefined" && 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;
- }
- // ]]>
- </script>{/block:iflights}
- <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:text" content="#2b2b2b"/>
- <meta name="color:lights" content="#2b2b2b"/>
- <meta name="color:link" content="#2b2b2b"/>
- <meta name="color:linkglow" content="#ffffff"/>
- <meta name="color:link hover" content="#949494"/>
- <meta name="color:blockquote" content="#dadada"/>
- <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:link 2" content=""/>
- <meta name="text:link 2 URL" content=""/>
- <meta name="text:title" content=""/>
- <meta name="text:header" content=""/>
- <meta name="if:desc" content="" />
- <meta name="if:permalink" content="" />
- <meta name="if:linkglow" content="" />
- <meta name="if:lights" content="" />
- <meta name="if:title" 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:22px;
- }
- a {
- color:{color:link};
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- text-decoration:none;
- {block:iflinkglow}text-shadow:1px 1px 5px {color:linkglow};{block:iflinkglow}
- }
- 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 {font-size:25px;
- line-height:18px;
- margin-bottom:10px;
- font-weight:bold;
- text-transform:none;
- text-align:left;
- }
- /*sidebar*/
- #sidebar {
- text-align:center;
- position:center;
- margin-left:-0px;
- margin-top:36px;
- width:330px;
- }
- #sidebar img {
- width:{text:header};
- }
- #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}
- }
- #posts img {
- max-width:470px;
- }
- #posts img, #posts li, #posts blockquote {
- max-width: 90%;
- }
- .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:left;
- margin-top:9px;
- text-transform:lowercase;
- }
- #permalink a {
- margin-right:0px;
- }
- .tags {
- font-size:17px;
- 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>
- {block:iftitle}<script type="text/javascript">
- var rev = "fwd";
- function titlebar(val)
- {
- var msg = "TITLE HERE";
- var res = " ";
- var speed = 100;
- var pos = val;
- msg = "{text:title}";
- var le = msg.length;
- if(rev == "fwd"){
- if(pos < le){
- pos = pos+1;
- scroll = msg.substr(0,pos);
- document.title = scroll;
- timer = window.setTimeout("titlebar("+pos+")",speed);}
- else{
- rev = "bwd";
- timer = window.setTimeout("titlebar("+pos+")",speed);}}
- else{
- if(pos > 0){
- pos = pos-1;
- var ale = le-pos;
- scrol = msg.substr(ale,le);
- document.title = scrol;
- timer = window.setTimeout("titlebar("+pos+")",speed);}
- else{
- rev = "fwd";
- timer = window.setTimeout("titlebar("+pos+")",speed);
- }}}
- titlebar(0);
- </script>{/block:iftitle}</head>
- <body>
- <div id="con">
- <div id="sidebar">
- <div id="sidebar img"><img src="{image:sidebar}"></div>
- {block:ifdesc}<div id="description">{Description}</div>{/block:ifdesc}
- <form action="/search" method="get">
- <input type="text" name="q" value="{SearchQuery}"/>
- <input type="submit" value="Search"/>
- </form>
- <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>
- <a href="{text:link 2 URL}" title="{Text:link 2}"><img src="{image:link 2}"></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-500}{/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:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- </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}">previous page</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">next page</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/tumblr_m1k63i5HZR1qb1380.gif"></a></div></body></html></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement