Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!-----
- sweets! theme by cassiel catidol / cinabar
- you can edit the code as much as you want! just don't remove the credit.
- thank you!!!!!
- base code by animecharacter.tumblr.com
- ----->
- <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Short+Stack" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
- <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="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
- <meta name="image:bg image" content="">
- <meta name="image:sidebar" content="">
- <meta name="image:favicon" content="">
- <meta name="image:custom cursor" content="">
- <meta name="color:background" content="fff">
- <meta name="color:sidebar bg" content="fff">
- <meta name="color:post bg" content="fff">
- <meta name="color:border" content="fff">
- <meta name="color:link" content="fff">
- <meta name="color:link hover" content="fff">
- <meta name="color:link border" content="fff">
- <meta name="color:link border hover" content="fff">
- <meta name="color:link glow" content="fff">
- <meta name="color:text" content="fff">
- <meta name="color:scrollbar" content="fff">
- <meta name="color:scrollbar bg" content="fff">
- <meta name="color:blockquote" content="fff">
- <meta name="color:cursor sparkles" content="fff">
- <meta name="if:description" content=""/>
- <meta name="if:links" content=""/>
- <meta name="if:link 1" content=""/>
- <meta name="if:link 2" content=""/>
- <meta name="if:link 3" content=""/>
- <meta name="if:show title" content=""/>
- <meta name="if:custom cursor" content=""/>
- <meta name="if:double border" content=""/>
- <meta name="if:rounded" content=""/>
- <meta name="if:rounded sidebar image" content=""/>
- <meta name="if:link border" content=""/>
- <meta name="if:link glow" content=""/>
- <meta name="if:rainbow links" content=""/>
- <meta name="if:cursor sparkles" content=""/>
- <meta name="select:font family" content="arial">
- <meta name="select:font family" content="consolas">
- <meta name="select:font family" content="dotum">
- <meta name="select:font family" content="ms pgothic">
- <meta name="select:font family" content="open sans">
- <meta name="select:font family" content="indie flower">
- <meta name="select:font family" content="roboto mono">
- <meta name="select:font family" content="short stack">
- <meta name="select:font family" content="droid serif">
- <meta name="select:font family" content="poppins">
- <meta name="select:font family" content="josefin sans">
- <meta name="select:border type" content="solid">
- <meta name="select:border type" content="dashed">
- <meta name="select:border type" content="dotted">
- <meta name="select:border type" content="none">
- <meta name="text:font size" content="12">
- <meta name="text:tag symbol" content="#">
- <meta name="text:link divider" content="//">
- <meta name="text:via src divider" content"+">
- <meta name="text:sidebar margin top" content="100">
- <meta name="text:sidebar margin left" content="-50">
- <meta name="text:sidebar width" content="120">
- <meta name="text:sidebar image size" content="100">
- <meta name="text:link 1" content="">
- <meta name="text:link 1 url" content="/">
- <meta name="text:link 2" content="">
- <meta name="text:link 2 url" content="/">
- <meta name="text:link 3" content="">
- <meta name="text:link 3 url" content="/">
- <style type="text/css">
- /*
- general text styles, fonts and colours
- */
- body {
- margin:0px;
- background:{color:background} url({image:bg image});
- background-attachment:fixed;
- text:{color:text};
- font-family: {select:font family};
- font-size:{text:font size}px;
- line-height:140%;
- color: {color:text};
- word-wrap: normal;
- display:block;
- }
- 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;
- {block:iflinkglow}text-shadow: 0 0 .6em {color:link glow};{/block:iflinkglow}
- {block:iflinkborder}text-shadow: -1px 0 {color:link border}, 0 1px {color:link border}, 1px 0 {color:link border}, 0 -1px {color:link border};{/block:iflinkborder}
- }
- a:hover{
- color:{color:link hover};
- -webkit-transition: color 0.2s ease-out;
- -moz-transition: color 0.2s ease-out;
- transition: color 0.2s ease-out;
- {block:iflinkglow}text-shadow: 0 0 .6em {color:link glow};{/block:iflinkglow}
- {block:iflinkborder}text-shadow: -1px 0 {color:link border hover}, 0 1px {color:link border hover}, 1px 0 {color:link border hover}, 0 -1px {color:link border hover};{/block:iflinkborder}
- }
- li{
- margin-left:-15px;
- }
- .com:last-child{display:none;}
- ::-webkit-scrollbar {
- width:9px;
- height:0;
- background:{color:scrollbar bg};
- border-left:4px solid {color:scrollbar bg};
- border-right:4px solid {color:scrollbar bg};
- border-bottom:2px solid {color:scrollbar bg};
- border-top:2px solid {color:scrollbar bg};
- }
- ::-webkit-scrollbar-thumb {
- background:{color:scrollbar};
- border:1px solid {color:scrollbar};
- }
- /*
- containers etc
- */
- #wrapper{
- width:600px;
- margin:0px auto;
- }
- #sidebar{
- width:{text:sidebar width}px;
- position:fixed;
- text-align:center;
- margin-top:{text:sidebar margin top}px;
- margin-left:{text:sidebar margin left}px;
- {block:ifrounded}-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; {/block:ifrounded}
- border: 1px {select:border type} {color:border};
- background: {color:sidebar bg};
- {block:ifdoubleborder}border:4px double {color:border};{/block:ifdoubleborder};
- }
- #content{
- width:400px;
- margin-left:200px;
- overflow:hidden;
- padding:45px;
- }
- .post{
- width:400px;
- margin:0 0 50px 0;
- background:{color:post bg};
- overflow:none;
- text-align:none;
- padding:10px;
- border: 1px {select:border type} {color:border}; padding:10px; {block:ifdoubleborder}border:4px double {color:Border}; {/block:ifdoubleborder}
- {block:ifrounded}-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; {/block:ifrounded}
- }
- #sidebar img, .post img{
- max-width:100%;
- }
- #sidebar img{
- width:{text:sidebar image size}px;
- {block:ifroundedsidebarimage}
- border-radius:80%;
- {/block:ifroundedsidebarimage}
- margin-top:10px;
- }
- #nav{
- margin:50px 0 0 0;
- margin-bottom:10px;
- margin-top:-5px;
- }
- #links{
- margin-bottom:10px;
- text-align:center;
- margin-left:10px;
- margin-right:10px;
- }
- #asker{
- text-transform:uppercase;
- }
- #title{
- font-size:18px;
- margin-top:10px;
- margin-left:10px;
- margin-right:10px;
- margin-bottom:5px;
- }
- #description{
- margin-left:10px;
- margin-right:10px;
- }
- #credit{
- padding:10px;
- width:15px;
- height:15px;
- position:fixed;
- border-radius:100%;
- bottom:5px;
- left:3px;
- font-size:18px;
- }
- /*
- 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;
- text-align:right;
- }
- .quote{
- font-weight:normal;
- font-size:18px;
- 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 {color:blockquote};
- }
- /*
- post footers - date, tags, via and source
- */
- .post .footer{
- margin:0;
- text-align:center;
- padding:5px;
- }
- /*
- 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>
- {block:ifrainbowlinks}
- <!---rainbow links--->
- <script type='text/javascript'>
- //<![CDATA[
- var rate = 60;
- if (document.getElementById)
- window.onerror=new Function("return true")
- var objActive;
- var act = 0;
- var elmH = 0;
- var elmS = 128;
- var elmV = 255;
- var clrOrg;
- var TimerID;
- if (document.all) {
- document.onmouseover = doRainbowAnchor;
- document.onmouseout = stopRainbowAnchor;
- }
- else if (document.getElementById) {
- document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
- document.onmouseover = Mozilla_doRainbowAnchor;
- document.onmouseout = Mozilla_stopRainbowAnchor;
- }
- function doRainbow(obj)
- {
- if (act == 0) {
- act = 1;
- if (obj)
- objActive = obj;
- else
- objActive = event.srcElement;
- clrOrg = objActive.style.color;
- TimerID = setInterval("ChangeColor()",100);
- }
- }
- function stopRainbow()
- {
- if (act) {
- objActive.style.color = clrOrg;
- clearInterval(TimerID);
- act = 0;
- }
- }
- function doRainbowAnchor()
- {
- if (act == 0) {
- var obj = event.srcElement;
- while (obj.tagName != 'A' && obj.tagName != 'BODY') {
- obj = obj.parentElement;
- if (obj.tagName == 'A' || obj.tagName == 'BODY')
- break;
- }
- if (obj.tagName == 'A' && obj.href != '') {
- objActive = obj;
- act = 1;
- clrOrg = objActive.style.color;
- TimerID = setInterval("ChangeColor()",100);
- }
- }
- }
- function stopRainbowAnchor()
- {
- if (act) {
- if (objActive.tagName == 'A') {
- objActive.style.color = clrOrg;
- clearInterval(TimerID);
- act = 0;
- }
- }
- }
- function Mozilla_doRainbowAnchor(e)
- {
- if (act == 0) {
- obj = e.target;
- while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
- obj = obj.parentNode;
- if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
- break;
- }
- if (obj.nodeName == 'A' && obj.href != '') {
- objActive = obj;
- act = 1;
- clrOrg = obj.style.color;
- TimerID = setInterval("ChangeColor()",100);
- }
- }
- }
- function Mozilla_stopRainbowAnchor(e)
- {
- if (act) {
- if (objActive.nodeName == 'A') {
- objActive.style.color = clrOrg;
- clearInterval(TimerID);
- act = 0;
- }
- }
- }
- function ChangeColor()
- {
- objActive.style.color = makeColor();
- }
- function makeColor()
- {
- if (elmS == 0) {
- elmR = elmV; elmG = elmV; elmB = elmV;
- }
- else {
- t1 = elmV;
- t2 = (255 - elmS) * elmV / 255;
- t3 = elmH % 60;
- t3 = (t1 - t2) * t3 / 60;
- if (elmH < 60) {
- elmR = t1; elmB = t2; elmG = t2 + t3;
- }
- else if (elmH < 120) {
- elmG = t1; elmB = t2; elmR = t1 - t3;
- }
- else if (elmH < 180) {
- elmG = t1; elmR = t2; elmB = t2 + t3;
- }
- else if (elmH < 240) {
- elmB = t1; elmR = t2; elmG = t1 - t3;
- }
- else if (elmH < 300) {
- elmB = t1; elmG = t2; elmR = t2 + t3;
- }
- else if (elmH < 360) {
- elmR = t1; elmG = t2; elmB = t1 - t3;
- }
- else {
- elmR = 0; elmG = 0; elmB = 0;
- }
- }
- elmR = Math.floor(elmR).toString(16);
- elmG = Math.floor(elmG).toString(16);
- elmB = Math.floor(elmB).toString(16);
- if (elmR.length == 1) elmR = "0" + elmR;
- if (elmG.length == 1) elmG = "0" + elmG;
- if (elmB.length == 1) elmB = "0" + elmB
- elmH = elmH + rate;
- if (elmH >= 360)
- elmH = 0;
- return '#' + elmR + elmG + elmB;
- }
- //]]>
- </script>
- <!---rainbow links--->
- {/block:ifrainbowlinks}
- {block:ifcursorsparkles}
- <script type="text/javascript">
- // <![CDATA[
- var colour="{color:cursor sparkles}";
- var sparkles=120;
- /****************************
- * Tinkerbell Magic Sparkle *
- * (c) 2005 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";
- 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);
- }
- // ]]>
- </script>
- {/block:ifcursorsparkles}
- </head>
- <body>
- {block:ifcustomcursor}
- <style>body, a, a:hover { cursor:url({image:custom cursor}), auto; }</style>
- {/block:ifcustomcursor}
- <div id="wrapper">
- <div id="sidebar">
- {block:ifshowtitle}<div id="title"><a href="/">{Title}</a></div>{block:ifshowtitle}
- <div id="sidebar img">
- <a href="/">
- <img src="{image:sidebar}">
- </a>
- </div>
- {block:ifdescription}
- <div id="description">
- {block:Description}
- <p>{Description}</p>
- {/block:Description}
- </div>
- {/block:ifdescription}
- {block:iflinks}
- <div id="links">
- {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a> {text:link divider} {/block:iflink1}
- {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a> {text:link divider} {/block:iflink2}
- {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
- </div>
- {/block:iflinks}
- {block:Pagination}
- <div id="nav">
- {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
- {block:NextPage}— <a href="{NextPage}">next</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </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}
- <div class="media">
- {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
- {AudioPlayerWhite}
- {block:TrackName}{TrackName}<br>{/block:TrackName}
- {block:Artist}{Artist}<br>{/block:Artist}
- {block:Album}{Album}{/block:Album}
- </div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Answer}
- <div class="question"><div id="asker">{Asker}</div> inquired: {Question}</div>
- <div class="caption">{Answer}</div>
- {/block:Answer}
- {block:Date}
- <div class="footer">
- <a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>
- {block:RebloggedFrom}<br><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}{text:via src divider} <a href="{SourceURL}">src</a>{/block:ContentSource}
- {block:HasTags}<br>{block:Tags}{text:tag symbol}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
- </div>
- {block:PermalinkPage}
- {block:NoteCount}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:NoteCount}
- {/block:PermalinkPage}
- {/block:Date}
- </div>
- {/block:Posts}
- <div id="credit">
- <a title="theme by angela" href="http://whitefixer.tumblr.com">✨</a>
- </div>
- </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="http://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