Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- ᴛʜᴇᴍᴇ 07 ʙʏ ʜᴀʀᴅᴢɪᴀᴍ
- please don't take off the credit it's really small!!!!
- ╭━━━━┳╮╱╭┳━━━┳━╮╭━┳━━━┳━━━╮ ╭━━┳╮╱╱╭╮
- ┃╭╮╭╮┃┃╱┃┃╭━━┫┃╰╯┃┃╭━━┫╭━╮┃ ┃╭╮┃╰╮╭╯┃
- ╰╯┃┃╰┫╰━╯┃╰━━┫╭╮╭╮┃╰━━┫╰━━╮ ┃╰╯╰╮╰╯╭╯
- ╱╱┃┃╱┃╭━╮┃╭━━┫┃┃┃┃┃╭━━┻━━╮┃ ┃╭━╮┣╮╭╯
- ╱╱┃┃╱┃┃╱┃┃╰━━┫┃┃┃┃┃╰━━┫╰━╯┃ ┃╰━╯┃┃┃
- ╱╱╰╯╱╰╯╱╰┻━━━┻╯╰╯╰┻━━━┻━━━╯ ╰━━━╯╰╯
- ╭╮╱╭┳━━━┳━━━┳━━━┳━━━━┳━━┳━━━┳━╮╭━╮
- ┃┃╱┃┃╭━╮┃╭━╮┣╮╭╮┣━━╮━┣┫┣┫╭━╮┃┃╰╯┃┃
- ┃╰━╯┃┃╱┃┃╰━╯┃┃┃┃┃╱╭╯╭╯┃┃┃┃╱┃┃╭╮╭╮┃
- ┃╭━╮┃╰━╯┃╭╮╭╯┃┃┃┃╭╯╭╯╱┃┃┃╰━╯┃┃┃┃┃┃
- ┃┃╱┃┃╭━╮┃┃┃╰┳╯╰╯┣╯━╰━┳┫┣┫╭━╮┃┃┃┃┃┃
- ╰╯╱╰┻╯╱╰┻╯╰━┻━━━┻━━━━┻━━┻╯╱╰┻╯╰╯╰╯
- hardziam.tumblr.com // themesbyzsu.tumblr.com
- -->
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="color:background" content="#fff" />
- <meta name="color:text" content="#6783a2" />
- <meta name="color:link" content="#8d8c8d" />
- <meta name="color:linkhovercolor" content="#c48e8e" />
- <meta name="color:title" content="#FAA5D6" />
- <meta name="color:description text" content="#000" />
- <meta name="color:description background" content="#fff" />
- <meta name="color:description border" content="#ffe2fd" />
- <meta name="color:description outline" content="#ffaaaa" />
- <meta name="image:sidebar img" content="" />
- <meta name="image:background" content="" />
- <meta name="if:Drop Down Links" content="0">
- <meta name="if:Sparkle Cursor" content="1">
- <meta name="if:Heart Cursor" content="1">
- <meta name="text:Link1" content="/" />
- <meta name="text:Link1 Title" content="link" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link2 Title" content="link" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link3 Title" content="link" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link4 Title" content="link" />
- <meta name="text:Link5" content="/" />
- <meta name="text:Link5 Title" content="link" />
- <style>
- @font-face {
- font-family: "mathilde";
- src: url('http://static.tumblr.com/ssqfxic/znmn0kqsu/mathilde.otf');
- }
- </style>
- <style type="text/css">
- body {
- background: {color:background};
- background-image: url('{image:background}');
- margin-left: 0px;
- padding: 0;
- position:absolute;
- font-family: calibri;
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:link};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- a:hover {
- color:{color:linkhovercolor};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- {block:ifHeartCursor}
- body, a, a:hover { cursor:url('http://media.tumblr.com/8a4fc28826e4d22b9126d325fcc104e4/tumblr_inline_ml7ltnlc1i1qfamg6.gif'), auto !important;}
- {/block:ifHeartCursor}
- h1 {
- font-family:'georgia';
- font-size:25px;
- line-height:20px;
- color:{color:title};
- text-align:left;
- }
- h2 {
- font-family:'mathilde';
- font-size:35px;
- line-height:20px;
- color:{color:title};
- text-align:left;
- }
- #sidebar {
- position:fixed;
- margin-top:130px;
- margin-left:230px;
- width:210px;
- padding:5px;
- }
- #title {
- font-family:'mathilde';
- color:{color:title};
- font-size:35px;
- line-height:10px;
- font-style:italic;
- font-style:bold;
- text-align:center;
- text-transform:lowercase;
- text-decoration:none;
- }
- blockquote {
- border-left:2px solid {color:text};
- padding-left:10px;
- margin-left:5px;
- }
- blockquote blockquote{
- margin-left:10px;
- }
- #sidebarpic img {
- margin-top:10px;
- {block:IfDropDownLinks}
- margin-bottom:-10px;
- {/block:IfDropDownLinks}
- max-width:212px;
- height:auto;
- text-align:center;
- outline-offset:4px;
- }
- #description {
- padding:10px;
- width: 184px;
- margin-top:15px;
- margin-left:1px;
- margin-bottom:5px;
- font-size:11px;
- text-align:justify;
- outline:1px solid {color:description outline};
- border:3px solid {color:description border};
- color:{color:description text};
- background:{color:description background};
- font-family:calibri;
- }
- /* ------ if dropdown links!!! -----*/
- #title1 {
- margin-top:0px;
- text-align:center;
- color:black;
- width:60px;
- font-family:calibri;
- text-transform:uppercase;
- font-size:11px;
- cursor:help;
- color:{color:title};
- }
- #content1
- {
- text-align:left;
- display:none;
- font-family:calibri;
- font-size:11px;
- color:#989898;
- padding:5px;
- margin-left:16px;
- padding-top:3px;
- margin-top:-4px;
- }
- #content1 a{
- display:block;
- padding:2px;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- }
- #content1 a:hover{
- letter-spacing:2px;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- }
- /* ---------- if sidebar links ------*/
- #links {
- margin-bottom:-10px;
- width:212px;
- padding-top:1px;
- text-align:center;
- }
- #links a{
- display:inline-block;
- width:47px;
- text-align:center;
- background:{color:links background};
- border:1px solid {color:border};
- text-transform:uppercase;
- padding-top:2px;
- padding-bottom:2px;
- font-size:9px;
- }
- #links a:hover {
- background:{color:link};
- color:white;
- }
- /*-------- end sidebar -------*/
- #entry {
- font-size:10px;
- margin-left: 530px;
- margin-top:40px;
- float: right;
- text-align: justify;
- }
- #post {
- font-size:10px;
- margin-bottom:50px;
- padding: 10px;
- padding-bottom:5px;
- width: 500px;
- color:{color:text};
- text-align: justify;
- z-index:-99;
- }
- #info {
- border-top:1px solid #eee;
- padding-top:5px;
- margin-top:10px;
- }
- #tags {
- width:430px;
- text-align:left;
- }
- #pagination {
- margin-left:530px;
- bottom:40px;
- margin-bottom:20px;
- text-align:center;
- width:520px;
- }
- .jump_page {
- padding: 4px 8px;
- border: 2px solid {color:border};
- background-color: #ffffff;
- color:{color:link};
- font-family:century gothic;
- font-size:11px;
- text-decoration:none;
- }
- .current_page, .jump_page:hover {
- padding: 4px 8px;
- border: 2px solid {color:outline};
- background-color: {color:border};
- color: {color:text};
- font-family:century gothic;
- font-size:11px;
- text-decoration:none;
- }
- /* -------- music player -----*/
- .mus {height: 70px; padding: 20px; background-color: #f1f1; display: table; position: relative;
- width: 460px;}
- .mus img {height: 50px; position: absolute; border: 10px solid {color:border};}
- .musiclabel {
- padding-left: 80px;
- text-align: left;
- display: table-cell;
- vertical-align: middle;
- font-family: calibri}
- .mlabel {
- color: {color:text};
- font-style:italic;
- font-size:12px;}
- .newplayerbutton {
- position: relative;
- width: 28px;
- height: 27px;
- overflow: hidden;}
- .playerbuttonhug {
- position: absolute;
- top: -8px;
- left: -12px;}
- .tumblr_audio_player {
- border: none;
- padding: 0px;
- margin: 0px;
- margin-left:15px;
- height: 43px;
- width: 300px;}
- .playerbuttonbg {
- position: absolute;
- left: 30px;
- top: 30px;
- width: 30px;
- height: 30px;
- background:white;
- padding: 10px;
- opacity: 0.3;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- z-index: 1000;}
- .playerbuttonbg:hover {
- opacity: 0.8;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;}
- /* ----- PLEASE DON'T TOUCH THIS!!! ------*/
- #credit {
- position:fixed;
- right:0px;
- bottom:0px;
- padding:4px;
- text-transform:none;
- font-family: georgia;
- font-weight:none;
- letter-spacing:1px;
- margin-bottom:3px;
- font-size:9px;
- margin-right:3px;
- border:1px solid;
- opacity:0.7;
- border-color:#bbb;
- background: #fff;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #credit:hover {
- opacity:1;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="sidebar">
- <div id="title"> <font style="font-size:10px; font-style:normal;">♡</font> {Title} <font style="font-size:10px; font-style:normal;">♡</font></div>
- <div id="sidebarpic"><a href="/"><img src="{image:sidebar img}"/></a></div>
- {block:ifNotDropDownLinks}
- <div id="links">
- <a href="{text:Link1}">{text:Link1 Title}</a>
- <a href="{text:Link2}">{text:Link2 Title}</a>
- <a href="{text:Link3}">{text:Link3 Title}</a>
- <a href="{text:Link4}">{text:Link4 Title}</a>
- </div>
- {/block:ifNotDropDownLinks}
- <div id="description">{block:Description}{Description}{/block:Description}</div>
- {block:ifDropDownLinks}
- <div id="title1">+ links </div>
- <div id="content1">
- <a href="{text:Link1}">{text:Link1 Title}</a>
- <a href="{text:Link2}">{text:Link2 Title}</a>
- <a href="{text:Link3}">{text:Link3 Title}</a>
- <a href="{text:Link4}">{text:Link4 Title}</a>
- <a href="{text:Link5}">{text:Link5 Title}</a>
- </div>
- {/block:ifDropDownLinks}
- </div>
- <div id="entry">
- {block:Posts}
- <div id="post">
- {block:Text}{block:Title}<h1>{title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Quote}<h2>“{Quote}”</h2>
- <div style="text-align:right; padding-bottom:5px">- {Source}</div>{/block:Quote}
- {block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
- {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Chat}{block:PostTitle}<h1>{Title}</h1><br>{/block:PostTitle}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <div style="padding:10px; border-bottom:1px solid #eee; font-size:13px">
- "{Question}"
- <div style="padding-left:40px; font-style:italic; padding-top:6px; font-size:10px">asked by {asker}</div>
- </div>
- {Answer}
- {/block:Answer}
- {block:Audio}
- {block:AudioPlayer}
- <div class="mus">
- <div class="playerbuttonbg">
- <div class="newplayerbutton">
- <div class="playerbuttonhug">
- {AudioPlayerWhite}
- </div>
- </div>
- </div>
- {/block:AudioPlayer}
- <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art"/>
- {block:AlbumArt}
- <img class="cover" src="{AlbumArtURL}" />
- {/block:AlbumArt}
- <div class="musiclabel">
- {block:TrackName}<span class="mlabel">{TrackName}</span>{/block:TrackName}<br>
- {block:Artist}{Artist}{/block:Artist} {block:Album}· {Album}{/block:Album}<br>
- {block:Playcount}{Playcount} Plays{/block:Playcount}
- </div></div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- <div id="info">
- <div style="text-align:right; float:right"><a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount} <font style="font-size:8px; color:#ff0000">♥</font></a>{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{block:ContentSource} | <a href="{SourceURL}">src</a>{block:ContentSource}{/block:RebloggedFrom}<br></div>
- <div id="tags"> {block:Date}<span id="date">{Month} {DayOfMonthWithSuffix}, {Year}</span>{/block:Date}
- {block:HasTags}{block:Tags}<a href="{TagURL}">{Tag},</a> {/block:Tags}{/block:HasTags}</div></div></div>
- {/block:Posts}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- <div id="pagination">
- {block:Pagination}
- {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}
- {/block:Pagination}
- </div>
- <div id="credit"><a href="http://hardziam.tumblr.com">HZ</a></div>
- </body>
- {block:IfSparkleCursor}
- <script type="text/javascript">
- // <![CDATA[
- var colour="#FAA5D6";
- 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:IfSparkleCursor}
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function(){
- $("#title1").click(function(){
- $("#content1").slideToggle("slow");
- });
- });
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement