@stardestroyerrr

{Title} body { padding:0; margin:0; font-family:'Andale Mono', Helvetica, Arial, sans-serif; font-size:11px; background:{color:background;}} a { color:{color:Links}; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} a:hover {text-decoration:none;color:{color:Links Hover};} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img{border:none;display:block;} .clear {clear:both;} #center { margin:auto; position:relative; width:1050px;} #header { width:100%; padding:60px 0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #header h1{ font-family: 'BenchNine',Helvetica,Arial,sans-serif; font-size: 70px; font-weight: 400; line-height: 55px; margin: 50px 0 50px; overflow: hidden; text-align: center; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; width: 100%; color:{Color:Titles}; {Block:IfSidebarLeftorRight} text-align:left; {/Block:IfSidebarLeftorRight} {Block:IfNotSidebarLeftorRight} text-align:right; {/Block:IfNotSidebarLeftorRight} {Block:IfCenterHeaderTitle} text-align:center; {/Block:IfCenterHeaderTitle}} #header .logo { max-width:100%; max-height:200px;} #sidebar { float: right; margin: 0 30px 0 0; position: relative; width: 270px; padding: 20px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; {Block:IfSidebarLeftorRight} float:left; {/Block:IfSidebarLeftorRight}} #sidebar h2{ font-family: 'BenchNine' , Helvetica, Arial, sans-serif; font-size:20px; margin:20px 0 7px; line-height: 100%;} #sidebar #links { list-style:none; margin:0; padding:0;} #sidebar #links a { margin: 0 0 4px; padding: 5px 6px 4px; font-size: 10px; display:block; text-transform:uppercase; border-right: {Color:Links hover} 0px solid; background: {Color:Detail}; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} #sidebar #links a:hover { padding:5px 6px 4px 10px; border-right: {Color:Links hover} 20px solid;} #sidebar #widgets { margin:30px 0 0; height: 21px; width: 300px;} #tweets { margin: 15px auto 0; overflow: hidden; height:40px; width: 270px;} #tweets .tweet_list { list-style: none; margin: 0; position:relative; padding: 0; height:40px; width:270px; overflow: hidden;} #tweets .tweet_list li { padding: 5px 15px 4px; overflow:hidden; margin:0 0 30px; list-style-type: none; width: 240px; height: 31px; display: table; background: {Color:Detail};} #tweets .tweet_list li .tweet_text { display: table-cell; vertical-align: middle; overflow:hidden; width:240px; height:31px;} #tweets .tweet_list .tweet_time, #tweets .tweet_list .tweet_avatar, #tweets .tweet_list .tweet_avatar img { display:none;} #back_to_top { bottom: 30px; font-size: 20px; height: 11px; line-height: 7px; position: fixed; text-align: center; width: 11px; {Block:IfSidebarLeftorRight} margin: 0 0 0 1050px; {/Block:IfSidebarLeftorRight} {Block:IfNotSidebarLeftorRight} margin: 0 0 0 -14px; {/Block:IfNotSidebarLeftorRight}} #content { float: left; margin: 40px 0 0; width:720px; overflow: visible !important; {block:PermalinkPage} width:690px; {/block:PermalinkPage} {Block:IfSidebarLeftorRight} float:right; {/Block:IfSidebarLeftorRight}} #content #post, #content #time { float:left; position: relative; width:300px; margin:0 30px 60px; {block:PermalinkPage} margin:0 auto 30px; width:500px; float:none; {/block:PermalinkPage}} #content #post h3 { font-weight: normal; margin: 0 0 10px; text-transform: uppercase; color:{color:titles};} #content #post #photo { position:relative; width:300px; {block:PermalinkPage} width:500px; {/block:PermalinkPage}} #content #post #photo img { width:300px; z-index:1; position:relative; {block:PermalinkPage} width:500px; {/block:PermalinkPage}} #content #post #photo #hover { background-color: rgba(0, 0, 0, 0.6); color: white; font-family: 'Andale Mono',Helvetica,Arial,sans-serif; font-size: 9px; left: 0; letter-spacing: 1px; line-height: 250%; padding: 5px 10px; position: absolute; text-align: center; top: 0; width: 11px; visibility: hidden; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #content #post #photo:hover #hover { left:-31px; visibility: visible; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #content #post #photo #hover a, #content #post #photo #hover a:hover{ color:white;} #content #post #photo #hover .x{ display: inline-block; font-size: 14px; font-weight: bold; line-height: 9px; vertical-align: middle;} #content #post #chat { margin:0; list-style:none; padding:0;} #content #post #chat li { padding:7px 10px;} #content #post #chat li:nth-child(even) { background: {Color:Detail};} #content #post #chat li span{ text-transform:uppercase;} #content #post #photoset { overflow:hidden;} #content #post #photoset a img { width:300px; height:auto; display:none;} #content #post #photoset a:first-child img { display:block;} #content #post #quote { position: relative;} #content #post #quote #quote_symbol { font-family: "Helvetica neue", Helvetica, Arial, sans-serif; font-size: 120px; font-weight: bold; height: 65px; left: 0; letter-spacing: -5px; line-height: 0; margin: -26px 0 0 -6px; opacity: 0.1; overflow: hidden; position: absolute; top: 0;} #content #post #quote h3 { text-decoration:none;} #content #post #quote .source { text-align:center; font-style:italic;} #container .album{ margin:0; height:36px} #container .albumart{ margin:0; min-height:36px;; width:300px; {block:PermalinkPage} width: 250px; float: left; {/block:PermalinkPage}} #container .albumart img{ height: auto; width:300px; max-width: 300px !important; {block:PermalinkPage} max-width: 250px !important; width: 250px; {/block:PermalinkPage}} #container .audio{ background: none repeat scroll 0 0 black; height: 27px; margin: -36px 0 0; opacity: 0.5; overflow: hidden; padding: 5px 0 4px; width: 27px; border-left:136px solid black; border-right:137px solid black; position:absolute; {block:PermalinkPage} position:relative; margin: 0 0 40px 40px; float: left; border-left: 91px solid black; border-right: 92px solid black; {/block:PermalinkPage}} #container .artist_info { float: left; list-style: none outside none; margin: 0; padding: 0 0 0 40px; width: 210px;} #container .artist_info li{ font-size: 10px; font-weight: normal; margin: 0 0 4px; overflow: hidden; padding: 5px 6px 4px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; background: {Color:Detail};} #container .artist_info li:first-child{ border-top:none;} #container #question img { float: left; height: 50px; margin: 0 15px 30px 0; width: 50px;} #container #question span { border-bottom: 1px solid rgba(0, 0, 0, 0.2); display: inline-block; line-height: 10px; margin: 0;} #container #question p { background: none repeat scroll 0 0 #EEEEEE; float: left; font-size: 10px; line-height: 150%; margin: 0 0 30px; padding: 5px 6px 4px; text-transform: uppercase; width: 223px; {block:PermalinkPage} width:423px; {/block:PermalinkPage}} #container #answer p { position:relative; margin:0;} #container #answer p img { max-width:100%; height:auto; margin:5px 0 0;} #container #video {} {block:IndexPage} #container #video iframe { height: auto !important; width: 300px !important;} {/block:IndexPage} #container #pagination { float:left; width:300px; margin:0 30px 60px;} #container #pagination a, #container #pagination span { text-transform:uppercase; padding:7px 10px; background-color:{color:detail}} #container #pagination .prev { float:left;} #container #pagination .next { float:right;} #container #pagination #jump { margin:auto; text-align:center;} #container #pagination #jump span, #container #pagination #jump a { display:inline-block;} #container #pagination #jump span { text-decoration:underline} #container #post #caption { margin: 12px 0 0; padding: 0 10px 7px; background-color:{color:detail}} #container #post .no-caption{ {Block:IfHidePhotoPostCaptions} display:none {/Block:IfHidePhotoPostCaptions}} #container #post #caption p { margin: 0; padding: 7px 0 0; position;:relative;} #container #post #caption p blockquote {} #container #post #caption p img { max-width:100%; height:auto;} #container #post #date { font-size: 9px; list-style: none outside none; margin: 15px 0 0; padding: 15px 0 0; text-align: center; text-transform: uppercase; border-top: 1px solid {color:detail};} #container #post #date li { display:inline-block; margin:0 15px;} /* Post Info */ #container #info .caption { padding: 0 10px 10px; margin:0 auto 30px; background: {Color:Detail};} #container #info .caption p { margin: 0; padding: 10px 0 0; position;:relative;} #container #info .caption p blockquote {} #container #info .caption p img { max-width:100%; height:auto;} /* Post About */ #container #info { margin: auto; width: 500px;} #container #info .info_list { list-style-type: none; margin: 0 auto 30px; padding: 0; width: 506px; text-align:center;} #container #info .info_list li { display: inline-block; font-size: 10px; margin: 0 10px; padding: 5px 6px 4px; text-transform: uppercase; background: {Color:Detail};} #container #info .info_list li a { border-bottom: 1px solid rgba(0, 0, 0, 0.2); display: inline-block; line-height: 10px;} /* Notes */ #container #info ol.notes { list-style-type: none; margin: 0 auto; min-height: 98px; padding: 0; width: 506px;} #container #info ol.notes li.note { clear: none !important; float: left; height: 16px; margin: 3px !important; overflow: hidden; width: 16px;} #container #info ol.notes li.note img.avatar { display: block; float: left; height: 16px; margin-right: 10px; vertical-align: -4px; width: 16px;} #container #info ol.notes li.note span{ display:none;} #container #info ol.notes li.note span.action a{ font-weight: bold;} #container #info ol.notes li.note .answer_content { font-weight: normal; display:none;} #container #info ol.notes li.note blockquote { padding: 4px 10px; margin: 10px 0 10px 30px; display:none;} #container #info ol.notes li.note blockquote a { text-decoration: none; display:none;} #container #info ol.notes li.more_notes_link_container{ background: none repeat scroll 0 0 white; clear: both !important; display: block; float: left; font-size: 9px; height: 11px; margin: -23px 0 0 !important; padding: 22px; text-transform: uppercase; width: 456px;} (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); {block:Pagination} {block:NextPage}{/block:NextPage} {/block:Pagination} {Block:IfNotLogoImage} {Title} {/Block:IfNotLogoImage} {Block:IfLogoImage} {/Block:IfLogoImage} {block:IfNotHideDescription} About {Description} {/block:IfNotHideDescription} Links {block:AskEnabled} {AskLabel} {/block:AskEnabled} {block:SubmissionsEnabled} Submit {/block:SubmissionsEnabled} {block:HasPages} {block:Pages} {Label} {/block:Pages} {/block:HasPages} {block:ifLink1Title} {text:Link 1 Title} {/block:ifLink1Title} {block:ifLink2Title} {text:Link 2 Title} {/block:ifLink2Title} {block:ifLink3Title} {text:Link 3 Title} {/block:ifLink3Title} {block:ifLink4Title} {text:Link 4 Title} {/block:ifLink4Title} {block:ifLink5Title} {text:Link 5 Title} {/block:ifLink5Title} {Block:IfTwitterUsername} Twitter {/Block:IfTwitterUsername} {Block:IfTwitterUsername} Social Follow {Text:Twitter Username} !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); {/Block:IfTwitterUsername} {Block:IfInfiniteScroll} {block:IndexPage} ↥ {/block:IndexPage} {/Block:IfInfiniteScroll} {block:Date} {block:SameDayDate} {ShortMonth} {DayOfMonthWithZero} {Year} {/block:SameDayDate} {/block:Date} {block:Posts} {block:Text} {block:Title} {Title} {/block:Title} {Body} {/block:Text} {block:Photo} {block:IndexPage} {block:Date} {block:NoteCount} {/block:NoteCount} {DayOfMonthWithZero} {MonthNumberWithZero} {ShortYear} {/block:Date} {/block:IndexPage} {block:IndexPage} {/block:IndexPage} {block:PermalinkPage} {/block:PermalinkPage} {/block:Photo} {block:Photoset} {block:IndexPage} {block:Date} {block:NoteCount} {/block:NoteCount} {DayOfMonthWithZero} {MonthNumberWithZero} {ShortYear} {/block:Date} {/block:IndexPage} {block:IndexPage} {block:Photos} {/block:Photos} {/block:IndexPage} {block:PermalinkPage} {Photoset-500} {/block:PermalinkPage} {/block:Photoset} {block:Quote} ,, {Quote} {block:Source} {Source} {/block:Source} {/block:Quote} {block:Link} {Name} {block:Description} {Description} {/block:Description} {/block:Link} {block:Audio} {block:AlbumArt} {block:IndexPage}{/block:IndexPage} {block:IndexPage}{/block:IndexPage} {/block:AlbumArt} {AudioPlayerBlack} {block:PermalinkPage} {block:Artist} {Artist} {/block:Artist} {block:Album} {Album} {/block:Album} {block:TrackName} {TrackName} {/block:TrackName} {/block:PermalinkPage} {/block:Audio} {block:Chat} {block:Title} {Title} {/block:Title} {block:Lines} {block:Label} {Label} {/block:Label} {Line} {/block:Lines} {/block:Chat} {block:Video} {Video-500} {/block:Video} {block:Answer} {Asker} {Question} {Answer} {/block:Answer} {Block:Indexpage} {block:Date} {block:Caption} {Caption} {/block:Caption} {TimeAgo} {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount} {block:RebloggedFrom} {ReblogRootName} {/block:RebloggedFrom} {/block:Date} {/Block:Indexpage} {block:PermalinkPage} {block:Date} {block:Caption} {Caption} {/block:Caption} {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount} {DayOfMonthWithZero}.{Month}.{Year} {block:RebloggedFrom} {ReblogRootName} {/block:RebloggedFrom} {block:HighRes} High-Res {/block:HighRes} {block:ExternalAudio} Download {/block:ExternalAudio} {block:PostNotes} {PostNotes} {/block:PostNotes} {/block:Date} {/block:PermalinkPage} {/block:Posts} {Block:IfNotInfiniteScroll} {block:Pagination} {block:PreviousPage} Previous {/block:PreviousPage} {block:NextPage} Next {/block:NextPage} {block:JumpPagination length="3"} {block:CurrentPage} {PageNumber} {/block:CurrentPage} {block:JumpPage} {PageNumber} {/block:JumpPage} {/block:JumpPagination} {/block:Pagination} {/Block:IfNotInfiniteScroll} $(window).load(function(){ var $wall = $('#content'); {block:IndexPage} $wall.masonry({ itemSelector: '#post, #pagination', columnWidth: 360 }); {block:IndexPage} {Block:IfInfiniteScroll} $wall.infinitescroll({ navSelector : ".nav", nextSelector : ".nav a", itemSelector : "#post, #time", behavior : 'twitter', extraScrollPx: 50, bufferPx : 5000, loadingImg : "", loadingText : "", loading : "", donetext : "" }, function( newElements ) { var $newElems = $( newElements ).css({ opacity: 0 }); $newElems.imagesLoaded(function(){ $newElems.animate({ opacity: 1 }); $wall.masonry( "appended", $newElems, true ); }); $('.audio').each(function(){ var audioID = $(this).attr("id"); var $audioPost = $(this); $.ajax({ url: 'http://{Name}.tumblr.com/api/read/json?id=' + audioID, dataType: 'jsonp', timeout: 50000, success: function(data){ $audioPost.find('#audio_player_'+audioID).replaceWith('

' + data.posts[0]['audio-player'].replace("audio_player.swf", "audio_player_black.swf") +'');} }); }); });{/Block:IfInfiniteScroll} {/block:IndexPage} $(document).load(function(){ e.preventDefault(); $wall.infinitescroll('retrieve'); }); $('#load').click(function(){ $(document).trigger('retrieve.infscr'); return false; }); }); $(function() { $(window).scroll(function() { if($(this).scrollTop() != 0) { $('#back_to_top').fadeIn(); } else { $('#back_to_top').fadeOut(); } }); $('#back_to_top #up a').click(function() { $('body,html').animate({scrollTop:0},800); }); });{/block:IndexPage} $(document).ready(function() { $('#sidebar').stickyScroll({ container: '#container' }); }); jQuery(function($){ $("#tweets").tweet({ username: "{text:Twitter Username}", page: 1, avatar_size: 32, count: 30, loading_text: "loading ..." }).bind("loaded", function() { var ul = $(this).find(".tweet_list"); var ticker = function() { setTimeout(function() { ul.find('li:first').animate( {marginTop: '-71'}, 500, function() { $(this).detach().appendTo(ul).removeAttr('style'); }); ticker(); }, 4000); }; ticker(); }); });

177 posts

Posts

brutalgeneration

Trending Blogs

Recently Viewed Blogs