Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- SUEDE THEME CREATED BY DECADE (SUNRISENTHEMES)
- RELEASED 21/01/2016
- _ ___ __ _ _ ___
- | \ | / /_\ | \ |
- | | |--- | | | | | |---
- |__/ |___ \___ | | |__/ |___
- FIND MORE THEMES BY DECADE AT SUNRISENTHEMES
- -->
- <html lang="en">
- <head>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
- <!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">
- <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <!-------------- color inputs --------------->
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:text" content="#000000"/>
- <meta name="color:link" content="#000000"/>
- <meta name="color:hover" content="#cccccc"/>
- <meta name="color:title" content="#000000"/>
- <meta name="color:bottombar" content="#dff0ff"/>
- <meta name="color:permalink" content="#000000"/>
- <!-------------- image inputs --------------->
- <meta name="image:background" content=""/>
- <meta name="image:header" content=""/>
- <!-------------- if inputs ------------------>
- <meta name="if:invert follow button" content="1"/>
- <meta name="if:image fade" content="1"/>
- <!-------------- link inputs ----------------->
- <meta name="text:link one" content=""/>
- <meta name="text:link one title" content=""/>
- <meta name="text:link two" content=""/>
- <meta name="text:link two title" content=""/>
- <meta name="text:link three" content=""/>
- <meta name="text:link three title" content=""/>
- <meta name="text:link four" content=""/>
- <meta name="text:link four title" content=""/>
- <meta name="text:link five" content=""/>
- <meta name="text:link five title" content=""/>
- <style type="text/css">
- #tumblr_controls{
- position:fixed !important;
- {block:ifinvertfollowbutton}
- -webkit-filter: invert(100%) ;
- {/block:ifinvertfollowbutton}
- }
- ::-webkit-scrollbar-thumb{
- background-color: {color:text};
- border: 3px solid {color:background};
- height:auto;
- }
- ::-webkit-scrollbar {
- height:auto;
- width:9px;
- background-color: #999999;
- border: 4px solid {color:background};
- }
- body{
- margin:0px;
- background-repeat: repeat;
- background-attachment:fixed;
- background-color:{color:background};
- background-image:url('{image:background}');
- font-size: 8px;
- font-family: littlefont;
- line-height:9px;
- text-transform:lowercase;
- color: {color:text};
- }
- a:link, a:active, a:visited{
- color: {color:link};
- text-decoration: none;
- padding-bottom:1px;
- -webkit-transition-duration:.2s;
- }
- a:hover{
- color: {color:hover};
- }
- .entry {
- margin:30px;
- padding: 20px;
- padding-bottom:22px;
- margin-bottom:27px;
- float:left;
- background-color:none;
- {block:IndexPage}
- width:250px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}
- font-family:consolas;
- font-size: 10px;
- letter-spacing:1px;
- text-transform:uppercase;
- line-height:14px;
- color:#888888;
- }
- .entry:hover a{{block:ifpermastyleone}color:white;{/block:ifpermastyleone}
- }
- .entry img{max-width:100%;}
- .entry .shadow {z-index:-10;width:250px;height:100%;display:inline-block;position:absolute;padding:30px;padding-bottom:32px;background:{color:background};margin-top:-30px;margin-left:-32px;{block:permalinkpage}display:none;{/block:permalinkpage}-webkit-transition-duration:.7s;}
- .entry:hover .shadow{{block:ifpermastyleone}background:black;{/block:ifpermastyleone}}
- .photo a, .photo a:hover{background:none;border:none;}
- .wrapper{{block:indexpage}width:700px;{/block:indexpage}{block:permalinkpage}width:530px;{/block:permalinkpage}margin:0px auto;}
- #posts {
- width:700px;
- {block:permalinkpage}
- width:530px;
- {/block:permalinkpage}
- margin-top:0px;
- padding-top:20px;
- padding-bottom:100px;
- padding-right:0px;
- padding-left:0px;
- margin-left:0px;
- background:none;
- padding-left:0px;
- z-index:2;
- }
- #infscr-loading{
- bottom: -10px;
- position: absolute;
- left: 50%;
- margin-left:0px;
- width:16px;
- height:16px;
- overflow:hidden;
- margin-bottom: 50px;
- }
- .img{{block:indexpage}margin-bottom:-3px;{block:ifimagefade}opacity:.9;{/block:ifimagefade}{/block:indexpage}z-index:2;-webkit-transition-duration:.7s;-webkit-filter:grayscale(0%);z-index:3;}
- .img:hover, .entry:hover .img{opacity:1;}
- .img a{{block:indexpage}color:black;{/block:indexpage}}
- .img a:hover{color:{color:hover};}
- .title{
- font-family:consolas;
- font-size: 9px;
- font-weight:normal;
- line-height:7px;
- letter-spacing:1px;
- text-transform:uppercase;
- color:white;
- }
- .entry:hover .title a{color:white;}
- blockquote{
- padding:0px 0px 2px 5px;
- margin:2px 0px 2px 1px;
- border-left: 1px solid #cccccc;}
- blockquote p, ul{margin:0px; padding:0px;}
- .chat .line{
- background-color:#ffffff;
- margin: 0 0 1px;
- padding: 5px;
- }
- .chat .line.odd{
- background-color:#eeeeee;
- }
- .label {font-weight:bold; color:{color:text}}
- a img{border: 0px;}
- .p { padding-top: 5px; }
- .ol, ul { margin-left: 10px; padding: 5px; }
- .ul { list-style-type: square; }
- .albumart { margin-bottom: 0px; }
- .albumart img, .audio embed { width: 55px; padding-right: 5px;}
- .notes img{width:20px; position:left; top:5px;border-radius:100px;}
- .notes{line-height:17px;text-transform:uppercase;font-family:consolas;font-size:9px;letter-spacing:1px;text-align:left;}
- #s-m-t-tooltip{
- box-shadow:1px 1px 3px rgba(0,0,0,.1);
- max-width:270px;
- margin-top:7px;
- margin-left:7px;
- padding-left:4px;
- padding-right:4px;
- border:none;
- border-radius:0px;
- z-index:1000;
- background-color:#ffffff;
- color:#000000;
- font-family:trebuchet ms;
- z-index:1000000009;
- font-size:8px;
- letter-spacing:1px;
- font-style:normal;
- text-transform:uppercase;
- line-height:15px;
- box-shadow:3px 3px 0px #cccccc;
- border:1px solid #aaaaaa;
- }
- #sidebar{
- position:fixed;
- height:auto;
- width:100%;
- height:40px;
- margin-top:0px;
- padding:0px;
- padding-bottom:0px;
- color:black;
- font-family:roboto;
- font-size:15px;letter-spacing:1px;text-transform:uppercase;-webkit-transition-duration:1s;
- text-align:left;
- z-index:99;
- margin-left:0px;
- line-height:40px;
- padding-left:10px;
- padding-right:px;
- opacity:1;
- bottom:0px;
- margin-left:40px;
- background:{color:bottombar};
- }
- #sidebar2{width:40px;height:40px;position:fixed;bottom:0px;margin-left:0px;font-size:30px;font-family:roboto;padding:0px;text-transform:uppercase;padding:0px;z-index:999999999999999999;overflow:hidden;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;background:#dff0ff;}
- #sidebar2:hover{width:1000px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
- .hear {width:36px;height:36px;padding:5px;overflow:hidden;position:absolute;z-index:9999;margin:-145px 0 0 105px;background-color:#000000;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;
- }
- .hear .player {width:26px;height:26px;overflow:hidden;position:absolute;margin:5px 0 0 5px;background-color:#000000;-moz-border-radius: 30px;
- }
- @font-face {font-family: "littlefont";
- src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf');
- }
- .perma {position:absolute; text-decoration:none; margin-top:0px; margin-left:-15px; padding:2px; opacity:1;-webkit-transition: all .7s ease-in-out;-moz-transition: all .7s ease-in-out;-o-transition: all .7s ease-in-out;transition: all .7s ease-in-out;z-index:10;font-family:consolas;width:auto;text-align:center;color:white;font-size:9px;padding-top:0px;padding-bottom:0px;border:0px;z-index:1;letter-spacing:1px;}
- .perma a {text-transform:uppercase;color:black;}
- .perma:hover a{color:black;}
- .entry:hover .perma {margin-left:-15px;-webkit-transition: all .7s ease-in-out;-moz-transition: all .7s ease-in-out;-o-transition: all .7s ease-in-out;transition: all .7s ease-in-out; position:absolute; opacity:1;border:0px;color:black;}
- .entry:hover .perma:hover{opacity:1;z-index:100;color:black;-webkit-transition: all .7s ease-in-out;-moz-transition: all .7s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .7s ease-in-out;}
- .perma2 {position:absolute; text-decoration:none; margin-top:0px; margin-left:40px; padding:2px; opacity:1;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;z-index:10;font-family:consolas;font-size:9px;width:auto;text-align:center;color:white;text-transform:uppercase;letter-spacing:1px;padding-top:0px;padding-bottom:0px;}
- .perma2 a {text-decoration:none;text-transform:uppercase;color:black;}
- .perma2 a:hover{color:black;}
- .entry:hover .perma2 {-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out; position:absolute; opacity:1;color:black;}
- .entry:hover .perma2:hover{opacity:1;z-index:100;border:0px;color:black;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
- .perma4 {position:absolute; text-decoration:none;margin-top:100%;bottom:-12px;margin-left:10px; padding:1px;padding-top:0px;padding-bottom:4px; background:none; opacity:0; -webkit-transition: 0.4s ease-in;z-index:10;font-family:trebuchet ms;width:auto;text-align:center;font-size:9px;letter-spacing:1px;padding-left:11px;padding-right:10px;height:10px;color:black;border-left:20px solid {color:permalink};{block:permalinkpage}display:none;{/block:permalinkpage}}
- .perma4 a {text-decoration:none;text-transform:uppercase;color:black;}
- .entry:hover .perma4 {-webkit-transition: 0.5s ease-in; position:absolute;bottom:-12px; opacity:1;}
- .entry:hover .perma4:hover{opacity:1;z-index:100;border-left:40px solid {color:permalink};}
- {CustomCSS}
- </style>
- <link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'/>
- <!--credit - please keep this link so i can keep my themes free, otherwise i will have to make all themes premium and nobody likes paying for themes, thank you for understanding-->
- <div style="bottom:5px;right:5px;position:fixed;z-index:99999999999999999;"><a href="http://sunrisenthemes.tumblr.com" title="credit"><img src="http://static.tumblr.com/sjab39p/xU4nc96xj/cigarette.png" style="z-index:999999999;"/></a></div>
- {block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- var $content = $('#posts');
- $content.masonry({itemSelector: '.entry'}),
- $content.infinitescroll({
- navSelector : 'div#pagination',
- nextSelector : 'div#pagination a#nextPage',
- itemSelector : '.entry',
- loading: {
- finishedMsg: '',
- img: 'http://static.tumblr.com/apahx90/gbVmpo84y/ajax-loader-1.gif'
- },
- bufferPx : 600,
- debug : false,
- },
- // call masonry as a callback.
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(1300);} );
- });
- });
- });
- </script>
- {/block:IndexPage}
- <meta name="viewport" content="width=800" />
- </head><body>
- <div id="sidebar"><i><a href="/">refresh</a>{block:iflinkonetitle} / <a href="{text:link one}">{text:link one title}</a>{/block:iflinkonetitle}{block:iflinktwotitle} / <a href="{text:link two}">{text:link two title}</a>{/block:iflinktwotitle}{block:iflinkthreetitle} / <a href="{text:link three}">{text:link three title}</a>{/block:iflinkthreetitle}{block:iflinkfourtitle} / <a href="{text:link four}">{text:link four title}</a>{/block:iflinkfourtitle}{block:iflinkfivetitle} / <a href="{text:link five}">{text:link five title}</a>{/block:iflinkfivetitle} / <a href="http://decade.tumblr.com">credit</a></i>
- </div>
- <div id="sidebar2">
- <a href="/"><img src="{PortraitURL-48}" style="width:40px;position:relative;"/></a>
- <div style="width:300px;height:40px;margin-top:-33px;margin-left:60px;background:#dff0ff;margin-left:0px;padding-left:45px;padding-top:0px;opacity:1;color:black;text-align:left;font-size:9px;line-height:10px;">{description}</div>
- </div>
- <div class="wrapper">
- <div class="autopagerize_page_element">
- <div id="posts">
- {block:Posts}
- <div class="entry">
- <div class="shadow" style="{block:Answer}left:0px;padding-right:60px;{/block:Answer}"></div>
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- {Body}
- {block:IndexPage}
- <div class="perma"><a href="{reblogurl}" target="_blank">REBLOG</a></div>
- <div class="perma2"><a href="{permalink}">{notecountwithlabel}</a></div>
- {/block:IndexPage}
- {/block:Text}
- {block:Link}
- <a href="{URL}" class="title">{Name}</a>
- {block:Description}{Description}{/block:Description}
- {block:IndexPage}
- <div class="perma"><a href="{reblogurl}" target="_blank">REBLOG</a></div>
- <div class="perma2"><a href="{permalink}">{notecountwithlabel}</a></div>
- {/block:IndexPage}
- {block:Link}
- {block:Photo}
- <div class="img">
- <div class="perma4">
- <a href="{reblogurl}" target="_blank">REBLOG</a> / <a href="{permalink}">{notecountwithlabel}</a></div>
- {block:indexpage}
- <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="100%"></img></a>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-500}" width="500px" class="border"></img>{/block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
- </div>
- {/block:Photo}
- {block:Answer}
- <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;border-radius:100px;"/>
- <b>{Asker}</b>: <b>{Question}</b>{Answer}
- {block:IndexPage}
- <div class="perma4">
- <a href="{reblogurl}" target="_blank">REBLOG</a> / <a href="{permalink}">{notecountwithlabel}</a></div>
- {/block:IndexPage}
- {/block:Answer}
- {block:Photoset}
- <div class="img">
- {block:IndexPage}<a href="{permalink}"><!--{block:Photos}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{/block:Photos}-->{photoset-250}<div style="display:none;">{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL} {/block:ContentSource}</div></a>{/block:IndexPage}
- {block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}
- </div>
- {block:IndexPage}
- <div class="perma4"><a href="{reblogurl}" target="_blank">REBLOG</a> / <a href="{permalink}">{notecountwithlabel}</a></div>
- {/block:IndexPage}
- {/block:Photoset}
- {block:Quote}
- {Quote} - {source}
- {block:IndexPage}
- <div class="perma"><a href="{reblogurl}" target="_blank">REBLOG</a></div>
- <div class="perma2"><a href="{permalink}">{notecountwithlabel}</a></div>
- {/block:IndexPage}
- {/block:Quote}
- {block:Audio}
- {block:indexpage}
- <div class="audio">{block:AlbumArt}<a href="{permalink}" title="{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}"><img src="{AlbumArtURL}" style="width:100%;height:auto;position:relative;" class="ig"/></a>{/block:AlbumArt}</div><div class="hear">
- <div class="player">
- {AudioPlayerBlack}</div></div>
- {block:ExternalAudio}{/block:ExternalAudio}
- {/block:indexpage}
- {block:permalinkpage}
- <div id="audio">{block:AlbumArt}<img src="{AlbumArtURL}" style="width:47px;height:47px;position:relative;">{/block:AlbumArt}</div><div style="float:left;text-align:left;width:250px;height:27px;padding-top:10px;padding-bottom:10px;{block:albumart}margin-top:-51px;{/block:albumart}float:right;background-color:#000000;">{AudioPlayerBlack height="50" width="420"}
- {block:ExternalAudio}{/block:ExternalAudio}</div>
- {/block:permalinkpage}
- {block:IndexPage}
- <div class="perma4"><a href="{reblogurl}" target="_blank">REBLOG</a> / <a href="{permalink}">{notecountwithlabel}</a></div>
- {/block:IndexPage}
- {/block:Audio}
- {block:video}
- {block:indexpage}
- {video-250}
- {block:indexpage}
- {block:permalinkpage}
- {video-500}
- {/block:permalinkpage}
- {block:IndexPage}
- <div class="perma"><a href="{reblogurl}" target="_blank">REBLOG</a></div>
- <div class="perma2"><a href="{permalink}">{notecountwithlabel}</a></div>
- {/block:IndexPage}
- {/block:video}
- {block:Chat}
- {block:Title}<div class="title"><center>{Title}</center></div>{/block:Title}
- <div class="chat">
- <div class="lines">
- {block:Lines}
- <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
- {/block:Lines}
- </div>
- </div>
- {block:IndexPage}
- <div class="perma"><a href="{reblogurl}" target="_blank">REBLOG</a></div>
- <div class="perma2"><a href="{permalink}">{notecountwithlabel}</a></div>
- {/block:IndexPage}
- {/block:Chat}
- {block:IndexPage}
- <div style="display:none;">
- {block:ContentSource}
- <a href="{SourceURL}">
- {lang:Source}:
- {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
- </a>via {ReblogParentName}{block:RebloggedFromReblog}{/block:RebloggedFromReblog}{/block:ContentSource}</div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>
- {block:Date}
- <center>
- {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
- <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} · {block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}{/block:hasTags}</center>
- {/block:Date}
- {block:RebloggedFrom}
- <center><br>{via: <a href="{ReblogParentURL}">{ReblogParentName}</a>}
- </center>
- {/block:RebloggedFrom}
- {/block:PermalinkPage}
- {block:PostNotes}<div class="notes">{PostNotes}</div>
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </div></div>
- <div class="right">
- </div>
- <div class="footer">
- <br>
- </div>
- </body>
- </html>
- <div style="position:fixed;right:0px;bottom:-425px;">
- {block:IndexPage}
- {block:Pagination}
- <div id="pagination">
- {block:NextPage}
- <a id="nextPage" href="{NextPage}"> →</a>
- {/block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}">← </a>
- {/block:PreviousPage}
- </div>
- {/block:Pagination}
- {/block:IndexPage}</div></div>
- </body>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title],a[title],img[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:100,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement