Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html 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}
- <meta name="image:header" content=""/>
- <meta name="if:greyscaleonheader" content="0"/>
- <meta name="if:headerimgcover" content="1"/>
- <meta name="if:headerimgrepeat" content="0"/>
- <meta name="if:invertedtumblrcontrols" content="0"/>
- <meta name="color:tooltip" content="#fff"/>
- <meta name="color:tooltiptext" content="#333"/>
- <meta name="color:scrollbar" content="#888"/>
- <meta name="color:scrollbarbackground" content="#333"/>
- <meta name="color:text" content="#858585"/>
- <meta name="color:link" content="#333"/>
- <meta name="color:blockqoute" content="#8585858"/>
- <meta name="color:posts" content="#fff"/>
- <meta name="color:postsborder" content="#eee"/>
- <meta name="color:postcontainer" content="#fff"/>
- <meta name="color:stickylinks" content="#333"/>
- <meta name="color:stickylinkstext" content="#fff"/>
- <meta name="color:popupinfo" content="#333"/>
- <meta name="color:popupinfotext" content="#fff"/>
- <meta name="color:headerbox" content="#eee"/>
- <meta name="color:descriptiontitle" content="#fff"/>
- <meta name="color:headerlinks" content="#fafafa"/>
- <meta name="color:headerlinksborder" content="#333"/>
- <meta name="color:scrollbuttonheader" content="#333"/>
- <meta name="color:scrollbuttonheaderarrow" content="#fff"/>
- <meta name="color:postinfobuttontext" content="#333"/>
- <meta name="color:linkpostlink" content="#333"/>
- <meta name="color:asker" content="#333"/>
- <meta name="color:askertext" content="#fff"/>
- <meta name="color:evenchat" content="#fafafa"/>
- <meta name="color:evenchattext" content="#333"/>
- <meta name="color:unevenchat" content="#fefefe"/>
- <meta name="color:unevenchattext" content="#333"/>
- <meta name="color:linkalbumartimg" content="#eee"/>
- <meta name="color:tagsborderpermalinkpage" content="#e6e6e6"/>
- <meta name="color:albumartinfo" content="#eee"/>
- <meta name="color:" content=""/>
- <meta name="text:link1" content="Link 1"/>
- <meta name="text:link1url" content=""/>
- <meta name="text:link2" content="Link 2"/>
- <meta name="text:link2url" content=""/>
- <meta name="text:link3" content="Link 3"/>
- <meta name="text:link3url" content=""/>
- <meta name="text:link4" content="Link 4"/>
- <meta name="text:link4url" content=""/>
- <meta name="text:link5" content="Link 5"/>
- <meta name="text:link5url" content=""/>
- <meta name="if:darkcredit" content="0"/>
- <meta name="if:lightcredit" content="1"/>
- <meta name="text:nextpage" content="Next"/>
- <meta name="text:previouspage" content="Back"/>
- <style type ="text/css">
- {block:ifinvertedtumblrcontrols}
- 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:1;}
- {/block:ifinvertedtumblrcontrols}
- #s-m-t-tooltip{
- position:fixed;
- margin-top: 18px;
- z-index:99999999999999999999;
- padding-top: 2px;
- padding-left: 5px;
- padding-bottom: 2px;
- padding-right: 5px;
- letter-spacing:2px;
- font-size:18px;
- font-weight: bold;
- text-transform:uppercase;
- background: {color:tooltip}; color: {color:tooltiptext};
- }
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color: {color:scrollbar};
- z-index: 9999;
- }
- ::-webkit-scrollbar {
- height:8px;
- width:8px;
- padding:4px;
- background-color: {color:scrollbarbackground};
- }
- body {
- font-family: calibri;
- font-size: 14px;
- color: {color:text};
- }
- a {
- text-decoration: none;
- color: {color:link};
- }
- blockquote {
- border-left: solid 1px {color:blockquote};
- padding-left: 10px;
- }
- #content {
- width: 100%;
- background: {color:postcontainer};
- position: absolute;
- {block:indexpage}
- top: 100%;
- {/block:indexpage}
- {block:permalinkpage}
- top: 0px;
- {/block:permalinkpage}
- left: 0px;
- }
- .posts {
- margin: auto;
- padding: 15px;
- width: 420px;
- position: relative;
- background: {color:postsborder};
- margin-bottom: 100px;
- margin-top: 120px;
- }
- .photo img {
- width: 400px;
- margin-bottom: -2px;
- }
- #pagination {
- text-align: center;
- margin-top: 20px;
- margin-bottom: 80px;
- }
- #pagination a {
- padding: 20px;
- text-transform: uppercase;
- font-size: 16px;
- letter-spacing: 3px;
- font-weight: 700;
- }
- #linkswrap {
- width: 100%;
- text-align: center;
- position: absolute;
- left: 0px;
- z-index: 999;
- }
- .links {
- padding: 15px;
- background: {color:stickylinks};
- }
- .links a {
- margin-right: 15px;
- text-transform: uppercase;
- color: {color:stickylinkstext};
- font-weight: 700;
- font-size: 13px;
- letter-spacing: 2px;
- }
- #header {
- width: 100%;
- height: 100%;
- position: fixed;
- bottom: 0px;
- left: 0px;
- background: yellow;
- background: url('{image:header}');
- background-attachment:fixed;
- {block:ifheaderimgcover}
- background-size:cover;
- background-repeat: no-repeat;
- {/block:ifheaderimgcover}
- {block:ifheaderimgrepeat}
- background-repeat: repeat;
- {block:ifheaderimgrepeat}
- {block:ifgreyscaleonheader} -webkit-filter: grayscale(100%) {/block:ifgreyscaleonheader}
- }
- #header img {
- {block:ifgreyscaleonheader}
- -webkit-filter: grayscale(100%);
- {/block:ifgreyscaleonheader}
- }
- #headerbox {
- width: 420px;
- height: auto;
- max-height: 400px;
- padding: 15px;
- top: 35%;
- margin: auto;
- position: relative;
- background: {color:headerbox};
- text-align: center;
- }
- #title {
- font-size: 28px;
- letter-spacing: 3px;
- font-weight: bold;
- text-transform: uppercase;
- padding: 10px;
- background: {color:descriptiontitle};
- }
- .headerlinks {
- margin-top: 0px;
- padding: 10px;
- background: {color:descriptiontitle};
- }
- .headerlinks a {
- display: inline-block;
- text-transform: uppercase;
- background: {color:headerlinks};
- margin-right: 15px;
- font-weight: 700;
- padding: 5px;
- border:solid 1px transparent;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .headerlinks a:hover {
- border: solid 1px {color:headerlinkshoverborder};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #desc {
- padding-left: 40px;
- padding-right: 40px;
- padding-top: 20px;
- padding-bottom: 20px;
- background: {color:descriptiontitle};
- text-align: justify;
- }
- #scrollbutton {
- padding: 10px;
- background: {color:scrollbuttonheader};
- }
- #scrollbutton a {
- font-size: 18px;
- color: {color:scrollbuttonheaderarrow};
- }
- .photo {
- background: {color:posts};
- padding: 5px;
- }
- .photo img {
- margin-left: 5px;
- }
- .photoset {
- background: {color:posts};
- padding: 5px;
- }
- .quote {
- background: {color:posts};
- padding: 5px;
- text-transform: uppercase;
- font-size: 20px;
- line-height: 180%;
- }
- .textpost {
- background: {color:posts};
- padding: 10px;
- }
- .video {
- background: {color:posts};
- padding: 10px;
- }
- .captions {
- padding: 20px;
- margin-top: 20px;
- font-size: 16px!important;
- margin-bottom: px;
- }
- .postinfo {
- color: {color:popupinfotext};
- padding: px;
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0px;
- z-index: 99;
- overflow-x:hidden;
- overflow-y:scroll;
- word-wrap: break-word;
- left: 0px;
- text-align: center;
- display: none;
- opacity: 0.95;
- background: {color:popupinfo} ;
- }
- .postinfo a {
- color: {color:popupinfotext};
- }
- .postinfo:hover {
- }
- .infobutton {
- font-weight: 700;
- font-size: 18px;
- color: {color:postinfobuttontext};
- padding: 5px;
- height:5px;
- width: 20px;
- left: 0px;
- bottom: -13px;
- cursor:help;
- position: absolute;
- margin-top: 20px;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .infobutton p {
- font-size: 18px;
- margin-top: -3px;
- height: 10px;
- letter-spacing: 1px;
- opacity: 0;
- font-size: 14px;
- width: 31px;
- line-height: 75%;
- padding: 5px;
- margin-left: -5px;
- background:{color:postsborder};
- font-weight: 700;
- text-transform: uppercase;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .posts:hover .infobutton p {
- opacity: 1;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #info {
- padding: 1px;
- }
- #infoall {
- top:45%;
- padding: 10px;
- position:relative;
- font-size:14px;
- font-weight:bold;
- text-align:center;
- text-transform:uppercase;
- }
- #info a {
- text-transform:uppercase;
- margin-right: 5px;
- font-size: 18px;
- font-weight: 700;
- }
- .tags {
- padding: 1px;
- }
- .tags a {
- font-size: 14px;
- margin-right: 5px;
- }
- .linkpost {
- padding: 5px;
- background: {color:posts};
- }
- .linkpost a {
- color: {color:linkpostlink};
- }
- .chat {
- padding: 10px;
- margin-top:;
- background: {color:chat};
- }
- .ask {
- padding: 10px;
- background: {color:asker}!important;
- color: {color:askertext}!important;
- }
- .ask a {
- color: {color:askertext}!important;
- }
- .asker {
- color: {color:askertext};
- font-size: 18px!important;
- margin-right: 5px;
- text-transform: uppercase!important;
- }
- .asker a {
- color: {color:askertext}!important;
- text-transform: uppercase!important;
- font-size: 18px!important;
- }
- .question{
- }
- .answer {
- padding: 10px;
- background: {color:posts};
- }
- .chat .odd {
- background: {color:unevenchat};
- color: {color:unevenchattext};
- }
- .chat .even {
- background: {color:evenchat};
- color: {color:evenchattext};
- }
- .chat li {
- padding: 10px;
- }
- .chat ul {
- list-style: none;
- margin: 0;
- padding: 5px;
- }
- .linkpost img {
- width: 100px;
- height: 100px;
- padding: 10px;
- background: {color:linkalbumartimg};
- margin: auto;
- margin-top: 10px;
- margin-bottom: 10px;
- }
- .linkpost {
- text-align: center;
- }
- #host {
- }
- #host a {
- text-transform: uppercase;
- font-size: 18px;
- padding: 10px;
- }
- #albumart img {
- margin-top: 20px;
- margin: auto;
- background: {color:linkalbumartimg};
- padding: 10px;
- position: relative;
- width: 120px;
- height:120px;
- }
- #audioinfo ul {
- list-style: none;
- font-size: 18px;
- padding: 10px;
- text-transform: uppercase;
- }
- #audioinfo li {
- margin-top: 10px;
- padding: 10px;
- background: {color:albumartinfo};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #player {
- width: 30px;
- height: 30px;
- overflow: hidden;
- margin: auto;
- opacity: 0.8;
- margin-left: -5px;
- margin-top: -5px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #playerbox:hover {
- opacity: 0.95;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #playerbox {
- width: 15px;
- height: 15px;
- opacity:0.6;
- border-radius: 100%;
- position: absolute;
- margin-top: -95px;
- margin-left: 47px;
- padding: 15px;
- background: #fff;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .audio {
- padding: 10px;
- background: {color:posts};
- }
- #albumart {
- width: 120px;
- height: 120px;
- padding: 10px;
- position: relative;
- margin-top: 10px;
- margin: auto;
- background: {color:albumart};
- }
- .captions2 {
- padding: 10px;
- margin-top: 10px;
- margin-bottom: 10px;
- background: {color:posts};
- }
- .postinfo2 {
- padding: 10px;
- background: {color:posts};
- }
- #info2 a {
- text-transform: uppercase;
- font-size: 18px;
- margin-right: 5px;
- }
- #info2 {
- padding: 10px;
- }
- .tags2 {
- border-top: solid 1px {color:tagsborderpermalinkpage};
- padding: 5px;
- }
- .tags2 a{
- margin-right: 5px;
- }
- #postnotesbox {
- width: 420px;
- padding: 15px;
- margin: auto;
- margin-top: 50px;
- margin-bottom: 100px;
- background: {color:postsborder};
- }
- #postnotes {
- padding: 5px;
- background: {color:posts};
- height: 200px;
- overflow-x:hidden;
- overflow-y: scroll;
- }
- #postnotes img {
- margin-right: 5px;
- border-radius: 100%;
- }
- #postnotes ul {
- margin-left: -15px;
- list-style: none;
- }
- #postnotes li {
- list-style: none;
- margin-left: -15px;
- }
- #postnotes ul img {
- display: none;
- }
- .title {
- text-align: center;
- padding: 10px;
- font-size: 14px;
- text-transform: uppercase;
- }
- #credit {
- z-index: 9999;
- width: 5px;
- position: fixed;
- height: 5px;
- bottom: 30px;
- right: 40px;
- }
- #credit a {
- width: 2px;
- height: 5px;
- letter-spacing: 2px;
- background: #fefefe ;
- font-family: arial ;
- font-weight: bold;
- padding: 7px;
- font-size:16px;
- width:5px;
- color: #333 ;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- </style>
- </head>
- <body>
- <!-- SCM Music Player http://scmplayer.net -->
- <script type="text/javascript" src="http://scmplayer.net/script.js"
- data-config="{'skin':'http://static.tumblr.com/su8juwr/4oGmst8ke/simpl.css','volume':15,'autoplay':false,'shuffle':true,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'Bubblegum Bitch','url':'https://www.youtube.com/watch?v=BCffJMfGCNw'},{'title':'Primadonna','url':'https://www.youtube.com/watch?v=Gj5L9SYhoSE'}]}" ></script>
- <!-- SCM Music Player script end -->
- <div id="scrollheader"></div>
- <div id="header">
- <div id="backtotop"></div>
- <div id="headerbox">
- <div id="title">{Title}</div>
- <div class="headerlinks">
- <a href="{text:link1url}">{text:link1}</a>
- <a href="{text:link2url}">{text:link2}</a>
- <a href="{text:link3url}">{text:link3}</a>
- <a href="{text:link4url}">{text:link4}</a>
- <a href="{text:link5url}">{text:link5}</a>
- </div>
- <div id="desc">{description}</div>
- <div id="scrollbutton"><a href="#scrollposts" title="Scroll to posts">⬇</a></div>
- </div>
- </div>
- <div id="content">
- <div id="linkswrap">
- <div class="links">
- <a href="{text:link1url}">{text:link1}</a>
- <a href="{text:link2url}">{text:link2}</a>
- <a href="{text:link3url}">{text:link3}</a>
- <a href="{text:link4url}">{text:link4}</a>
- <a href="{text:link5url}">{text:link5}</a>
- <a href="#scrollheader" title="Scroll to top">⬆</a>
- </div>
- </div>
- {block:posts}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <div id="scrollposts"></div>
- <div class="posts">
- {block:photo}
- <div class="photo">
- <img src="{photoUrl-400}">
- </div>
- {/block:photo}
- {block:Photoset}
- <div class="photoset">
- {Photoset-400}
- </div>
- {/block:Photoset}
- {block:quote}
- <div class="quote">{quote}-{source}</div>
- {/block:quote}
- {block:text}
- <div class="textpost"> {block:title}
- <div class="title">{title}</div>
- {/block:title}{body}</div>
- {/block:text}
- {block:panorama}
- <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
- {/block:panorama}
- {block:video}
- <div class="video">{video-400}</div>
- {/block:video}
- {block:Answer}
- <div class="ask">
- <span class="asker">{Asker} said:</span><span class="question">{Question}</span>
- </div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {block:link}
- <div class="linkpost">
- {block:Thumbnail} <img src="{Thumbnail}"> {/block:Thumbnail}
- {block:Host}
- <div id="host">
- <a href="{URL} {Target}">{Name}</a>
- </div>
- {/block:Host}
- {block:Description} <div id="linkdesc"> {description} </div> {/block:Description}
- </div>
- {/block:link}
- {block:chat}
- <div class="chat">
- {block:title}
- <div class="title">{title}</div>
- {/block:title}
- <ul>
- {block:Lines}<li class="{Alt}">{block:Label} <b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
- </ul>
- </div>
- {/block:chat}
- {block:audio}
- <div class="audio">
- {block:AlbumArt}
- <div id="albumart"><img src="{AlbumArtURL}">
- {block:AudioPlayer}
- <div id="playerbox"><div id="player">{AudioPlayerWhite}</div></div>
- {/block:AudioPlayer}
- </div>
- {/block:AlbumArt}
- <div id="audioinfo">
- <ul>
- {block:Artist}
- <li>Artist:{Artist}</li>
- {/block:Artist}
- {block:Album}
- <li>Album:{Album}</li>
- {/block:Album}
- {block:TrackName}
- <li>Track:{TrackName}</li>
- {/block:TrackName}
- </ul>
- </div>
- </div>
- {/block:audio}
- {block:date}
- {block:indexpage}
- <div class="infobutton">
- <p>Info</p>
- </div>
- <div class="postinfo">
- <div id="infoall">
- <div id="info">
- <a href="{permalink}">{timeago}</a>
- {block:NoteCount}
- <a href="{permalink}">{NoteCountWithLabel}</a>
- {/block:NoteCount}
- <a href="{ReblogUrl}">Reblog</a>
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>
- {block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a>{/block:ContentSource}
- {/block:RebloggedFrom}
- </div>
- {block:HasTags}
- <div class="tags">
- {block:tags}
- <a href="{TagURL}">#{tag}</a>
- {/block:tags}
- </div>
- {/block:HasTags}
- </div>
- </div>
- {/block:indexpage}
- {block:permalinkpage}
- {block:caption}
- <div class="captions2">{caption}</div>
- {/block:caption}
- <div class="postinfo2">
- <div id="info2">
- <a href="{permalink}">{timeago}</a>
- {block:NoteCount}
- <a href="{permalink}">{NoteCountWithLabel}</a>
- {/block:NoteCount}
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>
- {block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a>{/block:ContentSource}
- {/block:RebloggedFrom}
- </div>
- {block:HasTags}
- <div class="tags2">
- {block:tags}
- <a href="{TagURL}">#{tag}</a>
- {/block:tags}
- </div>
- {/block:HasTags}
- </div>
- {/block:permalinkpage}
- {/block:date}
- </div>
- {block:PostNotes} <div id="postnotesbox"> <div id="postnotes"> {PostNotes-16} </div> </div> {/block:PostNotes}
- {/block:posts}
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">{text:previouspage}</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">{text:nextpage}</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- <div id="credit">
- <a href="http://themesdoctorstwelfth.tumblr.com/" title="theme by doctorstwelfth">TD</a></div>
- </div>
- <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
- <script src="//code.jquery.com/jquery-migrate-1.2.1.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/havascript">
- $('html, body').stop().animate({
- 'scrollTop': $target.offset().top
- }, 1500, 'swing');
- </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $('a[href^="#"]').on('click',function (e) {
- e.preventDefault();
- var target = this.hash;
- var $target = $(target);
- $('html, body').stop().animate({
- 'scrollTop': $target.offset().top
- }, 1500, 'swing', function () {
- window.location.hash = target;
- });
- });
- });
- </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(function(){
- var stickyRibbonTop = $('#linkswrap').offset().top;
- $(window).scroll(function(){
- if( $(window).scrollTop() > stickyRibbonTop ) {
- $('#linkswrap').css({position: 'fixed', top: '0px'});
- } else {
- $('#linkswrap').css({position: 'absolute', top: '0px'});
- }
- });
- });
- </script>
- <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:30,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script type="text/javascript">
- $(document).ready(function(){
- $(".postinfo").hide();
- $(".infobutton").click(function(){
- $(this).next().fadeToggle( "medium" , "linear");
- });
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement