Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- _____________ ¶¶¶¶¶¶¶¶
- _________¶¶¶¶¶ _______¶¶¶¶¶
- _______¶¶¶ ________________¶¶¶
- _____¶¶¶ ____________________¶¶¶
- ____¶¶ ________________________¶¶
- ___¶ ______¶¶¶_____¶¶¶__________¶¶
- __¶ _________¶¶______¶¶__________¶¶
- _¶¶ __________¶¶______¶¶_________¶¶
- _¶ ____________¶¶______¶¶___¶¶¶___¶¶
- ¶¶ _____¶¶_____¶¶______¶¶_____¶¶__¶¶
- ¶¶ ___¶¶¶______¶¶______¶¶______¶¶_¶¶
- ¶¶ __¶¶¶¶¶__________________¶¶_¶¶_¶¶
- _¶ __¶¶__¶¶_________________¶¶____¶¶
- _¶¶ ______¶¶______________¶¶¶____¶¶
- __¶¶ ______¶¶____________¶¶¶_____¶¶
- ___¶¶ _______¶¶¶¶_____¶¶¶¶______¶¶
- ____¶¶ _________¶¶¶¶¶¶¶________¶¶
- ______¶¶ ____________________¶¶
- ________¶¶¶ ______________¶¶¶
- __________ ¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
- themesbyzsu.tumblr.com !! hi friend hope you enjoy
- -->
- <!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:Body" content="#333" />
- <meta name="color:HeaderColor" content="#8d8c8d" />
- <meta name="image:Header" content="" />
- <meta name="color:Title" content="#333" />
- <meta name="color:Link" content="#333" />
- <meta name="color:Link Hover" content="#aaa" />
- <meta name="text:Link1" content="link" />
- <meta name="text:Link1 URL" content="/" />
- <meta name="text:Link2" content="link" />
- <meta name="text:Link2 URL" content="/" />
- <meta name="text:Link3" content="link" />
- <meta name="text:Link3 URL" content="/" />
- <meta name="text:Link4" content="link" />
- <meta name="text:Link4 URL" content="/" />
- <meta name="text:Link5" content="link" />
- <meta name="text:Link5 URL" content="/" />
- <meta name="text:Header Top Margin" content="200px" />
- <meta name="text:Header Left Margin" content="400px" />
- <meta name="if:Tree Gif" content="1" />
- <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic|Lora:400,700,400italic,700italic|Lato:300,400' rel='stylesheet' type='text/css'>
- <script type="text/javascript" src="http://static.tumblr.com/iddq6cw/4Gum31dpt/modernise.js">
- </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type"text/javascript"></script>
- <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js" type="text/javascript"></script>
- <script>
- (function($){ $(document).ready(function() {
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- <script type="text/javascript">
- $(window).scroll(function() {
- var headerH = $('.header').outerHeight(true);
- //this will calculate header's full height, with borders, margins, paddings
- var scrollTopVal = $(this).scrollTop();
- if ( scrollTopVal > headerH ) {
- $('.titlebox').css({'position':'fixed','left' :'100px', 'top':'200px'});
- $('.links').css({'opacity':'1'});
- $('#image').css({'display':'none'});
- $('.liner').css({'width':'80px'});
- $('.desc').css({'color':'#333'});
- $('#title a').css({'color':'#333'});
- } else {
- $('.titlebox').css({'position':'fixed','left':'{text:Header Left Margin}', 'top':'{text:Header Top Margin}'});
- $('#image').css({'display':'block'});
- $('.links').css({'opacity':'0'});
- $('.liner').css({'width':'0px'});
- $('.desc').css({'color':'{color:Title}'});
- $('#title a').css({'color':'{color:Title}'});
- }
- });
- </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type"text/javascript"></script>
- <script type="text/javascript">
- var timeOut;
- function scrollToTop() {
- if (document.body.scrollTop!=0 || document.documentElement.scrollTop!=0){
- window.scrollBy(0,-50);
- timeOut=setTimeout('scrollToTop()',10);
- }
- else clearTimeout(timeOut);
- }
- </script>
- <style type="text/css">
- body {
- background: {color:Background};
- position:absolute;
- width:100%;
- margin:0;
- font-size:12px;
- font-family:'Lato', serif;
- color:{color:Body};
- }
- #s-m-t-tooltip{
- z-index: 9999;
- background:#fff;
- text-transform:uppercase;
- margin:-10px 5px;
- color:#444;
- padding:5px;
- background:rgba(255,255,255,1);
- font-family:Lato;
- font-size:10px;
- letter-spacing:1px;
- }
- @font-face {
- font-family: Didot;
- src: url(http://static.tumblr.com/heqtwlw/sCYn1zhhs/ufonts.com_didot.ttf);
- }
- @font-face {
- font-family: Nexa;
- src: url(http://static.tumblr.com/ssqfxic/bFGn5tfcr/nexa_light.otf);
- }
- blockquote {
- border-left: 3px solid #f1f1f1;
- padding:0 5px 0 5px;
- text-align: left;
- }
- blockquote img {
- max-width: 100%;
- display: block;
- margin-bottom: 5px;
- }
- blockquote blockquote {
- margin: 10px;
- padding: 10px;
- }
- a {
- text-decoration:none;
- outline: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:Link Hover};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- h1 {
- font-family:'Playfair Display';
- text-indent:55px;
- font-style:italic;
- }
- h1:before{
- content:"";
- position:absolute;
- width:50px;
- margin-top:15px;
- margin-left:-55px;
- background:black;
- height:1px;
- }
- h2 {
- font-family:tahoma;
- text-transform:uppercase;
- padding:5px;
- color:{color:Link};
- }
- h3 {
- font-family:'Playfair Display';
- font-style:italic;
- text-transform:lowercase;
- font-size:20px;
- }
- /* SIDEBAR */
- #headercolor{
- position:absolute;
- height:380px;
- width:100%;
- background:{color:HeaderColor} url('{image:Header}') no-repeat;
- background-position:right;
- }
- .titlebox{
- position:fixed;
- width:300px;
- left:{text:Header Left Margin};
- top:{text:Header Top Margin};
- transition:0.4s;
- -webkit-transition:0.4s;
- -moz-transition:0.4s;
- -o-transition:0.4s;
- -ms-transition:0.4s;
- transition-delay:0.3s;
- -webkit-transition-delay:0.3s;
- -moz-transition-delay:0.3s;
- -o-transition-delay:0.3s;
- -ms-transition-delay:0.3s;
- z-index:999;
- }
- .desc{
- text-align:justify;
- z-index:9;
- color:{color:Title};
- font-size:11px;
- transition:0.6s;
- -webkit-transition:0.6s;
- -moz-transition:0.6s;
- -o-transition:0.6s;
- -ms-transition:0.6s;
- transition-delay:0.8s;
- -webkit-transition-delay:0.8s;
- -moz-transition-delay:0.8s;
- -o-transition-delay:0.8s;
- -ms-transition-delay:0.8s;
- }
- .liner{
- position:relative;
- width:0px;
- height:1px;
- background:#ccc;
- display:inline-block;
- top:-9px;
- margin-left:10px;
- transition:0.6s;
- -webkit-transition:0.6s;
- -moz-transition:0.6s;
- -o-transition:0.6s;
- -ms-transition:0.6s;
- transition-delay:0.6s;
- -webkit-transition-delay:0.6s;
- -moz-transition-delay:0.6s;
- -o-transition-delay:0.6s;
- -ms-transition-delay:0.6s;
- }
- .pagi{
- margin-top:10px;
- text-align:center;
- text-transform:uppercase;
- padding:5px;
- width:500px;
- border-top:1px solid #ccc;
- }
- .pagi span{
- display:inline-block;
- padding:2px;
- width:90px;
- }
- .next{text-align:right;}
- .prev{text-align:left;}
- .links a{
- font:9px 'Nexa';
- text-transform:uppercase;
- display:inline-block;
- text-align:center;
- padding:5px;
- color:black;
- border-bottom:1px solid transparent;
- transition:0.6s;
- -webkit-transition:0.6s;
- -moz-transition:0.6s;
- -o-transition:0.6s;
- -ms-transition:0.6s;
- }
- .links a:hover{
- border-bottom:1px solid #ccc;
- transition:0.6s;
- -webkit-transition:0.6s;
- -moz-transition:0.6s;
- -o-transition:0.6s;
- -ms-transition:0.6s;
- }
- #open{
- }
- .links{
- margin-top:10px;
- position:relative;
- margin-left:-10px;
- text-align:center;
- transition:0.3s;
- -webkit-transition:0.3s;
- -moz-transition:0.3s;
- -o-transition:0.3s;
- -ms-transition:0.3s;
- width:300px;
- opacity:0;
- }
- #list1{
- width:200px;
- text-align:left;
- border-left:1px solid #ccc;
- border-top:1px solid #ccc;
- }
- #list1 li{
- list-style:none;
- }
- #list1 a:hover{
- padding:5px;
- }
- .new{
- margin-top:-5px;
- font:30px 'Nexa';
- text-transform:uppercase;
- font-weight:100;
- padding-left:100px;
- width:450px;
- }
- #title a{
- color:{color:Title};
- margin-left:-120px;
- transition-delay:0.8s;
- -webkit-transition-delay:0.8s;
- -moz-transition-delay:0.8s;
- -o-transition-delay:0.8s;
- -ms-transition-delay:0.8s;
- }
- #image {
- -moz-transform: scaleX(-1);
- -o-transform: scaleX(-1);
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
- margin-left:50px;
- position:fixed;
- top:200px;
- left:430px;
- z-index:1;
- }
- /* POSTS */
- #entries {
- font-size:10px;
- left: 470px;
- margin-top:400px;
- position:absolute;
- text-align: justify;
- }
- #post {
- font-size:10px;
- width: 500px;
- padding:5px;
- color:{color:Body};
- text-align: left;
- overflow:hidden;
- border-left:none;
- }
- #post:before{
- content:'';
- position:absolute;
- width:100px;
- height:1px;
- margin-left:410px;
- margin-top:-6px;
- background:#ccc;
- }
- #info:before{
- content:'';
- position:absolute;
- height:100px;
- width:1px;
- float:right;
- margin-top:25px;
- margin-left:-6px;
- background:#ccc;
- }
- #info {
- margin-left:510px;
- line-height:20px;
- border-bottom:1px solid #ccc;
- border-left:1px solid #ccc;
- font-family:Didot;
- text-transform:uppercase;
- letter-spacing:-3px;
- word-spacing:3px;
- font-size:20px;
- padding:5px;
- display:block;
- }
- #info a{
- color:black;
- }
- ol.notes {
- padding: 0px;
- margin: 10px 10px;
- list-style-type:upper-roman;
- text-align:left;
- position: relative;
- z-index: 2;
- text-transform: uppercase;
- font-size: 9px;
- letter-spacing:1px;
- clear:both;}
- ol.notes a {color: {color:Link};}
- ol.notes li.note {padding: 10px;}
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;}
- ol.notes li.note span.action {font-weight: normal;}
- ol.notes li.note .answer_content {font-weight: normal;}
- ol.notes li.note blockquote {
- border-color: #eee;
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;}
- ol.notes li.note blockquote a {text-decoration: none;}
- /* QUESTION */
- #question img{
- float:right;
- position:relative;
- margin-top:-5px;
- margin-right:-5px;
- border-radius:50%;
- }
- #question {
- border-bottom:1px solid #ccc;
- padding:10px;
- }
- .question{
- font-family:'Playfair Display';
- font-size:15px;
- color:#333;
- font-weight:700;
- }
- .question a{
- color:#333;
- font-style:italic;
- }
- .question blockquote{
- border-left-color:#ddd;
- }
- /* AUDIO */
- #audio{
- }
- .albumart{
- width:100px;
- height:100px;
- background:url('http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg');
- background-size:100px 100px;
- }
- #audio img{
- width:100px;
- height:100px;
- }
- #audio:hover #audioplayer{
- opacity:1;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #audioplayer{
- float:left;
- position:absolute;
- opacity:0;
- width:30px;
- margin-top:30px;
- background:white;
- border:5px solid white;
- margin-left:30px;
- overflow:hidden;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #audiostuff{
- position:absolute;
- margin-top:-100px;
- width:380px;
- padding:10px;
- margin-left:100px;
- }
- .track{
- font-family:'Playfair Display'; font-weight:700;font-style:italic; font-size:20px; margin-left:45px; text-transform:none;
- }
- .track:before{
- content:"";
- position:absolute;
- width:35px;
- margin-top:15px;
- height:1px;
- margin-left:-40px;
- background:black;
- }
- .otherstuff{
- border-left:1px solid black;
- margin-top:-11px;
- margin-left:20px;
- padding:15px 5px 8px 5px;
- font-family:'Lato';
- text-transform:uppercase;
- letter-spacing:1px;
- }
- #tags {
- text-align:left;
- padding: 5px;
- border-top:none;
- border-top:1px solid #f0f0f0;
- width:500px;
- border-left:none;
- font-family:Playfair Display;
- margin-bottom:70px;
- }
- #tags a{
- font-style:italic;
- }
- .date {
- font-style:normal;
- font-family:Didot;
- }
- #credit a{
- position:fixed;
- right:20px;
- bottom:20px;
- padding:4px 5px;
- background:black;
- font-size:11px;
- color:white;
- border:1px solid black;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #credit a:hover {
- opacity:1;
- color:black;
- background:white;
- border-color:black;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #topheader{
- width:100%;
- height:300px;
- }
- </style>
- <style type="text/css">{CustomCSS}</style>
- </head>
- <body>
- <div id="headercolor"></div>
- <div class="titlebox">
- <div class="new">
- <span id="title"><a href="/">{Title}</a></span>
- <div class="liner"></div>
- </div>
- <div class="desc">{description}
- </div>
- <div class="links">
- <a href="{text:Link1 URL}">{text:Link1}</a>
- <a href="{text:Link2 URL}">{text:Link2}</a>
- <a href="{text:Link3 URL}">{text:Link3}</a>
- <a href="{text:Link4 URL}">{text:Link4}</a>
- <a href="{text:Link5 URL}">{text:Link5}</a>
- </div>
- </div>
- </div>
- {block:IfTreeGif}
- <div id="image"><img src="http://media.giphy.com/media/i9zULAkEBgiJ2/giphy.gif"></div>
- {/block:IfTreeGif}
- <div id="entries">
- {block:Posts}
- <div id="info">
- <a href="{Permalink}">{NoteCountWithLabel}</a></div>
- <div id="post">
- {block:Text}{block:Title}<h1>{title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Quote}<h3>“{Quote}” </h3>
- <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:Title}<h1>{Title}</h1><br>{/block:Title}{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:Audio}
- <div id="audio">
- <div id="audioplayer">
- {block:AudioPlayer}
- {AudioPlayerWhite}
- {/block:AudioPlayer}</div>
- <div class="albumart">
- {block:AlbumArt}
- <img src="{AlbumArtURL}"/>
- {/block:AlbumArt}
- </div>
- <div id="audiostuff">
- {block:TrackName}<span class="track">{TrackName}{/block:TrackName}</span>
- <div class="otherstuff">
- {block:Artist}{Artist}{/block:Artist} <br>
- {block:Album}{Album}{/block:Album}<br>
- {block:Playcount}{FormattedPlayCount} plays{/block:Playcount}</div>
- </div>
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:Audio}
- {block:Answer}
- <div id="question">
- <img src="{AskerPortraitURL-30}">
- <span class="question">
- {Asker}</span> asked:
- <blockquote>{Question}</blockquote>
- </div>
- {Answer}{/block:Answer}
- </div>
- <div id="tags">
- {/block:NoteCount}{block:RebloggedFrom} {block:Date}<a class="date" href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{/block:Date} [<a href="{ReblogParentURL}">via</a>{block:ContentSource} / <a href="{SourceURL}">source</a>{block:ContentSource}]{/block:RebloggedFrom}{block:HasTags}
- {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
- </div>
- {/block:Posts}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- <div class="pagi">{block:Pagination}
- <span class="prev">
- {block:PreviousPage}<a href="{PreviousPage}">previous page</a>{/block:PreviousPage}
- </span>
- <span class="pages">page {CurrentPage} of {TotalPages}</span>
- <span class="next">{block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage}</span>
- {/block:Pagination}</div>
- </div>
- <div id="credit"><a href="http://bonruffians.tumblr.com">✿</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement