Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!--
- theme #5 by sherloeckchen. ask if you've got questions, i hope i can help!
- please don't remove the credit or use as base. you can change whatever you like as long as the credit is still in tact. :)
- -->
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <meta name="description" content="{MetaDescription}" />
- <meta name="image:sidebar" content=""/>
- <meta name="color:main" content="#87224A"/>
- <meta name="color:dark" content="#202020"/>
- <meta name="color:slinks" content="#c8b8d1"/>
- <meta name="text:bodyfont" content="cambria"/>
- <meta name="text:infofont" content="calibri"/>
- <meta name="if:blogtitle" content="0"/>
- <meta name="if:sidebarpicture" content="0"/>
- <meta name="if:link1" content="1"/>
- <meta name="text:link1url" content="/"/>
- <meta name="text:link1title" content="title"/>
- <meta name="if:link2" content="1"/>
- <meta name="text:link2url" content="/"/>
- <meta name="text:link2title" content="title"/>
- <meta name="if:link3" content="1"/>
- <meta name="text:link3url" content="/"/>
- <meta name="text:link3title" content="title"/>
- <link href='http://fonts.googleapis.com/css?family=Cabin+Condensed|Oranienbaum|Capriola' rel='stylesheet' type='text/css'>
- <!-- CUSTOMIZABLE TOOLTIP -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
- <script src="http://static.tumblr.com/xgofl0y/O7Fm1ufj3/jquery.style-my-tooltips.js" type="text/javascript"></script>
- <script>
- $().ready(function() {
- $("[title]").style_my_tooltips({
- tip_follows_cursor: "on", //on/off
- tip_delay_time: 300 //milliseconds
- });
- });
- </script>
- </head>
- <style type="text/css">
- body{
- background-color:white;
- color:#5f5f5f;
- font-family:'{text:bodyfont}', times, serif;
- font-size:10px;
- line-height:120%;
- letter-spacing:0px;
- text-align:justify;
- }
- a{color:{color:main};text-decoration:none;-webkit-transition:0.4s ease-in;}
- a:active{color:{color:main};text-decoration:none;-webkit-transition:0.4s ease-in;}
- a:visited{color:{color:main};text-decoration:none;-webkit-transition:0.4s ease-in;}
- a:hover{color:{color:dark};}
- blockquote{margin-left:10px;padding-left:5px;border-left:10px solid #202020;}
- small{font-size:9px;}
- big{font-size:13px;font-family:'{text:infofont}';}
- /* SIDEBAR */
- #sidebar{
- margin-top:55px;
- margin-left:125px;
- width:210px;
- position:fixed;
- }
- #sidebar img{
- width:210px;
- }
- .descr a{color:{color:main};}
- .descr a:active{color:{color:main};}
- .descr a:visited{color:{color:main};}
- .descr a:hover{color:{color:dark};}
- .blogtitle{
- margin-bottom:6px;
- font-size:14px;
- font-weight:;
- text-align:center;
- letter-spacing:0px;
- font-family:'{text:infofont}';
- text-transform:uppercase;
- }
- .blogtitle a{color:{color:dark};}
- .sidelinks{
- margin-top:8px;
- margin-bottom:8px;
- text-align:center;
- color:{color:slinks};
- }
- .sidelinks a, a:active, a:visited{
- padding:2px 4px 3px;
- font-size:10px;
- font-style:italic;
- -webkit-transition:0.4s ease-in;
- background-color:transparent;
- color:{color:main};
- }
- .sidelinks a:hover{background-color:{color:dark};color:#fff;}
- .pagination{
- text-align:center;
- font-size:9px;
- letter-spacing:1px;
- color:#202020;
- margin-top:6px;
- }
- .pagination a, a:active, a:visited, a:hover{color:{color:dark};}
- /* END SIDEBAR */
- /* BLOG */
- #container{
- width:500px;
- margin-left:450px;
- margin-top:100px;
- margin-bottom:100px;
- }
- #post{
- width:500px;
- margin-bottom:90px;
- }
- #post a{color:{color:main};}
- #post a:active{color:{color:main};}
- #post a:visited{color:{color:main};}
- #post a:hover{color:{color:dark};}
- .posttitle{
- text-align:center;
- font-family:'{text:infofont}';
- text-transform:uppercase;
- font-style:;
- letter-spacing:1px;
- font-size:13px;
- margin-bottom:5px;
- }
- .musicplayer{
- width:27px;
- height:27px;
- overflow:hidden;
- z-index:2;
- display:block;
- background-color:white;
- padding: 38px 38px 35px 35px;
- position:absolute;
- opacity:0.1;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #post:hover .musicplayer{opacity:1;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
- .audio{
- position:absolute;
- width:40px;
- height:40px;
- }
- .audioimg{
- width:100px;
- height:100px;
- position:absolute;
- }
- .audioimg img{
- float:left;
- opacity:1;
- width:100px;
- }
- .audioinfo{
- font-size:13px;
- text-transform:uppercase;
- font-family:'{text:infofont}';
- color:white;
- margin-bottom: 1px;
- margin-left:101px;
- height:65px;
- display:block;
- width:399px;
- text-align:center;
- background-color:{color:dark};
- padding-top:35px;
- }
- .answer{
- padding:10px;
- color:white;
- display:block;
- height:auto;
- width:480px;
- text-align:justify;
- background-color:{color:dark};
- }
- .answer a{color:white !important;}
- .postquote{
- padding:10px;
- color:white;
- display:block;
- height:auto;
- width:480px;
- text-align:justify;
- background-color:{color:dark};
- }
- ol.notes{list-style-type:none;width:500px;margin-left:-45px;}
- ol.notes li.note{padding:5px;}
- ol.notes li.note blockquote{border-left:2px solid {color:dark};padding-left:5px;margin-left:20px;}
- /* POSTINFO */
- .postinfo{width:500px;padding-top:5px;border-top:3px double #e3e3e3;margin-top:20px;opacity:1;font-family:'{text:infofont}';text-align:center;opacity:1;}
- .postinfo img{float:right;height:10px;}
- .postsource{text-align:right;float:right;}
- span.timeago{font-size:9px;text-transform:uppercase;}
- span.rootname a{color:{color:dark} !important;-webkit-transition:0.4s ease-in;}
- span.rootname a:hover{color:{color:main} !important;}
- .tags{line-height:16px;margin-top:2px;}
- .tags a{background-color:transparent;color:#202020 !important;padding:1px 2px 1px;margin-right:3px;margin-left:3px;}
- .tags a:hover{background-color:{color:dark};color:white !important;}
- /* END POSTINFO */
- /* END BLOG */
- ::-webkit-scrollbar-thumb:vertical{background-color:{color:dark};border-bottom:4px solid #fff;border-top:4px solid #fff;border-right:4px solid #fff;height: 100px;}
- ::-webkit-scrollbar-thumb:horizontal{background-color:{color:dark};border-bottom:4px solid #fff;border-left:4px solid #fff;border-right:4px solid #fff;}
- ::-webkit-scrollbar{height: 12px; width: 12px; background-color: #FFFFFF;}
- ::-moz-selection, ::selection{background-color:{color:dark};color: #fff;}
- #tumblr_controls{position:fixed !important;opacity:0.5;-webkit-transition:0.5s ease-in;}
- #tumblr_controls:hover{opacity:1;}
- #s-m-t-tooltip{
- position:absolute;
- font-size:9px;
- z-index:5000;
- background-color:{color:dark};
- color:#fff;
- padding: 4px 7px;
- }
- .credit{
- bottom:10px;
- right:10px;
- position:fixed;
- font-family:'{text:infofont}';
- text-transform:uppercase;
- }
- .credit a, a:active, a:visited{color:{color:main};-webkit-transition:0.4s ease-in;}
- .credit a:hover{color:{color:dark};}
- </style>
- <body>
- <div class=”source”>{block:ContentSource}<a href=”{SourceURL}”>{lang:Source}:{block:SourceLogo}
- <img src=”{BlackLogoURL}” width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
- {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
- {/block:ContentSource}</div>
- <div id="sidebar">
- {block:ifblogtitle}<div class="blogtitle"><a href="/">{title}</a></div>{/block:ifblogtitle}
- {block:ifsidebarpicture}<a href="/"><img src="{image:sidebar}" /></a>{/block:ifsidebarpicture}
- <div class="sidelinks">
- <a href="/">home</a>
- <a href="/faqask">ask</a>
- {block:iflink1}<a href="{text:link1url}">{text:link1title}</a>{/block:iflink1}
- {block:iflink2}<a href="{text:link2url}">{text:link2title}</a>{/block:iflink2}
- {block:iflink3}<a href="{text:link3url}">{text:link3title}</a>{/block:iflink3}
- </div>
- <div class="descr">{description}</div><br>
- {block:Pagination}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">←</a> {/block:PreviousPage}<i>{CurrentPage} of {TotalPages}</i>{block:NextPage} <a href="{NextPage}">→</a>{/block:NextPage}</div>{/block:Pagination}
- </div>
- <div id="container">
- {block:Posts}
- <div id="post">
- {block:Text}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}{Body}{block:More}<a href="{Permalink}">More →</a>{/block:More}{/block:Text}
- {block:Photo}<a href="{Permalink}">
- {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
- <img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="500px" />
- </a><p>
- {/block:Photo}
- {block:Photoset}{Photoset-500}
- {/block:Photoset}
- {block:Quote}<div class="postquote">{Quote}</div><p>
- {block:Source}—{Source}{/block:Source}{/block:Quote}
- {block:Link}<a href="{URL}"><div class="posttitle">{Name}</div></a>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Video}
- {Video-500}
- {/block:Video}
- {block:Chat}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}<p>
- {block:Lines}<div style="margin-bottom:4px;">{block:Label}<span style="text-transform: uppercase; font-family:'cabin condensed'; font-style:;"> {Label}</span>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
- {block:Audio}
- <div class="audio"><div class="musicplayer">{AudioPlayerWhite}</div>
- <div class="audioimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
- <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}<br>
- <div style="font-size:9px;font-family:Georgia;margin-top:5px;">{block:Artist}{Artist}{/block:Artist}{block:Album} - {Album}{/block:Album}</div></div>
- {/block:Audio}
- {block:Answer}
- <div class="answer"><div style="font-size:8px;letter-spacing:1px;text-transform:uppercase;text-align:center;padding-bottom:4px;border-bottom:1px solid white;margin-bottom:5px;">{Asker}</div>{Question}</div>
- {Answer}
- {/block:Answer}
- {block:Date}<div class="postinfo">
- <a href="{Permalink}">{block:NoteCount}{NoteCount} ∙ {/block:NoteCount}<span class="timeago"><a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a><a href="{Permalink}">{block:RebloggedFrom} ∙ <a href="{ReblogParentURL}">via</a>∙ <a href="{Permalink}"><span class="rootname"><a href="{ReblogRootURL}">©</a>{/block:RebloggedFrom}</span></span>
- </div>{/block:Date}
- </div>
- {/block:Posts}
- {block:PermalinkPage}
- {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- {/block:PermalinkPage}
- </div>
- <div class="credit"><a href="http://sherloeckchen.tumblr.com/">theme</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement