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 09: Haunted by lunecerise aka sxriusblack
- -keep credit intact
- -don't steal any code
- -don't use as a base code
- ily (✿ノ◡‿◡)ノ *:・゚✧*:・゚✧
- -->
- <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}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400italic' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Merriweather+Sans' rel='stylesheet' type='text/css'>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Title" content="#777777"/>
- <meta name="color:Text" content="#bbbbbb"/>
- <meta name="color:Link" content="#aaaaaa"/>
- <meta name="color:Header Links" content="#888888"/>
- <meta name="color:Tags" content="#cccccc"/>
- <meta name="color:Hover" content="#f1f1f1"/>
- <meta name="color:Line" content="#f2f2f2"/>
- <meta name="color:Border" content="#eeeeee"/>
- <meta name="color:scrollbar" content="#848383"/>
- <meta name="if:Music Player" content="1"/>
- <meta name="if:Searchbar" content="1"/>
- <meta name="if:Link A" content="1"/>
- <meta name="if:Link B" content="1"/>
- <meta name="if:Link C" content="1"/>
- <meta name="if:Link D" content="1"/>
- <meta name="if:link E" content="1"/>
- <meta name="if:Link F" content="1"/>
- <meta name="text:Blog Title" content=""/>
- <meta name="text:linkA" content="">
- <meta name="text:linkA url" content="/">
- <meta name="text:linkB" content="">
- <meta name="text:linkB url" content="/">
- <meta name="text:linkC" content="">
- <meta name="text:linkC url" content="/">
- <meta name="text:linkD" content="">
- <meta name="text:linkD url" content="/">
- <meta name="text:linkE" content="">
- <meta name="text:linkE url" content="/">
- <meta name="text:linkF" content="">
- <meta name="text:linkF url" content="/">
- <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(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:1,
- tip_fade_speed:100,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- iframe#tumblr_controls {
- white-space:nowrap;
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- opacity:.2;transition: .8s ease-in-out;
- -webkit-transition: .8s ease-in-out;
- -moz-transition: .8s ease-in-out;
- -o-transition: .8s ease-in-out;
- }
- ::-webkit-scrollbar {
- width:8px;
- height:auto;
- background:{color:background};
- }
- ::-webkit-scrollbar-corner {background:{color:background};}
- ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; }
- ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
- ::-webkit-scrollbar-thumb:hover {background:{color:background};}
- *, body, a, a:hover, a:active {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
- body {
- background:{color:background};
- margin:0px;
- color:{color:text};
- font-family:cambria;
- font-size:9px;
- line-height:115%;
- }
- a {
- text-decoration:none;
- -moz-outline-style:none;
- color:{color:link};
- transition-duration:0.5s;
- -o-transition-duration:0.5s;
- -ms-transition-duration:0.5s;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- }
- a:hover {
- opacity:1;
- color:{color:hover};
- transition-duration:0.5s;
- -o-transition-duration:0.5s;
- -ms-transition-duration:0.5s;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- }
- img {
- border:none;
- max-width:100%;
- }
- h1 {
- font-size:12px;
- text-transform:uppercase;
- }
- h2 {
- text-align:center;
- font-size:15px;
- line-height:123%;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- #theme {
- width:100%;
- margin:50px auto;
- }
- ol {
- list-style:upper-roman;
- line-height:115%;
- }
- #header {
- width:438px;
- height:220px;
- margin:auto;
- opacity:1;
- background-color:{color:background};
- text-align:center;
- }
- #title, #title a {
- font-family:'Playfair Display', serif;
- color:{color:title};
- font-size:18px;
- text-align:center;
- width:440px;
- margin-top:30px;
- letter-spacing:1px;
- transition-duration:0.7s;
- -o-transition-duration:0.7s;
- -ms-transition-duration:0.7s;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- }
- #title a:hover {
- letter-spacing:2px;
- transition-duration:0.7s;
- -o-transition-duration:0.7s;
- -ms-transition-duration:0.7s;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- }
- .desc {
- border-top:solid 1px #f5f5f5;
- border-left:solid 1px #f5f5f5;
- position:absolute;
- font-family:cambria;
- line-height:110%;
- font-size:9px;
- font-style:italic;
- width:200px;
- padding:10px 9px 10px;
- margin-left:216px;
- margin-top:10px;
- text-align:justify;
- height:140px;
- overflow-y:scroll;
- overflow-x:hidden;
- color:{color:text};
- border-bottom:1px solid #f5f5f5;
- background-color:{color:background};
- {block:ifSearchbar}
- height:83px;
- {/block:ifSearchbar}
- }
- .links {
- position:absolute;
- width:200px;
- margin-top:10px;
- padding:3px 8px 10px 9px;
- word-spacing:2px;
- font-family:Arial, Helvetica;
- text-align:center;
- text-transform:uppercase;
- border-top:1px solid #f5f5f5;
- z-index:1;
- vertical-align:middle;
- height:147px;
- {block:IfMusicPlayer}
- height:90px;
- {/block:IfMusicPlayer}
- border-bottom:1px solid #f5f5f5;
- }
- .links a {
- color:{color:Header Links};
- display:inline-block;
- padding:5px 5px;
- background-color:#f1f1f1;
- z-index:1;
- font-size: 9px;
- margin-top:9px;
- transition-duration:0.6s;
- -o-transition-duration:0.6s;
- -ms-transition-duration:0.6s;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- }
- .links a:hover {
- color:{color:Hover};
- box-shadow:0.1em 0.1em 0.2em #aaa;
- transition-duration:0.6s;
- -o-transition-duration:0.6s;
- -ms-transition-duration:0.6s;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- }
- {block:ifMusicPlayer}
- #forte {
- height:31px;
- width:200px;
- text-align:center;
- padding:10px;
- margin-top:120px;
- border-bottom:1px solid #f5f5f5;
- }
- {/block:ifMusicPlayer}
- {block:ifSearchbar}
- #searchbar {
- margin-left:215px;
- margin-top:-58px;
- height:37px;
- width:200px;
- padding:10px 9px;
- border-bottom:1px solid #f5f5f5;
- border-left:1px solid #f5f5f5;
- }
- .sfm input {
- background-color: #f5f5f5;
- font-size: 10px;
- border: 0px;
- text-transform: uppercase;
- margin-top: 0px;
- color: #999;
- letter-spacing: 1px;
- padding: 4px 3px 4px 17px;
- font-family: calibri, helvetica, arial;}
- #sf {
- background: url('http://static.tumblr.com/vmteopo/Gc3n4nx2s/search.png') #f5f5f5 left center no-repeat;
- background-size: 17px 12px;
- padding-right:10px 5px 10px 0;
- width:150px;
- margin:7px auto 0;
- height:15px;
- margin-left:3px;
- }
- {/block:ifSearchbar}
- #pagi{
- width:250px;
- font-size:8px;
- text-align:center;
- margin:55px 590px 15px;
- font-family:cambria;
- letter-spacing:0px;
- }
- #pagi a {
- background-color:{color:background};
- padding:3px 5.5px;
- border:double {color:border};
- margin:2px;
- transition-duration:0.5s;
- -o-transition-duration:0.5s;
- -ms-transition-duration:0.5s;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- }
- #pagi a:hover {
- box-shadow:0.1em 0.1em 0.2em #aaa;
- transition-duration:0.5s;
- -o-transition-duration:0.5s;
- -ms-transition-duration:0.5s;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- }
- #all {
- padding:10px;
- width:500px;
- margin-left:auto;
- margin-right:auto
- margin-top:50px;
- font-size:10px;
- }
- #posts {
- width:500px;
- padding-bottom:20px;
- margin-top:20px;
- background-color:{color:Post};
- transition-duration:0.5s;
- -o-transition-duration:0.5s;
- -ms-transition-duration:0.5s;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- }
- #posts:hover {
- box-shadow:0.1em 0.1em 0.4em #aaa;
- transition-duration:0.5s;
- -o-transition-duration:0.5s;
- -ms-transition-duration:0.5s;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- }
- #details {
- text-align:right;
- margin-top:2px;
- text-transform:uppercase;
- font-size:8px;
- font-style:none;
- border-top:1px solid {color:Line};
- }
- #tags {
- font-family:cambria;
- letter-spacing:0px;
- text-transform:lowercase;
- font-size:9px;
- margin-top:2px;
- text-align:right;
- }
- #tags a {
- display:inline-block;
- padding:3px 4px;
- margin:1px;
- text-align:right;
- background-color:#f2f2f2;
- color:{color:Tags};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- -transition: all 0.6s ease-in-out;
- }
- #tags a:hover {
- color:{color:hover};
- transition-duration:0.5s;
- -o-transition-duration:0.5s;
- -ms-transition-duration:0.5s;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- }
- #question {
- padding:8px;
- font-family:cambria;
- letter-spacing:2px;
- text-align:right;
- font-style:italic;
- border:3px {color:border} solid;
- color:{color:text};
- background-color:{color:background};
- box-shadow:0.1em 0.1em 0.3em #aaa;
- }
- .line.odd {
- background-color:{color:background};
- line-height:110%;
- padding:5px 4px;
- box-shadow:0.1em 0.1em 0.2em #aaa;
- }
- .line.even {
- background-color:{color:line};
- color:{color:title};
- padding:5px 4px;
- line-height:110%;
- }
- .cover {
- position: relative;
- z-index: 1;
- width:100px;
- background-color:{color:background};
- }
- .playbox:hover {
- opacity:1;
- transition-duration:0.5s;
- -o-transition-duration:0.5s;
- -ms-transition-duration:0.5s;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- }
- .playbutton {
- width: 20px;
- height: 30px;
- overflow: hidden;
- position: relative;
- z-index: 1000;
- margin: 12px 20px 10px 12px;
- }
- .playbox {
- background-color: #000;
- position: absolute;
- z-index: 1000;
- margin-top:25px;
- margin-left:24px;
- opacity:0.6;
- transition-duration:0.5s;
- -o-transition-duration:0.5s;
- -ms-transition-duration:0.5s;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- }
- #reblog {
- float:left;
- display:inline-block;
- margin-top:1px;
- position:relative;
- margin-left:2px;
- }
- #reblog iframe {
- position:absolute;
- top:0;
- left:0;
- width:100%;
- height:100%;
- }
- #s-m-t-tooltip {
- max-width:300px;
- padding:2px 4px;
- margin:20px 0px 0px 20px;
- height:auto;
- background-color:{color:background};
- box-shadow:0.1em 0.1em 0.2em #777;
- font-family:calibri;
- font-size:9px;
- letter-spacing:1px;
- text-transform:uppercase;
- color:#777;
- z-index:999999999999999999999999999999999999;
- transition-duration:0.5s;
- -o-transition-duration:0.5s;
- -ms-transition-duration:0.5s;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- }
- #credit, #credit a {
- position:fixed;
- bottom:4px;
- right:4px;
- padding:5px 4px;
- font-family: helvetica;
- text-transform:uppercase;
- color:#fff;
- font-size:10px;
- background-color:#000;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- -ms-transition-duration:0.3s;
- }
- #credit:hover, #credit a:hover {
- font-family: helvetica;
- color:#000;
- background-color:#fff;
- text-shadow:#aaa 2px 2px;
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- -ms-transition-duration:0.4s;
- }
- {CustomCSS}</style></head><body>
- <div id="theme">
- <div id="header">
- <div id="title"><a href="/">{text:Blog Title}</a></div>
- <div class="desc">
- {Description}
- </div>
- <div class="links">
- {block:IfLinkA}
- <a href="{text:linkA url}">{text:linkA}</a>
- {/block:IfLinkA}
- {block:IfLinkB}
- <a href="{text:linkB url}">{text:linkB}</a>
- {/block:IfLinkB}
- {block:IfLinkC}
- <a href="{text:linkC url}">{text:linkC}</a><br>
- {/block:IfLinkC}
- {block:IfLinkD}
- <a href="{text:linkD url}">{text:linkD}</a>
- {/block:IfLinkD}
- {block:IfLinkE}
- <a href="{text:linkE url}">{text:linkE}</a>
- {/block:IfLinkE}
- {block:IfLinkF}
- <a href="{text:linkF url}">{text:linkF}</a>
- {/block:IfLinkF}
- </div>
- {block:IfMusicPlayer}
- <div id="forte">
- <div style="margin-left:10px; margin-top:8px">
- <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://www.fargate.ru/supernatural/downloads/music/501/Jen%20Titus%20-%20O%20Death.mp3&t0=O Death&f1=http://www.neverest.euchresystems.com/music/Beatles-BlackBird.mp3&t1=Blackbird&f2=http://k007.kiwi6.com/hotlink/ibsgtv9hbq/Young_and_Beautiful.mp3&t2=Young and Beautiful (Jazz)&f3=http://k007.kiwi6.com/hotlink/zcawp6m3rn/Dearest_Forsaken.mp3&t3=Dearest Forsaken&f4=http://www.thechuckness.com/wp-content/uploads/2013/05/the-1975-fallingforyou.mp3&t4=Falling For You&total=5" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
- </div>
- </div>
- {/block:IfMusicPlayer}
- {block:ifSearchbar}
- <div id="searchbar">
- <script language="javascript">
- function send()
- {document.theform.submit()}
- </script>
- <form action="/search" method="get" class="sfm" name="theform">
- <input type="text" name="q" onfocus="if(this.value == 'SEARCH') { this.value = ''; }" value="{SearchQuery}" id="sf" />
- </form>
- </div>
- {/block:ifSearchbar}
- </div>
- <div id="all">{block:Posts}<div id="posts">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<div style="width:500px; overflow-x:scroll">{Caption}</div>{/block:Caption}{/block:Photo}
- {block:Link}<h1><a href="{URL}" {Target}><img style="margin-bottom:-5px" width="25" height="20" src="http://static.tumblr.com/vmteopo/Ny0n5hqsi/link_icon_2.png">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Photoset}{Photoset-500}{block:Caption}<div style="width:500px; overflow-x:scroll">{Caption}</div>{/block:Caption}{/block:Photoset}
- {block:Quote}<h2>❝ {Quote} ❞</h2><div style="text-align:right">—{Source}</div><br>{/block:Quote}
- {block:Audio}<div class="playbox">
- <div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
- {block:AlbumArt}
- <img src="{AlbumArtURL}" class="cover">
- {/block:AlbumArt}
- <div style="margin-left:110px; margin-top:-100px; line-height:160%"><br>
- {block:TrackName}{TrackName}{/block:TrackName}<br>
- {block:Artist}{Artist}{/block:Artist}<br>
- {block:Album}{Album}{/block:Album}
- <br>{/block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
- {block:Caption}<div style="max-width:500px; margin-top:30px"><div style="width:500px; overflow-x:scroll">{Caption}</div></div>{/block:Caption}{/block:Audio}
- {block:Video}{Video-500}{block:Caption}<div style="width:500px; overflow-x:scroll">{Caption}</div>{/block:Caption}{/block:Video}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li><br>{/block:Lines}{/block:Chat}
- {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;">— {Asker}: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
- <div id="details">
- <div id="reblog" title="reblog">{ReblogButton color="grey" size="10"}</div>
- <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year} at {12Hour}:{Minutes} </a> |{block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> |{/block:RebloggedFrom} {block:ContentSource} ©<a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} | + <a href="{Permalink}">{NoteCount}</a>♥
- {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}</div></div></div>
- {block:Pagination}<div id="pagi">
- {block:PreviousPage}<a href="{PreviousPage}">←</a> {/block:PreviousPage}
- {block:JumpPagination length="3"}
- {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}">→</a>{/block:NextPage}
- </div>{/block:Pagination}
- </div>
- <div id="credit"><a href="http://lunecerise.tumblr.com" title="lunecerise">LC</a></div></a>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment