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">
- <html>
- <!-------------------------------------------
- Theme by Clara
- http://mandrakescry.tumblr.com/
- DON'T REMOVE THE CREDITS
- -------------------------------------------->
- <head>
- <meta name="color:background" content="#FFFFFF"/>
- <meta name="color:link" content="#928f8f"/>
- <meta name="color:text" content="#9A9A9A"/>
- <meta name="color:title" content="#0a0a0a"/>
- <meta name="color:hover" content="#454545"/>
- <meta name="color:header" content="#000000">
- <meta name="color:header title" content="#ffffff">
- <meta name="color:header links" content="#ffffff"/>
- <meta name="color:info box" content="#9ad7b9"/>
- <meta name="color:info links" content="#ffffff"/>
- <meta name="color:tags box" content="#3c3c3c"/>
- <meta name="color:tags" content="#dddddd"/>
- <meta name="color:asker background" content="#686868">
- <meta name="color:question background" content="#f7c282">
- <meta name="color:scrollbar" content="#313231"/>
- <meta name="image:header" content=""/>
- <meta name="text:Link1" content="/" />
- <meta name="text:Link1 Title" content="link1" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link2 Title" content="link2" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link3 Title" content="link3" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link4 Title" content="link4" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(window).scroll(function() {
- if ($(this).scrollTop() > 1){
- $('header').addClass("sticky");
- }
- else{
- $('header').removeClass("sticky");
- }
- });
- </script>
- <script type="text/javascript">
- $(window).scroll(function() {
- if ($(this).scrollTop() > 1){
- $('nav').addClass("sticky");
- }
- else{
- $('nav').removeClass("sticky");
- }
- });
- </script>
- <script type="text/javascript">
- $(window).scroll(function() {
- if ($(this).scrollTop() > 1){
- $('desc').addClass("sticky");
- }
- else{
- $('desc').removeClass("sticky");
- }
- });
- </script>
- <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
- <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:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- #s-m-t-tooltip{
- max-width:250px;
- margin:10px;
- padding-left:2px;
- padding-right:2px;
- text-transform:uppercase;
- font-family: 'Lato';
- font-size:8px;
- box-shadow:2px 2px 5px rgba(0,0,0,.1);
- border:1px solid #363642;
- background:{color:info box};
- color:{color:header title};
- z-index:10000000000000000000000000000000000;
- }
- a {
- color:{color:link};
- text-decoration:none;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- a:hover {
- color:{color:hover};
- text-decoration:none;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- ::-webkit-scrollbar {
- height:8px;
- width:5px}
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:scrollbar};
- height:50px;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:{color:scrollbar};
- height:8px!important;
- }
- iframe#tumblr_controls {
- right:3px !important;
- position: fixed !important;
- -webkit-transition: opacity 0s linear;opacity: 0;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- z-index:-555;
- }
- #controls {
- position:fixed;
- top:0px;
- right:2px;
- opacity:1;
- z-index:1000000000000;
- }
- #controls img {
- display:inline-block;
- width:27px;
- opacity:1;
- padding:5px;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out
- }
- #controls img:hover {
- opacity:.7;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out
- }
- body {
- background-color:{color:background};
- font-family: 'Lato', sans-serif;
- font-weight:normal;
- line-height:140%;
- font-size:11px;
- }
- h1 {
- font-weight:normal;
- font-size:10px;
- text-align:center;
- font-style:normal;
- line-height:80%;
- letter-spacing:1px;
- text-transform:uppercase;
- color:{color:text};
- }
- h2 {
- margin-top:-10px;
- font-size:18px;
- text-align:left;
- line-height:100%;
- letter-spacing:-0.5px;
- font-family: 'Lato', sans-serif;
- color:{color:title};
- font-weight:normal;
- padding:5px;
- padding-bottom:2px;
- }
- blockquote {
- border-left:2px solid {color:tags box};
- padding-left:5px;
- margin:5px;
- }
- header{
- position: fixed;
- width: 102%;
- text-align: center;
- font-size: 52px;
- line-height: 108px;
- margin-left:-10px;
- height: 120px;
- color:{color:header title};
- text-transform:lowercase;
- font-family: 'PT Sans', sans-serif;
- z-index:100000000;
- background: {color:header};
- background-image:url('{image:header}');
- background-repeat: no-repeat;
- background-position: top, center;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- }
- header.sticky {
- font-size: 24px;
- line-height: 48px;
- height: 45px;
- text-align: right;
- right:-10px;
- padding-right: 220px;
- background: {color:header};
- background-image:url('{image:header}');
- background-repeat: no-repeat;
- background-position: top, center;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- }
- nav {
- position: fixed;
- width: 102%;
- text-align: center;
- font-size: 12px;
- margin-top:-67px;
- height: 20px;
- text-transform:uppercase;
- font-family: 'PT Sans', sans-serif;
- z-index:100000000;
- opacity:1;
- transition: all 0.4s ease;
- }
- nav a {
- color:{color:header links};
- }
- nav.sticky {
- font-size: 15px;
- line-height: 48px;
- height: 45px;
- margin-top:-45px;
- text-align: left;
- padding-left: 280px;
- transition: all 0.4s ease;
- opacity:100000000000000000000000000000000000000;
- }
- desc {
- position: fixed;
- width: 180px;
- text-align: justify;
- font-size: 12px;
- margin-top:57px;
- color:{color:text};
- left:20px;
- font-family: 'PT Sans', sans-serif;
- z-index:100000000;
- opacity:0;
- transition: all 0.4s ease;
- }
- desc.sticky {
- line-height:100%;
- left:50px;
- transition: all 0.4s ease;
- opacity:1;
- }
- #theme {
- width:500px;
- margin: 0 auto -12px auto;
- text-align: center;
- }
- .next {
- position:fixed;
- font-family:georgia;
- font-size:50px;
- padding-bottom: 10px;
- position:fixed;
- z-index:4;
- bottom: 30%;
- margin-left: 585px;
- color:{color:header};
- }
- .prev {
- position:fixed;
- font-family:georgia;
- font-size:50px;
- padding-bottom: 10px;
- position:fixed;
- z-index:4;
- bottom: 30%;
- margin-left: -85px;
- color:{color:header}
- }
- #stuffcontainer {
- float:left;
- width:500px;
- text-align:justify;
- color:{color:text};
- margin-top:110px;
- z-index:9999;
- }
- #stuff {
- width:500px;
- margin-top:40px;
- text-align:justify;
- line-height:110%;
- font-size:11px;
- letter-spacing:0px;
- color:{color:text};
- margin-bottom:30px;
- }
- .caption {
- width:500px;
- text-align:justify;
- line-height:120%;
- }
- .question{
- background-color: {color:question background};
- font-family: calibri, helvetica, arial;
- font-size: 12px;
- padding:15px;
- width: auto;
- color:#fff;
- height: auto;
- margin-top: -21px;
- word-spacing:-1.0px;
- line-height:20px;
- letter-spacing:-0px;
- border-top:5px solid #fff;
- }
- .askwho {
- background-color: {color:asker background};
- font-family: calibri, helvetica, arial;
- font-size: 15px;
- padding:5px;
- width:470px;
- height:30px;
- color:#fff;
- }
- .icon {
- height:40px;
- margin-top: 0px;
- border: 5px solid {color:background};
- float: right;
- margin-right:-2px;
- margin-top:-1px;
- border-radius:50%;
- }
- .askwho a{
- color: #fff;
- font-size:9px;
- text-transform:uppercase;
- font-family: calibri, helvetica, arial;
- }
- .askwho i{
- color: #fff;
- }
- .audio {
- width:500px;
- padding-bottom:10px;
- background-color:{color:infobg};
- }
- .albumart {
- float:left;
- padding:0px 10px 10px 0px;
- }
- .albumart img {
- width:45px;
- height:45px;
- }
- .playercontainer {
- text-align:left;
- padding:10px;
- background-color:#ffffff;
- width:480px;
- }
- .audioinfo {
- padding:10px;
- color:{color:text};
- }
- #postinfo {
- width:500px;
- padding:3px 0px 3px 0px;
- font-size:7px;
- color:{color:info links};
- text-transform:uppercase;
- font-family: 'Lato', sans-serif;
- font-style:normal;
- letter-spacing:2px;
- text-align:center;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- background:{color:info box};
- }
- #postinfo a {
- color:{color:info links};
- text-align:center;
- letter-spacing:1px;
- font-style:normal;
- }
- #postinfo a:hover {
- color:{color:hover};
- }
- .tags {
- font-style:normal;
- width:500px;
- padding:8px 0px 8px 0px;
- text-transform:uppercase;
- font-style:normal;
- color:{color:box};
- background:{color:tags box};
- font-family: 'Lato', sans-serif;
- letter-spacing:2px;
- line-height:120%;
- font-size:7px;
- text-align:center;
- margin-left:100px;
- opacity:0;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .tags a {
- color:{color:tags};
- letter-spacing:1px;
- padding:1px;
- }
- .tags a:hover {
- color:{color:link};
- }
- #stuff:hover .tags {
- opacity:1;
- margin-left:0px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .tagx {
- font-style:normal;
- width:500px;
- padding:8px 0px 8px 0px;
- text-transform:uppercase;
- font-style:normal;
- color:{color:box};
- background:{color:tags box};
- font-family: 'Lato', sans-serif;
- letter-spacing:2px;
- line-height:120%;
- font-size:7px;
- text-align:center;
- opacity:1;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .tagx a {
- color:{color:tags};
- letter-spacing:1px;
- padding:1px;
- }
- .tagx a:hover {
- color:{color:link};
- }
- ul.chat, .chat ol, .chat li {
- list-style:none;
- margin:0px;
- padding:2px;
- }
- .label {
- text-decoration:underline;
- font-weight:700;
- background-color:{color:info box};
- margin-right:5px;
- }
- ol.notes{
- width:500px;
- max-height:220px;
- overflow:auto;
- background:{color:background};
- box-shadow:2px 2px 5px 2px rgba(0,0,0,.4);
- padding:10px;
- font-family:'Lato';
- font-size:8px;
- word-spacing:3px;
- margin:80px 0 0 0;
- }
- .like {
- padding: 3px;
- background: #ddd;
- margin-top: 1px;
- margin-bottom: 1px;
- text-transform:uppercase;
- word-spacing:3px;
- }
- .like a {
- color:{color:tags box};
- }
- .like a:hover {
- color:{color:hover};
- }
- .reblog {
- background: #eee;
- padding: 3px;
- margin-top: 1px;
- margin-bottom: 1px;
- text-transform:uppercase;
- word-spacing:3px;
- }
- .reblog a {
- color:{color:info box};
- }
- .reblog a:hover {
- color:{color:hover};
- }
- ul.notes, ol.notes{
- list-style:none;
- margin:1px;
- padding:1px;
- margin-bottom:30px;
- margin-top:20px;
- }
- ul.notes, ol.notes img.avatar{
- width:0px;
- height:0px;
- }
- .more_notes_link {
- border-top: 3px solid {color:tags box};
- padding: 3px;
- background: {color:info box};
- margin-top: 1px;
- margin-bottom: 1px;
- display:block;
- color: #1d1d1d;
- text-transform:uppercase;
- }
- ol.notes::-webkit-scrollbar {width:2px; height:1px;}
- ol.notes::-webkit-scrollbar-thumb {border:0px solid transparent}
- ol.notes::-webkit-scrollbar-track-piece {background:transparent;}
- #reblog {
- margin-top:3px;
- text-align:left;
- height:15px;
- float:left;
- margin-left:223px;
- {block:IndexPage}
- opacity:0;
- {/block:IndexPage}
- {block:PermalinkPage}
- opacity:1;
- {/block:PermalinkPage}
- background:{color:tags box};
- padding:5px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #like {
- margin-top:3px;
- text-align:left;
- height:15px;
- float:left;
- margin-left:3px;
- background:{color:tags box};
- padding:5px;
- {block:IndexPage}
- opacity:0;
- {/block:IndexPage}
- {block:PermalinkPage}
- opacity:1;
- {/block:PermalinkPage}
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #stuff:hover #like {
- opacity:1;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #stuff:hover #reblog {
- opacity:1;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #credit{
- width:20px;
- position:fixed;
- bottom:10px;
- left:10px;
- opacity:1;
- z-index:1;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- -o-transition: all 0.3s linear;
- -ms-transition: all 0.3s linear;
- -webkit-filter: grayscale(100%);
- -moz-filter: grayscale(100%);
- -ms-filter: grayscale(100%);
- -o-filter: grayscale(100%);
- }
- #credit:hover{
- opacity:0.3;
- -webkit-filter: grayscale(0%);
- -moz-filter: grayscale(0%);
- -ms-filter: grayscale(0%);
- -o-filter: grayscale(0%);
- }
- </style></head>
- <boby>
- <header> {title}
- <nav>
- <a href="/">home</a>
- <a href="/ask">askbox</a>
- {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
- {block:iflink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:iflink2}
- {block:iflink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:iflink3}
- {block:iflink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:iflink4}
- </nav>
- <desc>
- {description}
- </desc>
- </header>
- <div id="controls">
- <a href="http://www.tumblr.com/send/{Name}?redirect_to=http%3A%2F%2F{Name}.tumblr.com%2F" title="fanmail"><img src="http://static.tumblr.com/j0zksi4/G4znkv8ov/fanmail.png"></a>
- <a href="http://tumblr.com/follow/{Name}" title="follow"><img src="http://static.tumblr.com/j0zksi4/uCrnkv8o4/follow-2.png"></a>
- <a href="http://tumblr.com/" title="dashboard">
- <img src="http://static.tumblr.com/j0zksi4/hDhnkv8n8/dash.png"></a>
- </div>
- <div id="theme">
- <div class="prev">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</div>
- <div class="next">{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
- <div id="stuffcontainer">
- {block:Posts}
- <div id="stuff">
- {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
- {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
- {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
- {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-500}</center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<img src="{AskerPortraitURL-48}" class="icon">
- <div class="askwho">{Asker} <i> says:</i></div><p></p>
- <div class="question">{Question}</div>{Answer}{/block:Answer}
- {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
- <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
- {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
- <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
- {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
- <p>
- {block:Date}<div id="postinfo">{MonthNumberWithZero}-{DayOfMonthWithZero} • <a href="{Permalink}">{24Hour}:{Minutes}</a>{block:NoteCount} • <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} • <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
- {block:ContentSource} • <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>
- {/block:Date}
- {block:IndexPage}
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
- {/block:HasTags}
- <div id="reblog">{ReblogButton size="15"}</div>
- <div id="like">{LikeButton size="15"}</div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:HasTags}
- <div class="tagx">
- {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
- {/block:HasTags}
- <div id="reblog">{ReblogButton size="15"}</div>
- <div id="like">{LikeButton size="15"}</div>
- {/block:PermalinkPage}
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}
- </div>
- </div>
- </div>
- <a href="http://mandrakescry.tumblr.com/" title="theme by mandrakescry"><img src="http://static.tumblr.com/j0zksi4/88knkv5gx/m2.jpg" id="credit"></a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement