Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Hateful theme by sleephy
- please don't steal this c:
- fixed on 29/09/2013 ~ there was an error with uploading a background image!
- -->
- <html lang="en">
- <head>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/xrmodho/zoUmtvm6l/jquery.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:10,
- tip_fade_speed:400,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <html lang="en">
- <!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#">
- <meta name="color:Title" content="#999999"/>
- <meta name="color:Link" content="#555555"/>
- <meta name="image:background" content="">
- <meta name="text:Link 1" content="/"/>
- <meta name="text:Link 1 Title" content="home"/>
- <meta name="text:Link 2" content="/ask" />
- <meta name="text:Link 2 Title" content="mssg"/>
- <meta name="text:Link 3" content="/etc" />
- <meta name="text:Link 3 Title" content="links"/>
- <meta name="image:Sidebar" content="" />
- <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <link rel="shortcut icon" href="{Favicon}">
- {block:indexpage}
- {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
- <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
- <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
- <script type="text/javascript" src="http://static.tumblr.com/jnmer2r/WKhljk73d/jquery.infinitescroll.min.js"></script>
- <script>
- jQuery(window).load(function(){
- var $wall = $('#content');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- singleMode: true,
- columnWidth: 292,
- itemSelector: '#entry'
- });
- });
- $wall.infinitescroll({
- navSelector : '#page-nav',
- nextSelector : '#page-nav a',
- itemSelector : '#entry',
- },
- function( newElements ){
- $(newElements).hide();
- setTimeout(function(){
- $wall.masonry({ appendedContent: $(newElements) });
- },2000);
- setTimeout(function(){
- $(newElements).fadeIn('slow');
- },2100);
- },1000);
- });
- </script>
- <script>
- $.fn.imagesLoaded = function(callback){
- var elems = this.find('img'),
- len = elems.length,
- _this = this;
- if ( !elems.length ) {
- callback.call( this );}
- elems.bind('load',function(){
- if (--len <= 0){
- callback.call( _this );}
- }).each(function(){
- // cached images don't fire load sometimes, so we reset src.
- if (this.complete || this.complete === undefined){
- var src = this.src;
- // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
- // data uri bypasses webkit log warning (thx doug jones)
- this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
- this.src = src;}
- });
- return this;};
- </script>
- {/block:Indexpage}
- <style type="text/css">
- #s-m-t-tooltip{
- max-width:300px;
- padding:2px;
- margin:26px 0px 0px 8px;
- z-index:10;
- background-color:#fff;
- font-family:consolas;
- font-size:8.5px;
- letter-spacing:1px;
- text-transform:lowercase;
- -moz-box-shadow: 2px 2px 2px 0px #ddd;
- }
- ::-webkit-scrollbar {width:5px;height:5px;background:#fff;}
- ::-webkit-scrollbar-thumb {background:{color:Link};}
- /* GENERAL */
- iframe#tumblr_controls {right:3px !important; position: fixed !important;bottom:5px !important;-webkit-transition: opacity 0.7s linear;opacity: 0.3;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);}
- iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
- body {margin:0px;background:#fff url({image:Background});}
- body, div, p, textarea, submit, input{
- font-family:calibri;
- font-size:10.5px;
- line-height:12px;
- color: {color:text};}
- a:link, a:active, a:visited{text-decoration:none;
- -webkit-transition: 0.7s ease;transition: 0.7s ease;
- -o-transition: 0.7s ease;-moz-transition: 0.7s ease;color:{color:Link};}
- a:link:hover{
- color:#ddd;
- }
- /* POSTS */
- #center{margin:auto;position:relative;width:600px;}
- #content{width:630px;margin-top:10px;}
- #entry{overflow:hidden;margin:5px;border:1px solid #DDD;border-radius:0px;background:#fff;
- {block:IndexPage}width:250px;padding:16px;{/block:IndexPage}
- {block:PermalinkPage}width:500px;padding:26px;{/block:PermalinkPage}; transition: 0.7s ease;
- -o-transition: 0.7s ease;
- -moz-transition: 0.7s ease;
- -webkit-transition: 0.7s ease; }
- #entry img{max-width:250px;border-radius:0px;opacity:0.7; transition: 0.7s ease;
- -o-transition: 0.7s ease;
- -moz-transition: 0.7s ease;
- -webkit-transition: 0.7s ease; }
- #entry:hover img{
- opacity:1;
- transition: 0.7s ease;
- -o-transition: 0.7s ease;
- -moz-transition: 0.7s ease;
- -webkit-transition: 0.7s ease;
- }
- /* SIDEBAR */
- #sidebar{
- position:fixed;
- width:265px;
- margin-top:40px;
- text-transform:uppercase;letter-spacing:3px;font-size:8px;
- margin-left:-280px;
- text-align:center;}
- .desc{padding:14px;border:1px double #ddd;z-index:3;background:#fff;border-radius:0px;border-left:0px double #ddd;border-right:0px double #ddd;padding-right:54px;}
- .links a{
- display:inline-block;
- background:#fff;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:1px;
- opacity:0;
- margin-top:0px;
- padding:3px 3px;
- transition: 0.7s ease;
- -o-transition: 0.7s ease;
- -moz-transition: 0.7s ease;
- -webkit-transition: 0.7s ease;}
- #sidebar:hover .links a{
- opacity:1;
- margin-top:0px;
- transition: 0.7s ease;
- -o-transition: 0.7s ease;
- -moz-transition: 0.7s ease;
- -webkit-transition: 0.7s ease;
- }
- .links:hover .links2{
- opacity:1;
- transition: 0.7s ease;
- -o-transition: 0.7s ease;
- -moz-transition: 0.7s ease;
- -webkit-transition: 0.7s ease;
- }
- /* TITLES */
- .blogtitle{
- font-size:25px;
- line-height:26px;
- margin:5px;
- font-family:calibri;
- color:{color:Title};}
- @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
- @font-face {font-family: "Clearly"; src:url('http://static.tumblr.com/0o02lya/Tx2mhbph4/princ___.ttf');}
- .title {
- font-family:calibri;
- font-size:15px;text-transform:uppercase;letter-spacing:3px;
- line-height:33px;
- color:{color:Title};}
- .quote {
- padding:14px;
- letter-spacing:1px;
- text-transform:uppercase;opacity:0.6;font-weight:bold;
- color:{color:Title};}
- .source {
- text-align:right;
- font-style:italic;
- text-transform:none;
- letter-spacing:0px;}
- /* PERMALINKS */
- #entry:hover .p {{block:IndexPage}opacity:1;margin-left:0px;{/block:IndexPage}}
- #entry .p {{block:IndexPage}
- position:absolute;
- width:250px;
- margin-left:-0px;
- opacity:1;
- margin-top:6px;
- text-align:center;
- transition: 0.7s ease;
- -o-transition: 0.7s ease;
- -moz-transition: 0.7s ease;
- -webkit-transition: 0.7s ease;
- {block:IndexPage}}
- .p a{
- display:inline-block;
- background:#fff;
- padding:2px 6px 1px 6px;
- border:1px solid #DDD;
- border-top:0px solid;
- letter-spacing:1px;
- font-size:8px;
- text-transform:uppercase;
- }
- .pp{
- padding:5px;
- margin-top:10px;
- font-size:8px;
- letter-spacing:1px;
- text-transform:uppercase;
- text-align:center;
- border:1px solid #DDD;}
- /* AUDIO */
- .artcover {position:absolute;}
- .artcover img {width:42px;height:42px;float:left;}
- .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;}
- .audioinfo {margin-left:45px;padding:0px;}
- .i{display:block;padding:2px;}
- .i b, strong{text-transform:uppercase;}
- .player {
- position:absolute;
- background:#FFF;
- width:30px;
- height:30px;
- opacity:0.75;
- padding:6px;
- overflow:hidden;}
- /* ASK */
- .answer{margin:5px;}
- .perma{
- opacity:.0;
- margin-top:10px;
- font-size:8.5px;
- border-right:3px solid {color:link};
- border-left:3px solid {color:link};
- background:#fff;
- padding:3px;
- letter-spacing:3px;
- padding-left:7px;
- padding-right:7px;
- text-transform:uppercase;
- position:absolute;
- width:auto;
- margin-left:10px;
- z-index:1;
- transition: 0.4s ease;
- -o-transition: 0.4s ease;
- -moz-transition: 0.4s ease;
- -webkit-transition: 0.4s ease;}
- #entry:hover .perma{
- opacity:.9;
- margin-left:10px;
- transition: 0.4s ease;
- -o-transition: 0.4s ease;
- -moz-transition: 0.4s ease;
- -webkit-transition: 0.4s ease;
- }
- .perma2{
- opacity:.0;
- margin-top:30px;
- font-size:8.5px;
- letter-spacing:3px;
- border-right:3px solid {color:link};
- border-left:3px solid {color:link};
- background:#fff;
- padding:3px;
- padding-left:7px;
- padding-right:7px;
- text-transform:uppercase;
- position:absolute;
- width:auto;
- margin-left:10px;
- z-index:1;
- transition: 0.7s ease;
- -o-transition: 0.7s ease;
- -moz-transition: 0.7s ease;
- -webkit-transition: 0.7s ease;}
- #entry:hover .perma2{
- opacity:.9;
- transition: 0.7s ease;
- -o-transition: 0.7s ease;
- -moz-transition: 0.7s ease;
- -webkit-transition: 0.7s ease;
- }
- /* MISC */
- ::selection {color:#FFF;background:{color:Link};}
- ::-moz-selection {color:#FFF;background:{color:Link};}
- ::-webkit-selection{color:#FFF;background:{color:Link};}
- i, em{color:{color:Title};letter-spacing:1px;}
- b, strong{color:{color:Title};}
- ul,ol{margin:0px;margin-left:-10px;}
- p{padding:0px;margin:5px;}
- u{text-decoration:none;color:{color:Title};
- border-bottom:1px dotted {color:Title};}
- blockquote {margin:2px 10px;padding:2px;
- padding-left:2px;border-left:3px solid #DDD;}
- img{ margin-bottom:-2px;}
- .notes img { width:0px;}
- /* FONTS */
- @font-face {font-family:Five;
- src:url('http://static.tumblr.com/xrmodho/KkQmjca6j/triforce.ttf');}
- .fuck{
- position:relative;
- border-right:1px #ddd solid;
- border-left:1px #ddd solid;
- padding:10px;
- margin-top:10px;
- color:{color:title};
- width:500px;
- margin-left:25px;
- text-align:center;
- font-size:13px;
- text-transform:uppercase;
- letter-spacing:8px;
- }
- #s-m-t-tooltip{
- max-width:300px;
- margin:15px;
- padding:2px 4px;
- border:1px solid #DDD;
- border-radius:4px;
- background:#FFF;
- color:#AAA;
- z-index:999999;
- font-size:8px;
- font-style:italic;
- text-transform:lowercase;
- box-shadow:1px 1px 3px rgba(0,0,0,.1);}
- </style>
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
- <meta name="viewport" content="width=820" />
- </head>
- <body>
- <div id="center">
- <div class="fuck">{Title}</div>
- <div id="sidebar">
- <div class="desc">{block:ifsidebarimage}<img src="{image:Sidebar}" width="220px" style="border-radius:0px;padding-bottom:15px;padding:5px;border:1px solid #ddd;"><br>{/block:ifsidebarimage}<br><div style="border-right:1px solid #ddd;width:220px;text-align:right;padding-right:10px;font-size:8.5px;">{Description}
- <br><a href="{text:Link 1}">{text:Link 1 Title}</a> <a href="{text:Link 2}">{text:Link 2 title}</a> <a href="{text:Link 3}">{text:Link 3 Title}</a>
- </div>
- </div>
- </div>
- <div id="content">
- {block:Posts}
- <div id="entry">
- {block:Text}
- <div class="title">{Title}</div>{Body}{block:IndexPage}<br><div style="text-transform:uppercase;font-size:9px;letter-spacing:1px;text-align:center;"><a title="{Timeago}" href="{Permalink}">{notecountwithlabel}</a><br>{block:HasTags}
- {block:Tags}#{Tag} {/block:Tags}
- {/block:HasTags}</div>
- {/block:IndexPage}
- {/block:Text}
- {block:Link}
- <a href="{URL}"><span class="title">{Name} »</span></a>
- {block:Description}{Description}{/block:Description}{block:IndexPage}<div style="text-transform:uppercase;font-size:9px;letter-spacing:1px;text-align:center;"><a title="{Timeago}" href="{Permalink}">{notecountwithlabel}</a><br>{block:HasTags}
- {block:Tags}#{Tag} {/block:Tags}
- {/block:HasTags}</div>{/block:IndexPage}
- {/block:Link}
- {block:Photo}
- {block:IndexPage}<div class="perma"><a title="share this post" href="{ReblogURL}">reblog</a> / <a title="note count" href="{Permalink}">{Notecount}</a></div><div class="perma2"><a title="posted {TimeAgo}" href="{PermalinkPage}">{12Hour}:{Minutes} {AmPm} </a></div>
- <a title="{NoteCountWithLabel}" href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250px" /></a>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px" />{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}{block:IndexPage}<div class="perma"><a title="share this post" href="{ReblogURL}">reblog</a> / <a title="note count" href="{Permalink}">{Notecount}</a></div><div class="perma2"><a title="posted {TimeAgo}" href="{PermalinkPage}">{12Hour}:{Minutes} {AmPm} </a></div>
- {Photoset-250}{/block:IndexPage}
- {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">{Quote}<div class="source">{Source}</div></div>{block:IndexPage}<div style="text-transform:uppercase;font-size:9px;letter-spacing:1px;text-align:center;"><a title="{Timeago}" href="{Permalink}">{notecountwithlabel}</a><br>{block:HasTags}
- {block:Tags}#{Tag} {/block:Tags}
- {/block:HasTags}</div>{/block:IndexPage}
- {/block:Quote}
- {block:Chat}
- <div class="title">{Title}</div>
- {block:Lines}<div class="i {Alt}"><div class="{Alt} user_{UserNumber}">
- {block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}{block:IndexPage}<div style="text-transform:uppercase;font-size:9px;letter-spacing:1px;text-align:center;"><a title="{Timeago}" href="{Permalink}">{notecountwithlabel}</a><br>{block:HasTags}
- {block:Tags}#{Tag} {/block:Tags}
- {/block:HasTags}</div>{/block:IndexPage}
- {/block:Chat}
- {block:Audio}
- {block:AlbumArt}<div class="artcover">
- <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
- <div class="audioinfo"><div class="i"><b>TITLE: </b><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i"><b>ARTIST: </b><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
- <div class="i"><b>PLAYS: </b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span>{block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
- {block:IndexPage}<div style="text-transform:uppercase;font-size:9px;letter-spacing:1px;text-align:center;"><a title="{Timeago}" href="{Permalink}">{notecountwithlabel}</a><br>{block:HasTags}
- {block:Tags}#{Tag} {/block:Tags}
- {/block:HasTags}</div>{/block:IndexPage}
- {/block:Audio}
- {block:Video}
- {block:IndexPage}{Video-250}{/block:IndexPage}
- {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {block:IndexPage}<div style="text-transform:uppercase;font-size:9px;letter-spacing:1px;text-align:center;"><a title="{Timeago}" href="{Permalink}">{notecountwithlabel}</a><br>{block:HasTags}
- {block:Tags}#{Tag} {/block:Tags}
- {/block:HasTags}</div>{/block:IndexPage}
- {/block:Video}
- {block:Answer}
- <div class="quote"><b><img src="{AskerPortraitURL-40}" width="40" align="left"
- style="margin-right:4px; margin-left:-3px; margin-top:-3px; border:1px solid #ddd; border-radius:2px; padding:2px;"/> <center> <u>{Asker}</u></b> </center><br> {Question} </div>
- <div class="answer" style="border-top:1px solid #ddd;text-align:center;">{Answer}</div>
- {block:IndexPage}<div style="text-transform:uppercase;font-size:9px;letter-spacing:1px;text-align:center;"><a title="{Timeago}" href="{Permalink}">{notecountwithlabel}</a><br>{block:HasTags}
- {block:Tags}#{Tag} {/block:Tags}
- {/block:HasTags}</div>{/block:IndexPage}
- {/block:Answer}
- {block:PermalinkPage}{block:Date}<div class="pp">
- posted {TimeAgo} with {NoteCountWithLabel}
- {block:RebloggedFrom}<br>via:
- <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} / source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:ContentSource}{/block:RebloggedFrom}
- {block:HasTags}<br>tagged: {block:Tags}
- <a href="{TagURL}" title="{Tag}">{Tag}, </a>
- {/block:Tags}{/block:HasTags}
- </div>{/block:Date}
- {block:NoteCount}<div style="margin-top:10px;">
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>{/block:NoteCount}{/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- </div>
- </body></html>
Add Comment
Please, Sign In to add comment