Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- (ノ◕ヮ◕)ノ*:・゚✧ Spn Theme - V2! by sleephy (sleephy.tumblr.com)
- ~~~ Please don't steal this! ~~~
- your sidebar picture and link icons should be even squares or they'll look squised!
- fixed on 29/09/2013!!
- -->
- <html>
- <head>
- <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}
- <!-- YOU CAN EDIT THIS IN THE APPEARANCE TAB -->
- <meta name="color:background" content="#fff"/>
- <meta name="color:Text" content="#8a8989"/>
- <meta name="color:Title" content="#a0a0a0"/>
- <meta name="color:border" content="#f0f1f1"/>
- <meta name="color:SideLink Background" content="#ffffff"/>
- <meta name="color:SideLink Background Hover" content="#dbdbdb"/>
- <meta name="color:Link" content="#b1b1b1"/>
- <meta name="color:Link Hover" content="#9dbdbdb"/>
- <meta name="color:Info" content="#f0f1f1"/>
- <meta name="color:Scrollbar" content="#b6b5b5"/>
- <meta name="color:Chat 1" content="#FFf"/>
- <meta name="color:Chat 2" content="#FFf"/>
- <meta name="color:sidebar BG" content="#fff"/>
- <meta name="image:sidebar" content=""/>
- <meta name="image:Background" content=""/>
- <meta name="text:Sidebar title" content="Title here" />
- <meta name="text:Link1" content="/tags" />
- <meta name="text:Link1Title" content="tags" />
- <meta name="image:Link1Title" content="https://cdn4.iconfinder.com/data/icons/devine_icons/128/PNG/File%20Types/Defult%20Text.png" />
- <meta name="text:Link2" content="/tagged/mine" />
- <meta name="text:Link2Title" content="my edits" />
- <meta name="image:Link2Title" content="https://cdn4.iconfinder.com/data/icons/devine_icons/128/PNG/System%20and%20Internet/Account%20and%20Control.png" />
- <meta name="text:Link3" content="/tagged/destiel" />
- <meta name="text:Link3Title" content="destiel" />
- <meta name="image:Link3Title" content="https://cdn4.iconfinder.com/data/icons/devine_icons/128/PNG/Appliaction%20and%20Programs/iTunes.png" />
- <meta name="text:Link4" content="/ships" />
- <meta name="text:Link4Title" content="my ships" />
- <meta name="image:Link4Title" content="https://cdn4.iconfinder.com/data/icons/devine_icons/128/PNG/GAIA/44.png" />
- <meta name="image:Home Button" content="https://cdn1.iconfinder.com/data/icons/devine_icons/128/PNG/Folder%20and%20Places/Home.png">
- <meta name="image:Ask Button" content="https://cdn4.iconfinder.com/data/icons/devine_icons/128/PNG/Appliaction%20and%20Programs/Mail%20-2.png">
- <meta name="image:Archive Button" content="https://cdn4.iconfinder.com/data/icons/devine_icons/128/PNG/Appliaction%20and%20Programs/iCal.png">
- <meta name="image:Theme credit Button" content="https://cdn3.iconfinder.com/data/icons/wpzoom-developer-icon-set/500/126-128.png">
- <meta name="color:Permalink Color 1" content="#fff">
- <meta name="color:Permalink Color 2" content="#888">
- <style type="text/css">
- ::-webkit-scrollbar {height: 3px;width: 3px;}
- ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
- ::-webkit-scrollbar-track{background-color:{color:background};}
- body {
- background:{color:background} url({image:background});
- color:{color:Text};
- font-family:calibri;
- font-size:11px;
- }
- a {
- color:{color:Link};
- text-decoration: none;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- a:hover {
- color:{color:Link Hover};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- p{
- margin-top: 1px
- }
- blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
- #entries{
- margin-left: 490px;
- margin-top:20px;
- width:500px;
- }
- .posts{
- background-color: transparent;
- padding: 20px 0 0 0;
- font-style:normal;
- }
- #credit {
- position:fixed;
- right:3px;
- bottom:3px;
- line-height:5px;
- letter-spacing:0px;
- font:10px trebuchet ms;
- color: {color:text};
- text-transform:uppercase;
- }
- h1{
- font-family: 'georgia';
- font-style:ITALIC;
- font-size: 15px;
- font-weight:none;
- }
- .qquote{
- font-family: 'georgia';
- font-style:ITALIC;
- font-size: 15px;
- font-weight:none;
- margin-left: 0px;
- }
- .qsource{
- margin: 5px 0px 0 20px;
- text-align: left;
- text-transform: none;
- }
- .chat{
- line-height: 12px;
- list-style: none;
- font-color:#000000;
- }
- .chat ul {
- line-height: 15px;
- list-style: none;
- padding: 0px;
- line-height: 20px;
- }
- .person1 {
- color:{color:Text};
- background-color:{color:Chat 1};
- }
- .person1 .label {
- font-weight: bold;
- padding: 0px;
- margin-left:
- 5px; color:
- }
- .person2 {
- color:{color:Text};
- background-color:{color:Chat 2};
- }
- .person2 .label {
- font-weight: bold;
- padding: 0px;
- margin-left: 5px;
- color: }
- .iaudio {
- margin-bottom: 2px;
- width: 100%;
- background-color: #transparent}
- .iaudio img
- {width: 208px;
- padding: 20px 0 0px 0
- }
- .icap{
- margin-top: 1px
- }
- #ask {
- border-bottom:1px dashed;
- padding-bottom:5px;
- }
- #asker {
- font-family:"georgia";
- font-size:18px;
- }
- #askerimg {
- float:left;
- margin-right:5px;
- border:3px solid;
- border-color:{color:info};
- margin-top:-5px;
- }
- #question {
- margin-left:5px;
- margin-top:-3px;
- }
- #answer {
- margin-top:10px;
- margin-bottom:-5px;
- }
- .cap {
- padding-top: 5px;
- width: 500px;
- }
- #information {
- text-align:right;
- text-transform:uppercase;
- font-family:calibri;
- font-size:9px;
- background-color:{color:info};
- padding: 3px;
- letter-spacing:1px;
- }
- #notes{ text-align:center; font-family:calibri; font-size:8px; letter-spacing:1px; margin-bottom: 1px; border-top: 1px solid {color:Permalink Color 2}; text-transform:uppercase;padding:5px;color:{color:Permalink Color 2}}
- #notes a{color:{color:Permalink Color 2};padding:3px; margin:1px;}
- #notes a:hover{ color: {color:Permalink Color 1}; box-shadow:inset 0px 20px 0px {color:Permalink Color 2};}
- .linktitle {
- opacity:0;
- width:65px;
- padding:5px 6px;
- background:transparent;
- color:{color:SideLink Background hover};
- font-family:calibri;
- font-size:8px;
- font-weight:bold;
- text-transform:uppercase;
- letter-spacing:1px;
- line-height:10px;
- margin-top:-25px;
- margin-left:-50px;
- position: absolute;
- float:right;
- text-align:right;
- z-index:-1;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- .linkbox {width:21px; height:auto;}
- .linkbox:hover .linktitle{
- opacity: 1.0; margin-left:-73px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;
- }
- #sherlockholmes {
- position: fixed;
- padding:5px;
- float:right;
- width:20px;
- opacity:1;
- padding-right:3px;
- padding-top:10px;
- padding-bottom:10px;
- border-right: 1px solid;
- border-color:{color:border};
- margin-top:0px;
- font-size: 9px;
- text-align: center;
- margin-left:45px;
- letter-spacing: 1px;
- z-index:1;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- #sherlockholmes img{
- width:15px;
- height:15px;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out; }
- #sherlockholmes a:hover img{
- -webkit-filter: invert(100%);
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out; }
- #sherlockholmes a{
- font-size: 9px;
- display:inline-block;
- text-transform:uppercase;
- background-color:{color:SideLink Background};
- width: 15px;
- padding:3px;
- margin-bottom:3px;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #sherlockholmes a:hover{
- background-color: {color:SideLink Background hover};
- color: {color:SideLink Text Hover};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #sidebar{
- width:280px;
- position: fixed;
- z-index:99999999999999999999999999999999999999999999;
- opacity:1;
- padding:5px;
- background:{color:Sidebar BG};
- font-family:calibri;
- top:155px;
- margin-left:55px;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;background-color: {color:background};}
- #sidebar:hover{
- opacity:1;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out; }
- #title {
- font-family: 'georgia';
- font-size:13px;
- color:{color:Title};
- bottom:30px;
- margin-left:105px;
- letter-spacing:1px;
- text-align:center;
- width:200px;
- position:fixed;
- font-style:italic;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;}
- #pillar:HOVER #title{
- opacity:0;
- bottom:-15px;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;}
- #title2 {
- font-family: 'trebuchet ms';
- font-size:9px;
- color:{color:Title};
- bottom:10px;
- margin-left:205px;
- letter-spacing:1px;
- text-align:right;
- width:130px;
- position:fixed;
- text-transform:Uppercase;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;}
- #pillar:HOVER #title2{
- opacity:0;
- margin-left:155px;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;}
- .sidebardescr{
- font-family:calibri;
- font-size:10px;
- letter-spacing:1px;
- width:200px;
- margin-left:80px;
- line-height:12px;
- padding-top:12px;
- text-align: right;
- }
- .sidebarimg img{
- width: 80px;
- height: 80px;
- padding:0px;
- float:right;
- margin-left:5px;
- margin-bottom:2px;
- border: 10px solid;
- border-color:{color:border};
- text-align:left;
- }
- .sidebarlinks {
- margin-top: 5px;
- margin-left: -75px;
- font-family:consolas;}
- .sidebarlinks a{
- font-size: 9px;
- display: block;
- text-transform:uppercase;
- color:{color:SideLink Text};
- background-color:{color:SideLink Background};
- width: 70px;
- padding-top: 6px;
- padding-bottom: 6px;
- margin-bottom:5px;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- .sidebarlinks a:hover{
- background-color: {color:SideLink Background hover};
- color: {color:SideLink Text Hover};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #pagination {
- margin-top: 10px;
- text-align: center;
- line-height: 20px;
- font-family:'calibri';
- font-size: 11px;
- }
- #pagination a {
- background-color:{color:border};
- padding:0px 3px 0px 3px;
- color:{color:text};
- }
- #pagination a:hover {
- color:{color:text};
- background-color:transparent;
- }
- @font-face {font-family: "Tiny";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
- #s-m-t-tooltip{
- max-width:200px;
- padding:5px;
- margin:26px 0px 0px 8px;
- z-index:10;
- color:gray;
- background:white;
- height:auto;
- font-size:8px;
- border-radius:3px;
- font-family:tiny;
- letter-spacing:1px;
- text-transform:uppercase;
- -moz-box-shadow: 2px 2px 2px #888;
- -webkit-box-shadow: 2px 2px 2px #888;
- box-shadow: 2px 2px 2px #888;
- }
- #audio {
- margin-bottom:5px;
- width:500px;
- height:105px;
- }
- .albumart {
- width:100px;
- height:100px;
- position:absolute;
- }
- .albumart img {
- width:100px;
- height:100px;
- float:left;
- }
- .playercontainer {
- opacity: .2;
- display:block;
- width:100px;
- height:100px;
- background:#fff;
- position:absolute;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .playercontainer:hover {
- opacity:.7;
- position:absolute;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .player {
- margin-left:36px;
- margin-top:36px;
- width:25px;
- height:25px;
- overflow:hidden;
- position:absolute;
- background:#fff;
- }
- .audioinfo {
- margin-left:110px;
- float:left;
- color:{color:Permalink Color 2};
- font-family:calibri;
- letter-spacing:1px;
- font-size:8px;
- text-transform:uppercase;
- width:386px;
- padding:2px;
- margin-top:3px;
- }
- .audioinfo b {
- font-family:calibri;
- letter-spacing:1px;
- font-size:8px;
- text-transform:uppercase;
- color:{color:Permalink Color 1};
- background:{color:Permalink Color 2};
- padding:3px 4px 3px 4px;
- font-weight:normal;
- margin-right:5px;
- }
- #tags {
- display:block;
- padding: 6px;
- text-transform:uppercase;
- font-family:calibri;
- font-size:8px;
- text-align:center;
- text-transform:italic;
- color:{color:Permalink Color 1};
- background:{color:Permalink Color 2};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 04s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #tags a{
- color:{color:Permalink Color 1};
- padding:2px;
- }
- #tags a:hover{
- color: {color:Permalink Color 2}; box-shadow:inset 0px -20px 0px {color:Permalink Color 1};
- }
- {CustomCSS}
- </style>
- <script type="text/javascript" src="http://static.tumblr.com/xrmodho/zoUmtvm6l/jquery.js"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:10,
- tip_fade_speed:400,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <body>
- <div id="sidebar">
- <div id="sherlockholmes">
- {block:ifhomebuttonimage}
- <div class="linkbox"><A href="/"><img src="{image:Home button}" width="20px" height="20px"></a>
- <div class="linktitle">index</div> </div>
- {/block:ifhomebuttonimage}
- {block:ifaskbuttonimage}
- <div class="linkbox"><A href="/ask" ><img src="{image:Ask button}" width="20px" height="20px"></a><div class="linktitle">message</div> </div>{/block:ifaskbuttonimage}
- {block:ifarchivebuttonimage} <div class="linkbox"><A href="/archive"><img src="{image:archive button}" width="20px" height="20px"></a><div class="linktitle">archive</div> </div>{/block:ifarchivebuttonimage} {block:ifthemecreditbuttonimage}<div class="linkbox"><A href="http://sleephy.tumblr.com" ><img src="{image:theme credit button}" width="20px" height="20px"></a> <div class="linktitle">theme</div> </div>{/block:ifthemecreditbuttonimage} {block:ifnotthemecreditbuttonimage}<div class="linkbox"> <A href="http://sleephy.tumblr.com" ><img src="https://cdn3.iconfinder.com/data/icons/wpzoom-developer-icon-set/500/126-128.png" width="20px" style="opacity:.8;" height="20px"></a><div class="linktitle">theme</div> </div>{/block:ifnotthemecreditbuttonimage} {BLock:iflink1title}
- <div class="linkbox"><A href="{text:Link1}"><img src="{image:Link1Title}" width="20px" height="20px"></a>
- <div class="linktitle">{text:Link1Title}</div> </div>
- {/BLock:iflink1title}
- {BLock:iflink2title}<div class="linkbox"> <A href="{text:Link2}" ><img src="{image:Link2Title}" width="20px" height="20px"></a> <div class="linktitle">{text:Link2Title}</div> </div>{/BLock:iflink2title}
- {BLock:iflink3title}
- <div class="linkbox"><A href="{text:Link3}" ><img src="{image:Link3Title}" width="20px" height="20px"></a><div class="linktitle">{text:Link3Title}</div> </div> {/BLock:iflink3title}
- {BLock:iflink4title} <div class="linkbox"> <A href="{text:Link4}" ><img src="{image:Link4Title}" width="20px" height="20px"></a><div class="linktitle">{text:Link4Title}</div> </div> {/BLock:iflink4title}
- </div>
- <div class="sidebarimg"><img
- src="{image:sidebar}"/></div>
- <div class="sidebardescr">
- <div style="width:130px;padding:2px;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid {color:border};margin-left:-7px;"><big>{text:sidebar title}</big></div>
- {block:Description}{Description}{/block:Description}<br><br>{block:Pagination}
- {block:PreviousPage}
- <small><a href="{PreviousPage}">BACK</a> / {/block:PreviousPage} {block:NextPage}
- <a href="{NextPage}">FORWARD</A>{/block:NextPage}
- -
- </small>
- {/block:Pagination}
- </div>
- </div>
- <div id="entries">
- {block:Posts}
- <div class="posts">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Photo}
- {block:IndexPage}
- <div id="postbody">
- <center><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"></a></div></center>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div id="postbox">
- <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
- </div>
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}{Photoset-500}{/block:Photoset}
- {block:Quote}
- <div class="qquote"><big><big>❝</big></big> {Quote} <big><big>❞</big></big></div>
- {block:Source}<div class="qsource">- {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
- <div class="chat"><ul>{block:Lines}
- <li class="person{UserNumber}">{block:Label}
- <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
- {/block:Chat}
- {block:Audio}
- <div id="audio">
- <div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg" width="100px" height="100px"></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}" width="100px" height="100px"></div>{/block:AlbumArt}<div class="playercontainer"><div class="player">{AudioPlayerWhite}</div></div>
- {block:TrackName}<div class="audioinfo"><b>Title</b> {TrackName}</div><br>{/block:TrackName}
- {block:Artist}<div class="audioinfo"><b>Artist</b> {Artist}</div><br>{/block:Artist}
- {block:Album}<div class="audioinfo"><b>Album</b> {Album}</div>{/block:Album}
- {block:PlayCount}<div class="audioinfo"><b>Played</b> {FormattedPlayCount} times</div> {/block:PlayCount}
- </div>{block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Video}{Video-500}{/block:Video}
- {block:Answer}<div id="ask"><div id="askerimg"><img src="{AskerPortraitURL-24}"></div><div id="asker">{Asker}</div><br><div id="question">{Question}</div></div><div id="answer">{Answer}</div>{/block:Answer}
- <div class="cap">
- {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- </div>
- <div id="notes">{block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom} via: <a href="{ReblogParentURL}"
- title="reblogged from">{ReblogParentName}</a> source: <a href="{ReblogRootURL}"title="posted by">{ReblogRootName}</a>{/block:RebloggedFrom} <a href="{ReblogUrl}" title="share this post">reblog</a></div>
- {block:HasTags} <div id ="tags">{block:Tags} <a title="{TAG}" href="{TagURL}"> # {Tag}</a> {/block:Tags}
- </div>{/block:HasTags}
- </div>
- {/block:Posts}
- {block:PostNotes}
- <div id="notes">{PostNotes}</div>
- {/block:PostNotes}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement