Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <!--
- THEME 07 (HAUNTED) BY WINTERDREAMING
- -->
- <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}
- <meta name="image:background" content="">
- <meta name="image:sidebar" content="">
- <meta name="if:show captions" content="1">
- <meta name="if:black music player" content="1">
- <meta name="if:popup askbox" content="1">
- <meta name="if:faded photos" content="1">
- <meta name="if:show link 1" content="1">
- <meta name="if:show link 2" content="1">
- <meta name="if:show link 3" content="1">
- <meta name="if:show link 4" content="1">
- <meta name="if:show link 5" content="1">
- <meta name="color:background" content="#2b2b2b">
- <meta name="color:sidebar picture border" content="#1d1d1d">
- <meta name="color:post background" content="#1d1d1d">
- <meta name="color:text" content="#838282">
- <meta name="color:links" content="#778f9b">
- <meta name="color:sidebar text" content="#797777">
- <meta name="color:post date" content="#4D4D4D">
- <meta name="color:sidelinks bg" content="#181818">
- <meta name="color:post borders" content="#181818">
- <meta name="color:scrollbar background" content="#2b2b2b">
- <meta name="color:scrollbar bar" content="#181818">
- <meta name="color:sidelinks" content="#797777">
- <meta name="color:hover date" content="#c7c6c6">
- <meta name="color:blockquote bg" content="#242424">
- <meta name="color:chat line bg" content="#181818">
- <meta name="text:sidebar margin top" content="170">
- <meta name="text:sidebar picture opacity" content="0.6">
- <meta name="text:your username" content="your tumblr username">
- <meta name="text:link 1 name" content="link 1">
- <meta name="text:link 1 url" content="/w">
- <meta name="text:link 2 name" content="link 2">
- <meta name="text:link 2 url" content="/w">
- <meta name="text:link 3 name" content="link 3">
- <meta name="text:link 3 url" content="/w">
- <meta name="text:link 4 name" content="link 4">
- <meta name="text:link 4 url" content="/w">
- <meta name="text:link 5 name" content="link 5">
- <meta name="text:link 5 url" content="/w">
- <!--tall,thin-->
- <link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>
- <style type="text/css">
- ::-webkit-scrollbar{width:10px;height:10px;background:{color:scrollbar background};}
- ::-webkit-scrollbar-thumb{background:{color:scrollbar bar};}
- ::-webkit-scrollbar-button{border-top:2px solid {color:scrollbar background};border-bottom:2px solid {color:scrollbar background};width:14px;height:14px;background:{color:scrollbar bar};}
- ::-webkit-scrollbar-corner{background:{color:scrollbar background};}
- ::-webkit-scrollbar:horizontal{display:none;}
- iframe#tumblr_controls{
- right:3px !important;
- position:fixed !important;
- opacity:0.4;
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- transition:all 0.5s ease;}
- iframe#tumblr_controls:hover{opacity:1;}
- body{
- font-family: calibri, sans-serif;
- font-size:10px;
- color:{color:text};
- background-image:url('{image:background}');
- background-attachment:fixed;
- background-color:{color:background};}
- a:link, a:visited, a:active{
- text-decoration:none;
- color:{color:links};
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- transition:all 0.5s ease;}
- a:hover{
- color:{color:text};
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- transition:all 0.5s ease;}
- blockquote{
- padding:1px 5px;
- margin:5px 0px;
- background:{color:blockquote bg};
- border-left:3px solid {color:post borders};}
- ol, ul{margin:0px 0px 0px -25px;}
- small{font-size:9px;}
- big{font-size:12px;}
- #wrap{
- width:800px;
- margin:auto;
- z-index:1;}
- #sidebar{
- width:140px;
- position:fixed;
- top:{text:sidebar margin top}px;}
- #hovers{
- margin-top:5px;
- text-transform:uppercase;
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- transition:all 0.5s ease;}
- #hovers a{
- padding:3px;
- line-height:250%;
- background:{color:sidelinks bg};}
- #hovers a:hover{color:{color:sidelinks bg};}
- #hovers .slodd{color:{color:sidelinks};}
- #hovers .sleven{color:{color:sidelinks};}
- #sidetri{
- font-size:70px;
- position:absolute;
- margin-top:30px;
- margin-left:107px;
- z-index:1;
- color:{color:sidebar picture border};}
- #sideimg{width:90px;height:90px;
- border:25px solid {color:sidebar picture border};}
- #sideimg img{
- width:90px;
- height:90px;
- opacity:{text:sidebar picture opacity};
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- transition:all 0.5s ease;}
- #sideimg img:hover{opacity:1;
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- transition:all 0.5s ease;}
- #des{
- text-align:center;
- margin-top:10px;
- padding:5px
- color:{color:sidebar text};
- background:{color:sidebar picture border};
- border-top:5px solid {color:sidelinks bg};
- border-bottom:5px solid {color:post borders};}
- #pages{
- font-size:30px;
- color:{color:sidebar links};}
- #pages a{
- color:{color:sidelinks bg};}
- #pages a:hover{color:{color:sidebar text};}
- #posts{
- margin-left:230px;
- margin-top:70px;}
- .post{
- overflow:auto;
- width:500px;
- padding:25px;
- margin-bottom:50px;
- border-bottom:10px solid {color:post borders};
- background-color:{color:post background};}
- /* post dates */
- .date{
- width:525px;
- text-align:right;
- font-size:11px;
- text-transform:uppercase;
- padding:5px 20px 5px 5px;
- letter-spacing:1px;
- font-family: Oswald, sans-serif;
- background-color:{color:post borders};}
- .date a{
- color:{color:post date};}
- .date a:hover{color:{color:text};}
- /* hovering post info */
- .hovering{
- position:absolute;
- margin-left:540px;
- margin-top:-50px;
- opacity:0;
- width:100px;
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- transition:all 0.5s ease;}
- .post:hover .hovering{
- opacity:1;
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- transition:all 0.5s ease;}
- .uppers{border-bottom:1px dotted {color:hover date};}
- .uppers a{
- display:block;
- color:{color:hover date};}
- .uppers a:hover{color:{color:post date};}
- .tagsbox{
- font-style:italics;
- font-size:9px;
- text-transform:uppercase;}
- .tagsbox a{color:{color:text};}
- .tagsbox a:hover{color:{color:post borders};}
- /* post titles */
- .posttitle{
- text-transform:uppercase;
- text-align:center;
- font-size:15px;
- font-family: 'Oswald', sans-serif;}
- .quotewords{
- font-family: 'Oswald', sans-serif;
- font-size:15px;}
- .quotesource{
- text-align:right;
- font-style:italic;}
- {block:iffadedphotos}
- .ph, .post img{opacity:0.8;-webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- transition:all 0.5s ease;}
- .post:hover .ph, .post:hover .post img{opacity:1;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;
- transition:all 0.5s ease;}
- {/block:iffadedphotos}
- #text a{
- letter-spacing:1px;
- font-family: "Oswald", sans-serif;
- position:fixed;
- bottom:15px;
- right:15px;
- text-transform:uppercase;
- display:block;
- padding:3px 5px;
- color:{color:text};
- background:{color:post background};}
- #text a:hover{background:{color:text};color:{color:post background};}
- /* chat posts */
- .chats{line-height:150%;}
- .user1{margin-top:5px;padding:5px;background:{color:chat line bg};}
- .user2{padding:5px;}
- .user3{padding:5px;background:{color:chat line bg};}
- .user4{padding:5px;}
- .user5{padding:5px;background:{color:chat line bg};}
- .user6{padding:5px;}
- .user7{padding:5px;background:{color:chat line bg};}
- .user8{padding:5px;}
- .user9{padding:5px;background:{color:chat line bg};}
- .user10{padding:5px;}
- .user11{padding:5px;background:{color:chat line bg};}
- .user12{padding:5px;}
- /* audio posts */
- .aup{width:25px;overflow:hidden;}
- .player{
- padding:15px 18px 15px 17px;
- width:25px;
- position:absolute;
- margin-top:15px;
- margin-left:15px;
- z-index:10;
- opacity:0.4;
- {block:ifblackmusicplayer}background:#000;{/block:ifblackmusicplayer}
- {block:ifNotblackmusicplayer}background:#fff;{/block:ifNotblackmusicplayer}
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- transition:all 0.5s ease;}
- .player:hover{
- opacity:0.7;
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- transition:all 0.5s ease;}
- .albumart{z-index:1;min-height:90px;}
- .albumart img{
- border:15px solid {color:post borders};
- width:60px;
- opacity:0.4;}
- .ai{
- font-size:10px;
- margin-left:100px;
- width:400px;
- text-transform:uppercase;
- text-align:center;
- height:27px;
- margin-top:-93px;
- padding:31px 0px;
- background:{color:post borders};}
- .audioinfo{
- display:inline;
- opacity:0.6;}
- /* ask posts */
- .ah{min-height:70px;}
- .asker{
- position:absolute;
- text-align:left;
- font-style:italic;
- width:40px;
- border:15px solid {color:post borders};}
- .asker img{width:40px;opacity:0.65;}
- .question{
- margin-left:80px;
- width:400px;
- padding:10px;
- background:{color:post borders};}
- .postnotess img{display:none;}
- {CustomCSS}
- /* popup window */
- #fade {
- display: none;
- background: #000;
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: .80;
- z-index: 9999;}
- .popup_block{
- border-radius:20px;
- display: none;
- background: #f3f3f3;
- padding: 20px;
- float: left;
- position: fixed;
- top: 50%;
- left: 50%;
- z-index: 99999;}
- img.btn_close {float: right;margin: -55px -55px 0 0;}
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- </style>
- <!--lazy load-->
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- <!--popup-->
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- //When you click on a link with class of poplight and the href starts with a #
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- //Pull Query & Variables from href URL
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- //Fade in the Popup and add close button
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://tiny.cc/closeimg" class="btn_close" title="Close Window" alt="Close" /></a>');
- //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- //Fade in Background
- $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
- return false;
- });
- //Close Popups and Fade Layer
- $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- </head>
- <body>
- <div id="wrap">
- {block:ifpopupaskbox}<div id="ask" class="popup_block">
- <iframe frameborder="0" height="150" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:your username}.tumblr.com" width="100%"></iframe>
- </div>{/block:ifpopupaskbox}
- <div id="sidebar"><center>
- <div id="sidetri">►</div>
- <div id="sideimg"><a href="/" title="{Title}"><img src="{image:sidebar}" style=""></a></div>
- <div id="des">{Description}<br style="line-height:15px;">
- <div id="hovers">
- <a href="/" class="slodd">home</a>
- {block:ifpopupaskbox}<a href="#?w=500" rel="ask" class="poplight sleven">ask</a>{/block:ifpopupaskbox}
- {block:ifNotpopupaskbox}<a href="/ask" class="sleven">ask</a>{/block:ifNotpopupaskbox}
- <a href="/archive" class="slodd">past</a>
- {block:ifshowlink1}<a href="{text:link 1 url}" class="sleven">{text:link 1 name}</a>{/block:ifshowlink1}
- {block:ifshowlink2}<a href="{text:link 2 url}" class="slodd">{text:link 2 name}</a>{/block:ifshowlink2}
- {block:ifshowlink3}<a href="{text:link 3 url}" class="sleven">{text:link 3 name}</a>{/block:ifshowlink3}
- {block:ifshowlink4}<a href="{text:link 4 url}" class="slodd">{text:link 4 name}</a>{/block:ifshowlink4}
- {block:ifshowlink5}<a href="{text:link 5 url}" class="sleven">{text:link 5 name}</a>{/block:ifshowlink5}
- </div>
- </div>
- {block:Pagination}<div id="pages"><center>
- {block:PreviousPage}
- <a href="{PreviousPage}" id="prev">◂</a>
- {/block:PreviousPage}{block:NextPage}
- <a href="{NextPage}" id="next">▸</a>
- {/block:NextPage}
- </center></div>{/block:Pagination}
- </center></div>
- <div id="posts">{block:Posts}
- <div class="date">
- {block:Date}<a href="{Permalink}">Posted on {ShortMonth} {DayOfMonthWithZero}, {Year}</a>{/block:Date}
- </div>
- <div class="post">
- <div class="hovering">
- <div class="uppers">
- {block:Date}<a href="{Permalink}" title="Permalink" style="text-transform:uppercase;font-size:11px;letter-spacing:1px;font-family: Oswald, sans-serif;">{TimeAgo}</a>{/block:Date}<br>
- <div style="margin-top:-15px;"><a href="{Permalink}" style="text-transform:uppercase;font-size:11px;letter-spacing:1px;font-family: Oswald, sans-serif;">with {NoteCountWithLabel}</a></div>
- </div>
- <a href="{ReblogURL}" title="Reblog this post" target="_blank">REBLOG</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> - VIA</a>{/block:RebloggedFrom}
- {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">(SOURCE)</a>{/block:ContentSource}
- <div class="tagsbox">
- {block:HasTags}<br>TAGGED AS:<br>{block:Tags}<a href="{TagURL}"># {Tag}</a><br>{/block:Tags}{/block:HasTags}
- </div>
- </div>
- {block:Text}
- {block:Title}<div class="posttitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <div class="ph"><a href="{Permalink}"><img src="{PhotoURL-500}"></a></div>
- {block:ifshowcaptions}
- {block:Caption}{Caption}{/block:Caption}
- {/block:ifshowcaptions}
- {/block:Photo}
- {block:Photoset}
- <div class="ph">{Photoset-500}</div>
- {block:ifshowcaptions}
- {block:Caption}{Caption}{/block:Caption}
- {/block:ifshowcaptions}
- {/block:Photoset}
- {block:Quote}
- <div class="quotewords">{Quote}</div><br>
- {block:Source}
- <div class="quotesource">— {Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="posttitle"><a href="{URL}" target="{Target}">{Name} → </a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div class="posttitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
- {block:Lines}<div class="chats">
- <div class="user{UserNumber}">{block:Label}<b>{Label} </b>{/block:Label} {Line}<br></div>
- </div>{/block:Lines}
- {/block:Chat}
- {block:Audio}
- {block:AudioPlayer}
- <div class="player"><div class="aup">{block:ifblackmusicplayer}{AudioPlayerBlack}{/block:ifblackmusicplayer}{block:ifNotblackmusicplayer}{AudioPlayerWhite}{/block:ifNotblackmusicplayer}</div></div>
- {/block:AudioPlayer}
- <div class="albumart">{block:AlbumArt}
- <img src="{AlbumArtURL}">
- {/block:AlbumArt}</div>
- <div class="ai">
- {block:TrackName}<div class="audioinfo"><b>{TrackName}</b></div>{/block:TrackName}
- {block:Artist}<div class="audioinfo">by <b>{Artist}</b></div>{/block:Artist}<br>
- {block:Album}<div class="audioinfo">On <b>{Album}</b></div>{/block:Album}
- {block:PlayCount}<div class="audioinfo">with <b>{PlayCountWithLabel}</b></div>{/block:PlayCount}
- </div>
- {block:ifshowcaptions}
- {block:Caption}{Caption}{/block:Caption}
- {/block:ifshowcaptions}
- {/block:Audio}
- {block:Video}
- {Video-500}
- {block:ifshowcaptions}
- {block:Caption}{Caption}{/block:Caption}
- {/block:ifshowcaptions}
- {/block:Video}
- {block:Answer}
- <div class="ah">
- <div class="asker"><a href="{AskerURL}" target="_blank"><img src="{AskerPortraitURL-128}"></a></div>
- <div class="question">{Question}</div>
- </div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {block:PostNotes}<div class="postnotess"><ol style="margin-left:-50px;">{PostNotes}</ol></div>{/block:PostNotes}
- </div>{/block:Posts}</div>
- </div>
- <div id="text"><a href="http://winterdreaming.tumblr.com" target="_blank">theme</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement