Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!-----
- walkman theme - @aken
- do what u want o__O
- ----->
- <head>
- {block:iffloaties}
- <script type="text/javascript">
- // <![CDATA[
- var colour="{color:floaties}"; // what colour are the blobs
- var speed=66; // speed of animation, lower is faster
- var blobs=10; // how many blobs are in the jar
- var charc="{text:float symbol}"; // 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:iffloaties}
- <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Short+Stack" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Overpass" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Gochi+Hand" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Sniglet" 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 charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <title>{Title}</title>
- <link rel="shortcut icon" href="{image:favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <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>
- <meta name="image:icon" content=""/>
- <meta name="image:background" content=""/>
- <meta name="image:favicon" content=""/>
- <meta name="color:background" content=""/>
- <meta name="color:text" content=""/>
- <meta name="color:link" content=""/>
- <meta name="color:hover" content=""/>
- <meta name="color:side links" content=""/>
- <meta name="color:post" content=""/>
- <meta name="color:shadow" content=""/>
- <meta name="color:border" content=""/>
- <meta name="color:thumb" content="#000"/>
- <meta name="color:track" content=""/>
- <meta name="color:tooltip" content=""/>
- <meta name="color:tooltip text" content=""/>
- <meta name="color:navigation" content=""/>
- <meta name="color:ask" content="#eaeaea"/>
- <meta name="color:ask text" content=""/>
- <meta name="color:blockquote" content=""/>
- <meta name="color:floaties" content=""/>
- <meta name="select:border" content="solid">
- <meta name="select:border" content="inset">
- <meta name="select:border" content="outset">
- <meta name="select:border" content="dotted">
- <meta name="select:border" content="dashed">
- <meta name="select:border" content="double">
- <meta name="select:blockquote border" content="solid">
- <meta name="select:blockquote border" content="dotted">
- <meta name="select:blockquote border" content="dashed">
- <meta name="select:font" content="arial"/>
- <meta name="select:font" content="times"/>
- <meta name="select:font" content="courier"/>
- <meta name="select:font" content="ms gothic"/>
- <meta name="select:font" content="ms pgothic"/>
- <meta name="select:font" content="verdana"/>
- <meta name="select:font" content="nunito sans"/>
- <meta name="select:font" content="short stack"/>
- <meta name="select:font" content="permanent marker"/>
- <meta name="select:font" content="overpass"/>
- <meta name="select:font" content="gochi hand"/>
- <meta name="select:font" content="sniglet"/>
- <meta name="select:font size" content="11"/>
- <meta name="select:font size" content="12"/>
- <meta name="select:font size" content="13"/>
- <meta name="text:icon title" content="i love you!"/>
- <meta name="text:border" content="1"/>
- <meta name="text:redirect" content=""/>
- <meta name="text:symbol" content="/"/>
- <meta name="text:link 1" content="home"/>
- <meta name="text:link 2" content="msg"/>
- <meta name="text:link 3" content="past"/>
- <meta name="text:link 1 url" content=""/>
- <meta name="text:link 2 url" content=""/>
- <meta name="text:link 3 url" content=""/>
- <meta name="text:float symbol" content="✧"/>
- <meta name="if:redirect" content=""/>
- <meta name="if:cover bg" content=""/>
- <meta name="if:pixel border" content=""/>
- <meta name="if:black border" content=""/>
- <meta name="if:fancy tooltip" content="1"/>
- <meta name="if:round post" content=""/>
- <meta name="if:round tooltip" content=""/>
- <meta name="if:floaties" content=""/>
- <meta name="if:shadow" content=""/>
- <style type="text/css">
- body {
- margin:0px;
- background-color:{color:background};
- background-image: url('{image:background}');
- {block:ifnotcoverbg}
- background-repeat: repeat;
- background-attachment: fixed;
- background-size:{text:blog bg size}px;
- {/block:ifnotcoverbg}
- {block:ifcoverbg}
- background-size: cover;
- background-attachment: fixed;
- {/block:ifcoverbg}
- font-family:{select:font};
- font-size:{select:font size}px;
- line-height:140%;
- color: {color:text};
- }
- 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};
- text-decoration:none;
- }
- a:hover{
- color:{color:hover};
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- li{
- margin-left:-15px;
- }
- #wrapper{
- width:600px;
- margin:50px auto;
- }
- #sidebar{
- margin-top:70px;
- text-align:center;
- width:116px;
- position:fixed;
- }
- #sidebar a:link { color: {color:side links}; }
- #sidebar a:visited { color:{color:side links}; }
- #sidebar a:hover { color: {color:hover}; }
- #sidebar a:active { color: {color:side links}; }
- #chyeah{
- background-color: {color:navigation};
- width:116px;
- position:fixed;
- margin-top:34px;
- border-radius:4px;
- padding:1px;
- text-align:center;
- }
- .arrow_box {
- position:fixed;
- background:#fff;
- }
- .arrow_box:after {
- top: 100%;
- left: 100%;
- border: solid transparent;
- content: " ";
- height: 0;
- width: 0;
- position:absolute;
- pointer-events: none;
- border-color: rgba(0, 0, 0, 0);
- border-top-color: {color:navigation};
- border-width: 10px;
- margin-left: 78px;
- margin-top:51.5px;
- }
- #content{
- width:450px;
- margin-left:200px;
- overflow:hidden;
- }
- .post{
- background-color:{color:post};
- border:{text:border}px {select:border} {color:border};
- width:400px;
- margin:0 0 50px 0;
- overflow:hidden;
- {block:ifshadow}
- box-shadow: 4px 3px {color:shadow};
- {/block:ifshadow}
- padding:5px;
- {block:ifroundpost}
- border-radius:4px;
- {/block:ifroundpost}
- }
- #sidebar img{
- width:110px;
- height:110px;
- padding:1px;
- border:{text:border}px {select:border} {color:border};
- {block:ifpixelborder}
- padding:0px;
- border-style: solid;
- {block:ifblackborder}
- border-width: 5px;-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}
- {block:ifnotblackborder}
- border-width: 5px;
- -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 round;
- -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 round;
- -o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 round;
- border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png") 8 fill round;
- {/block:ifnotblackborder}
- {/block:ifpixelborder}
- }
- .post img{
- max-width:100%;
- }
- .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:{select:blockquote border} .5px {color:blockquote};
- }
- .post .footer{
- margin-top:-5px;
- text-align:center;
- }
- 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;
- }
- .playbutton {
- position:relative;
- margin-top:45px;
- margin-left:44px;
- z-index:9;
- width:33px;
- height:30px;
- overflow:hidden;}
- .albumart img {
- position:relative;
- margin-top:-75px;
- margin-left:0px
- height:120px;
- width:120px;
- -webkit-border-top-left-radius: 20px;
- -webkit-border-bottom-left-radius: 20px;
- -moz-border-radius-topleft: 20px;
- -moz-border-radius-bottomleft: 20px;
- border-top-left-radius: 20px;
- border-bottom-left-radius: 20px;}
- .trackinfo {
- margin-bottom:10px;
- background:#fff;
- color:#000;
- top:-6px;
- position:relative;
- margin-left:120px;
- height:120px;
- margin-top:-120px;
- -webkit-border-top-right-radius: 20px;
- -webkit-border-bottom-right-radius: 20px;
- -moz-border-radius-topright: 20px;
- -moz-border-radius-bottomright: 20px;
- border-top-right-radius: 20px;
- border-bottom-right-radius: 20px;}
- .trackname {
- position:relative;
- padding-top:30px;
- text-align:center;
- font-size:14px;
- text-transform:uppercase;
- font-weight: bold;}
- .artist {
- text-align:center;
- font-size:12px;
- text-transform:uppercase;}
- .album {
- text-align:center;
- font-style: italic;}
- .playcount {
- font-weight: bold;
- margin-top:5px;
- text-align:center;}
- .question{
- background-color:{color:ask};
- color:{color:ask text};
- padding:3px;
- }
- }
- .tooltip{
- display:inline;
- position:relative;
- }
- #s-m-t-tooltip{
- max-width:300px;
- padding:5px;
- margin:20px 7px -2px 20px;
- letter-spacing:1px;
- text-align:center;
- color:{color:tooltip text};
- z-index:99999999999999999999;
- {block:iffancytooltip}
- background-color:rgba(0,0,0,0.5);
- color:white;
- {/block:iffancytooltip}
- {block:ifnotfancytooltip}
- color:{color:tooltip text};
- background-color:{color:tooltip};
- border:{text:border}px {select:border} {color:border};
- {/block:ifnotfancytooltip}
- {block:ifroundtooltip}
- border-radius:4px;
- {/block:ifroundtooltip}
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- ::-webkit-scrollbar {
- width: 10px;
- }
- ::-webkit-scrollbar-track {
- background: {color:track};
- }
- ::-webkit-scrollbar-thumb {
- background: {color:thumb};
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- {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}
- <div id="wrapper">
- {block:Pagination}<div id="chyeah"><i>
- {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">←</a>{/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}" class="jump_page">→</a>{/block:NextPage}</i>
- </div>
- <div class="arrow_box"></div>
- {/block:Pagination}
- <div id="sidebar">
- <a href="/" title="{text:icon title}"><img src="{image:icon}"></a>
- <a href="{text:link 1 url}">{text:link 1}</a> {text:symbol} <a href="{text:link 2 url}">{text:link 2}</a> {text:symbol} <a href="{text:link 3 url}">{text:link 3}</a>
- </div>
- <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}
- {block:AudioPlayer}
- <div class="playbutton">{AudioPlayerGrey}</div>
- {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="trackinfo">
- <div class="trackname">
- {block:TrackName}{TrackName}{/block:TrackName}
- </div>
- <div class="artist">
- {block:Artist}{Artist}{/block:Artist}
- </div>
- <div class="album">
- {block:Album}{Album}{/block:Album}
- </div>
- <div class="playcount">
- {block:PlayCount}Played: {PlayCount} times{/block:PlayCount}
- </div>
- </div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:AudioPlayer}
- {/block:Audio}
- {block:Answer}
- <div class="question"><b>{Asker}</b> asked: <i>{Question}</i></div>
- <div class="caption">{Answer}</div>
- {/block:Answer}
- {block:Date}
- <div class="footer">
- <a href="{Permalink}"><b>{TimeAgo}</b></a> {NoteCount}
- {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
- {block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}
- </div>
- {block:PermalinkPage}
- {block:NoteCount}
- {block:HasTags}<center>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</center>{/block:HasTags}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:NoteCount}
- {/block:PermalinkPage}
- {/block:Date}
- </div>
- {/block:Posts}
- </div>
- </div>
- </div>
- <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>
- <p style="position: fixed; left: 13px; bottom: -5px; font-size:14px;"><a href="https://tmblr.co/mrRfmbRR8G93obHQkpXeORA" title="theme by aken">💫</a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement