Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!-- Theme by @sleepwatersun -->
- <title>{Title}</title>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
- <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Scrollbar" content="#000000"/>
- <meta name="color:Link" content="#000000"/>
- <meta name="color:Highlight" content="#FFFFB8"/>
- <meta name="color:Sidebar" content="#000000"/>
- <meta name="color:Sidebar Text" content="#ffffff"/>
- <meta name="color:Navigation" content="#ffffff"/>
- <meta name="color:Post Borders" content="#e9e9e9"/>
- <meta name="color:Post Text" content="#000000"/>
- <meta name="if:Show Captions" content="1"/>
- <meta name="if:Audio Player Black" content="1"/>
- <meta name="image:Sidebar" content=""/>
- <!-- jquery for tooltips-->
- <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>
- <!-- Fonts -->
- <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
- <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>
- <!-- FONT -->
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'PT+Sans:400,700,400italic,700italic:latin' ] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
- '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })(); </script>
- <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
- <style type="text/css">
- @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
- /*------------------ General ------------------*/
- #s-m-t-tooltip{
- position:absolute;
- margin-top: 15px;
- margin-left:15px;
- z-index:9999999;
- background:{color:background};
- font-style:italic;
- padding:5px;
- }
- body{
- font-size: 11px;
- line-height: 16px;
- background: {color:Background};
- font-family:'PT Sans', sans-serif;
- }
- ::-webkit-scrollbar {
- width: 3px;
- }
- ::-webkit-scrollbar-track {
- border-radius: 5px;
- }
- ::-webkit-scrollbar-thumb {
- border-radius: 5px;
- background: {color:scrollbar};
- }
- a, a:hover, a:visited, a:active{
- color: {color:link};
- background: transparent;
- text-decoration: none;
- }
- table{
- border-collapse: collapse;
- }
- #title {text-transform:uppercase;
- text-align:center;
- font-size:11px;
- margin-left:30px;
- font-family: 'Montserrat', sans-serif;
- letter-spacing:10px;
- color:#fff;
- border:1px solid #fff;
- width:150px;
- padding:15px;
- }
- #one{
- left: 0;
- top: 0;
- width: 250px;
- height: 100%;
- color: {color:Sidebar Text};
- background: {color:Sidebar};
- position: fixed;
- background-image: url('');
- }
- /* #one:hover{
- background-image: url('http://static.tumblr.com/zibrynf/5rJn9ji5g/img08.gif');
- }*/
- #woo{
- width: 125px;
- margin: 0 auto;
- text-align: center;
- }
- #woo a{background: transparent; color:{color:Sidebar Text};}
- #woo:before{
- content: "·";
- display: block;
- margin: 0px 0px 10px 0px;
- }
- #woo:after{
- display: block;
- content: "·";
- margin: 10px 0px 0px 0px;
- }
- .description{
- cursor: help;
- font-style: italic;
- text-transform: lowercase;
- }
- .links{
- display: none;
- }
- .links a{
- display: block;
- background: transparent;
- color: {color:Navigation};
- margin: 5px 0px 5px 0px;
- }
- .links a:first-child{margin-top:0px;}
- .links a:last-child{margin-bottom: 0px;}
- .close{cursor: pointer;}
- /*----------basics---------*/
- body {
- background:{color:background} url({image:background image}) repeat right top fixed;
- color:{color:text};
- font-family:'PT Sans', sans-serif;
- font-weight:400;
- line-height:15px;
- font-size:10px;
- margin:0;
- text-align:justify;
- overflow-x:hidden;
- }
- blockquote {
- padding:0px 10px 0px 20px;
- border-left:1px solid;
- border-color:#111;
- margin-left:5px;
- }
- a {
- color:{color:links};
- text-decoration:none;
- }
- a:hover {
- text-decoration:none;
- color: {color:links hover};
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- img {
- opacity:1;
- text-decoration:none;
- }
- h1 {
- font-size:11px;
- letter-spacing:1px;
- color:{color:text};
- text-transform:uppercase;
- padding:20px;
- margin-bottom:-30px;
- }
- .left {
- position:fixed;
- z-index:9999;
- height:100%;
- width:30px;
- left:0;
- top:0;
- background-color:{color:borders};
- }
- .right {
- position:fixed;
- z-index:9999;
- height:100%;
- width:30px;
- right:0;
- top:0;
- background-color:{color:borders};
- }
- .top {
- position:fixed;
- z-index:9999;
- height:30px;
- width:100%;
- right:0;
- top:0;
- background-color:{color:borders};
- }
- .bottom {
- position:fixed;
- z-index:9999;
- height:30px;
- width:100%;
- right:0;
- bottom:0;
- background-color:{color:borders};
- }
- /*----------posts---------*/
- .container {
- left:40%;
- width:800px;
- position:absolute;
- }
- .posts {
- {block:IndexPage}
- margin-bottom:100px;
- {/block:IndexPage}
- {block:PermalinkPage}
- margin-bottom:40px;
- {/block:PermalinkPage}
- margin-left:-90px;
- width:400px;
- padding:50px;
- position:relative;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- }
- .posts:hover {
- {block:IfColorFadeOnHover}
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- -webkit-filter: grayscale(50%);
- -moz-filter: grayscale(50%);
- filter: grayscale(50%);
- {/block:IfColorFadeOnHover}
- }
- .entries {
- width:400px;
- margin-top:50px;
- margin-bottom:70px;
- }
- .posts li {
- list-style: square;
- }
- blockquote img {
- max-width:320px!important;
- }
- .caption {
- margin-top:10px;
- padding:20px 20px 20px 20px;
- background-color:#f8f8f8;
- }
- .tcaption {
- padding:20px;
- }
- /*----------post info---------*/
- .info {
- margin-top:15px;
- padding:20px;
- font-size:8px;
- text-align:left;
- text-transform:uppercase;
- width:360px;
- overflow:hidden;
- background:{color:sbar links bg};
- }
- .via {
- text-align:right;
- margin-top:-15px;
- }
- .tags {
- text-transform:uppercase;
- word-break:break-all;
- text-align:center;
- letter-spacing:1px;
- font-size:7px;
- margin-top:15px;
- {block:IfHoverTags}
- opacity: 0.0;
- {/block:IfHoverTags}
- {block:IfNotHoverTags}
- opacity:1.0;
- {/block:IfNotHoverTags}
- -moz-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- transition-duration: 0.6s;
- }
- .posts:hover .tags {
- {block:IfHoverTags}
- opacity:1.0;
- -moz-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- transition-duration: 0.6s;
- {/block:IfHoverTags}
- }
- ol.notes {
- padding:0px;
- width:400px;
- margin-left:-40px;
- list-style:none;
- border-bottom:solid 1px #f5f5f5;
- }
- ol.notes li.note {
- border-top:solid 1px #f5f5f5;
- padding:10px;
- list-style:none;
- }
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- border-radius:0%;
- }
- ol.notes li.note span.action {
- font-weight: none;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:8px;
- }
- ol.notes li.note .answer_content {
- font-weight: normal;
- }
- ol.notes li.note blockquote {
- border-color: {color:border};
- padding: 4px 10px;
- margin: 10px 10px 10px 25px;
- }
- ol.notes li.note blockquote a {
- text-decoration: none;
- }
- .pagenotes {
- text-align:left;
- }
- /*----------questions---------*/
- .asker {
- font-size:9px;
- letter-spacing:2px;
- margin-bottom:10px;
- text-transform:uppercase;
- }
- .question {
- padding:20px 20px 20px 10px;
- font-style:none;
- z-index:1;
- background:#fff;
- border-bottom:1px solid {color:borders};
- }
- .answer {
- margin-left:2px;
- padding:10px;
- margin-top:-8px;
- margin-bottom:-5px;
- }
- /*----------audio---------*/
- .newplayerbutton {
- position: relative;
- width: 40px;
- height: 50px;
- overflow: hidden;
- }
- .playerbuttonhug {
- margin-top: 10px;
- margin-left: 20px;
- }
- .tumblr_audio_player {
- border: none;
- padding: 0px;
- margin: 0px;
- height: 50px;
- width: 345px;
- }
- .playerbuttonbg {
- position: absolute;
- left: 15px;
- top: 5px;
- width: 68px;
- height: 68px;
- background-color: #e4e4e4;
- padding: 10px;
- -webkit-border-radius: 0px;
- -moz-border-radius: 0px;
- border-radius: 0px;
- opacity: 0;
- filter: alpha(opacity=40);
- -moz-opacity: 0.4;
- -khtml-opacity: 0.4;
- transition: opacity .7s ease-in-out;
- -moz-transition: opacity .7s ease-in-out;
- -webkit-transition: opacity .7s ease-in-out;
- }
- .playerbuttonbg:hover {
- opacity: 1;
- filter: alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- }
- .audioimgwrapper {
- position: absolute;
- left: 5px;
- top: -5px;
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 0px;
- overflow: hidden;
- width: 88px;
- height: 88px;
- border:10px solid #fff;
- }
- .audioimgwrapper img {
- width: 100%;
- height: auto;
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 0px;
- }
- .trackdetails {
- width: 240px;
- letter-spacing:1px;
- font-size:9px;
- display:inline-block;
- margin-left: 110px;
- height: 68px;
- padding: 20px 20px 20px 30px;
- margin-top:-5px;
- line-height:220%;
- text-transform:uppercase;
- background-color:#fafafa;
- }
- .audiowrapper {
- position: relative;
- display:inline-block;
- }
- /*----------chat---------*/
- .chat {
- line-height:160%;
- list-style:none;
- }
- .line.odd {
- background:#fafafa;
- margin-bottom:2px;
- padding:5px;
- list-style:none;
- font-size:10px;
- }
- .line.even {
- background:#ffffff;
- margin-bottom:2px;
- padding:5px;
- list-style:none;
- font-size:10px;
- }
- .label {
- padding-right:1px;
- text-transform:uppercase;
- font-weight:bold;
- color:{color:links};
- }
- /*----------quotes---------*/
- .quote {
- font-size:10px;
- line-height:150%;
- letter-spacing:3px;
- font-weight:400;
- padding:10px;
- margin-top:-10px;
- font-style:none;
- text-align:center;
- text-transform:uppercase;
- }
- .quotesource {
- border-top:1px solid {color:borders};
- padding-top:15px;
- margin-top:7px;
- font-size:9px;
- text-transform:uppercase;
- letter-spacing:1px;
- text-align:center;
- margin-bottom:30px;
- }
- #btt{
- position:fixed;
- z-index:999;
- bottom:5px;
- left:5px;
- width:16px;
- height:16px;
- overflow:hidden;
- padding:4px;
- background:#f9f9f9;
- border-radius:5px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .btta{
- width:16px;
- line-height:21px;
- font-size:16px;
- font-family:lucida;
- text-align:center;
- color:#111;
- cursor:help;
- }
- #btt:hover .btta{
- margin-top:-21px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #theme{
- position: fixed;
- right: 0;
- bottom: 0;
- margin: 15px;
- font-style: italic;
- }
- #theme a{
- background: transparent;
- color: {color:Sidebar};
- }
- </style>
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- <script>
- $(document).ready(function(){
- $(".description").click(function(){
- $(".description").slideUp(400);
- $(".links").delay(250).slideDown(400);
- });
- $(".close").click(function(){
- $(".links").slideUp(400);
- $(".description").delay(250).slideDown(400);
- });
- });
- </script>
- </head>
- <body>
- <script type='text/javascript'> $(function() { $.fn.scrollToTop = function() { $(this).hide().removeAttr("href"); if ($(window).scrollTop() != "0") { $(this).fadeIn("slow") } var scrollDiv = $(this); $(window).scroll(function() { if ($(window).scrollTop() == "0") { $(scrollDiv).fadeOut("slow") } else { $(scrollDiv).fadeIn("slow") } }); $(this).click(function() { $("html, body").animate({ scrollTop: 0 }, "slow") }) } }); $(function() { $("#btt").scrollToTop(); });</script>
- <a href='#' id="btt" style="display:none;"><div class="btta">^<br/>^</div></a>
- <table id="one"><tr><td><div id="title">midnight amnesia</div><br>
- <div id="woo">
- <div class="description">{Description}</div>
- <div class="links">
- <a href="/">refresh</a>
- <a href="/ask" target="_blank">inbox</a> <a href="/archive">memories</a>
- <a href="/mor">navi</a>
- {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
- <a class="close">close</a>
- </div>
- </div>
- </td></tr></table>
- <div class="container">
- <div class="entries">
- {block:Posts}
- <div class="posts">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div class="tcaption">{Body}</div>{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-400}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
- {block:Quote}<div class="quote">“</span>{Quote}”</span></div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}<div class="tcaption">{Description}</div>{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>{/block:Chat}
- {block:Audio}{block:AudioPlayer}
- <div class="audiowrapper">
- {block:AlbumArt}
- <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerGrey}
- </div></div></div>
- <div class="trackdetails">
- {block:TrackName}<span style="border-bottom:1px solid #eeeeee; padding-bottom:5px;"><b>{TrackName}</b></span>{/block:TrackName}</br>
- {block:Artist}<p>{Artist}{/block:Artist}<br/>
- {FormattedPlayCount} PLAYS</div></div></p>
- {/block:AudioPlayer}</span>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Audio}
- {block:Video}{Video-400}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
- {block:Answer}<div class="question">
- <div class="asker"><b>{Asker} said:</b></div>
- {Question}</div><br>
- <div class="answer">
- {Answer}</div>
- {/block:Answer}
- <div class="info">
- {block:Date}<a title="{12Hour}:{Minutes} {AmPm}" href="{Permalink}"><b>{ShortMonth} {DayOfMonthWithZero} </b> </a>{/block:Date}
- + <a href="{Permalink}">{NoteCount}</a>
- <div class="via">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">from –</a> {block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}" style="color:{color:links}"> org –</a>{/block:ContentSource}
- {/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank" style="color:{color:links}">reblog</a>
- </div></div>
- {block:HasTags}
- <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>
- {/block:HasTags}
- </div>
- {block:PostNotes}
- <div class="pagenotes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- {block:ContentSource}
- <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
- width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
- {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
- <div id="theme"><a title="swsthemes"href="http://sleepwatersun.tumblr.com">s</a> & <a title="mrsmilicevic" href="http://mrsmilicevic.tumblr.com/">m</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement