City Street At Night Tumblr Theme

How to install this theme

  • Step 1

    Using your left mouse button click in the box below the theme you want to use to copy the code.

  • Step 2

    Click here or click Customize appearence on your Tumblr Dashboard/Tumblelog

  • Step 3

    Click the "Edit HTML" button in the top left corner of the customize page.
    If you have a premade theme installed click "Use custom HTML"

  • Step 4

    Delete any HTML already there (Right click, select all then Delete) and paste in the code you copied in Step 1

  • Step 5

    Click "Update Preview" then click "Save" then "Close" in the top left corner and your theme is installed!

To The Edge Tumblr Theme

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <!--- _______ _ _ _ _ _ |__ __| | | | | | | | | | | | ___ | |_ __ _| | |_ _| | __ _ _ _ ___ _ _| |_ ___ | |/ _ \| __/ _` | | | | | | | / _` | | | |/ _ \| | | | __/ __| | | (_) | || (_| | | | |_| | |___| (_| | |_| | (_) | |_| | |_\__ \ |_|\___/ \__\__,_|_|_|\__, |______\__,_|\__, |\___/ \__,_|\__|___/ __/ | __/ | |___/ |___/ Theme by TotallyLayouts. Check out www.TotallyLayouts.com for more themes, online user counters, follower counters, banner generators, Twitter Backgrounds, Facebook Covers and loads more! ---> <meta name="description" content="{title}" /> <meta name="author" content="Theme by TotallyLayouts" /> <script src="http://www.totallylayouts.com/inc/js/infinitescroll.js"></script> <link href='http://fonts.googleapis.com/css?family=Lato:900|Playfair+Display:900italic|Open+Sans:800|Creepster|Sanchez|Montserrat:700' rel='stylesheet' type='text/css'> <meta name="image:Banner" content="" /> <meta name="text:Link 1" content="" /> <meta name="text:Link 1 Title" content="" /> <meta name="text:Link 2" content="" /> <meta name="text:Link 2 Title" content="" /> <meta name="text:Link 3" content="" /> <meta name="text:Link 3 Title" content="" /> <meta name="text:Link 4" content="" /> <meta name="text:Link 4 Title" content="" /> <meta name="text:Link 5" content="" /> <meta name="text:Link 5 Title" content="" /> <meta name="if:Static Title" content="0" /> <meta name="if:Show notes on permalink pages" content="1" /> <meta name="if:Black And White Photos" content="0" /> <meta name="if:White Follow Button" content="0" /> <meta name="if:Shadow" content="1" /> <meta name="text:Rounded Corner Size" content="3" /> <meta name="text:Title Size" content="60" /> <meta name="if:Uppercase Title" content="1" /> <meta name="if:Title Font Bebas Neue" content="0" /> <meta name="if:Title Font Impact" content="0" /> <meta name="if:Title Font Playfair Display" content="0" /> <meta name="if:Title Font Open Sans" content="0" /> <meta name="if:Title Font Creepster" content="0" /> <meta name="if:Title Font Sanchez" content="0" /> <meta name="if:Title Font Montserrat" content="1" /> <style type="text/css"> @font-face { font-family: 'BebasNeueRegular'; src: url('http://static.tumblr.com/jw8fmba/mOeloespq/bebasneue-webfont.eot'); src: url('http://static.tumblr.com/jw8fmba/mOeloespq/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('http://static.tumblr.com/jw8fmba/gGCloesr9/bebasneue-webfont.woff') format('woff'), url('http://static.tumblr.com/jw8fmba/Rbnloesqu/bebasneue-webfont.ttf') format('truetype'), url('http://static.tumblr.com/jw8fmba/GLsloesq3/bebasneue-webfont.svg#BebasNeueRegular') format('svg'); } body { color: #1a1a1a; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; background: url('http://www.themesltd.com/backgrounds-large/city_street_at_night.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } a:link, a:visited, a:active { color: #1a1a1a; text-decoration: underline; outline-color: invert; outline-style: none; outline-width: medium; } a:hover { color: #1a1a1a; text-decoration: none; } #container { margin: 310px auto; position: relative; width: 500px; /* Permalink width */ {block:IndexPage} width: 100%; /* thumb + thumb (including padding) */ {/block:IndexPage} } .header { background: #fff; padding: 0; } .topWrap { padding-bottom: 0; line-height: 9px; } .tmlogo { float: left; width: 40px; height: 40px; overflow: hidden; } .tmtitle{ float: left; margin-left:20px; height: 40px; font-size: 11px; font-weight: normal; line-height: 40px; font-family: Arial, Helvetica, sans-serif; color: #595959; text-transform: uppercase; } #container .posts { float:center; margin-left:3px; width: 100%; } #container .box { background-color: #fff; width: 250px; margin: 0 20px 20px 0; float: left; overflow: hidden; line-height:9px; padding:0px; } #container .box h3 { font-size: 11px; font-weight: bold; } .innerbox { padding: 15px; position: relative; color: #1a1a1a; line-height:15px; font-size: 11px; } .innerbox a:link, .innerbox a:visited, .innerbox a:active { text-decoration: underline; } .innerbox a:hover { text-decoration: none; } .innerbox img{ margin-top: -10px; margin-left: -10px; position: relative; color: #1a1a1a; } .boxhover { width: 250px; height: 100%; position: absolute; left: 0px; top: 0px; /*padding: 20px; */ background-color: none; repeat 0 0; font-family: Arial, Helvetica, sans-serif; color: #ffffff; /*display: none;*/ visibility: hidden; text-shadow: 0px 0px 5px #000000; filter: dropshadow(color=#000000, offx=0, offy=0); } .boxhover .center-middle { margin-top: 3%; text-align: center; margin-left:1%; } .boxhover.active { display: block; visibility: visible; } .tmlabel { font-family: BebasNeueRegular,tahoma; font-size: 75px; font-weight: none; color: #ffffff; letter-spacing: 0px; line-height: 75px; text-transform: uppercase; display: inline-block; height: 19px; line-height: 25px; padding: 40px; text-align:center; border: 6px solid #ffffff; color:#ffffff; box-shadow:0 0 7px rgba(0,0,0,0.2), inset 0 0 7px rgba(0,0,0,0.2); text-shadow:0 0 7px rgba(0,0,0,0.25); } .tmvalue-notes { font-family: BebasNeueRegular,tahoma; font-size: 0px; font-weight: none; color: #FFF; letter-spacing: -8px; line-height: 30px; word-spacing: 10px; text-transform: uppercase; } .tmvalue-posted{ font-family: BebasNeueRegular,tahoma; font-size: 0px; font-weight: none; color: #FFF; letter-spacing: -8px; line-height: 20px; word-spacing: 5px; text-transform: uppercase; } .boxhover a:link, .boxhover a:visited, .boxhover a:active { text-decoration: none; color: #FFF; } a.title { color: #1a1a1a; text-decoration: none; } .footer { margin-left:0; padding: 80px 0 40px 0; width: 820px; text-align: center; } blockquote.classy { background-image: url("http://static.tumblr.com/ydokqes/qjvm1wq4i/openquote1.gif"); background-position: left top; background-repeat: no-repeat; font: 14px/20px italic Times,serif; margin: 5px; padding: 8px; text-indent: 23px; } blockquote.classy span { background-image: url("http://static.tumblr.com/ydokqes/REzm1wq5e/closequote1.gif"); background-position: right bottom; background-repeat: no-repeat; display: block; } table.chat { width: 100%; margin: 0 0 10px 0; border-collapse: collapse; } h2 + table.chat { margin: 10px 0 3px 0 !important; } table.chat tr td { padding: 0 10px; } table.chat tr td.name { font-weight: bold; text-align: right; vertical-align: top; } table.chat tr td.line1 { background: #F7F7F7; } .navigation{ visibility: hidden; } .footer a:link, .footer a:visited, .footer a:active { text-decoration: none; color: #ffffff; text-transform: uppercase; background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 5px; font-size: 18px; line-height: normal; } .footer a:hover { text-decoration: underline; } /* permelink page with notes */ .postbox { float:center; width: 500px; } .postcontent { background: #fff; float: center; padding: 0; width: 500px; margin: 0; } .postcontent img { float: center; } .postinfo { padding: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0; font-size: 10px; text-transform: uppercase; text-align: center; background-color: #fff; float: left; width: 480px; margin-top:10px; margin-bottom:10px; } .note { padding: 10px 10px 11px 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px; font-size: 10px; width: 100%; float: center; width: 480px; line-height: normal; background: #fff url(http://static.tumblr.com/ydokqes/oDZm1xgo6/border.png) no-repeat center bottom; list-style: none; } .clear { clear: both; } .notes { padding: 0px; margin: 0px; } .note .avatar { width: 16px; height: 16px; float: left; overflow: hidden; } .note .action { margin-left: 10px; line-height: 16px; font-size: 9px; text-transform: uppercase; } .more_notes_link_container { background-image: none; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #aeaeae; text-transform: uppercase; } .more_notes_link_container a:link, .more_notes_link_container a:visited, .more_notes_link_container a:active { color: #aeaeae; text-decoration: none; } .more_notes_link_container a:hover { color: #747575; } .c1 { display: block; text-align: center; } #infscr-loading { background: url(none) repeat scroll 0 0 transparent; color: #FFFFFF; font-family: sans-serif; font-size: 18px; line-height: normal; padding: 5px; text-decoration: none; text-transform: uppercase; bottom: 40px; margin-left: 437.5px; position: fixed; z-index: 100; text-align: center; } #infscr-loading img{ position: absolute; left: -99999px; top: -99999px; } .rounded-corners { -moz-border-radius: {text:Rounded Corner Size}px; -webkit-border-radius:{text:Rounded Corner Size}px; -khtml-border-radius: {text:Rounded Corner Size}px; behavior: url(http://static.tumblr.com/ydokqes/ZpAm27ly3/border-radius.htc); border-radius: {text:Rounded Corner Size}px; } {Block:IfShadow}.box-shadow{ -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.2); box-shadow: 0 1px 10px rgba(0,0,0,.2); }{/Block:IfShadow} a.menu:link, a.menu:visited, a.menu:active { color: #ffffff; font-weight:none;text-shadow: 1px 1px 1px #000000;text-decoration:none; padding-right:10px; padding-left:10px; } a.menu:hover { color: #ffffff;font-weight:none;text-shadow: 1px 1px 1px #000000;text-decoration:underline; {Block:IfWhiteFollowButton}iframe#tumblr_controls {position:fixed; z-index:100000000; top: 3px; margin: 0 0 0 0; right:3px; -webkit-filter: invert(100%);} {/Block:IfWhiteFollowButton} </style> </head> <body> {Block:IfnotBannerImage}<div style="position: absolute; z-index: 1999; top: 50px; width:100%;{Block:IfStaticTitle}position:fixed;{/Block:IfStaticTitle}><a href="#"><center><font style="{Block:IfTitleFontBebasNeue}font-family:BebasNeueRegular,impact;{/Block:IfTitleFontBebasNeue}{Block:IfTitleFontImpact}font-family:Impact;{/Block:IfTitleFontImpact}{Block:IfTitleFontLato}font-family: 'Lato', sans-serif;{/Block:IfTitleFontLato}{Block:IfTitleFontPlayfairDisplay}font-family: 'Playfair Display', serif;{/Block:IfTitleFontPlayfairDisplay}{Block:IfTitleFontOpenSans}font-family: 'Open Sans', sans-serif;{/Block:IfTitleFontOpenSans}{Block:IfTitleFontCreepster}font-family: 'Creepster', cursive;{/Block:IfTitleFontCreepster}{Block:IfTitleFontSanchez}font-family: 'Sanchez', serif;{/Block:IfTitleFontSanchez}{Block:IfTitleFontMontserrat}font-family: 'Montserrat', sans-serif;{/Block:IfTitleFontMontserrat} {Block:IfUppercaseTitle}text-transform:uppercase;{/Block:IfUppercaseTitle}color:#FFFFFF; display: inline-block; font-size: {text:Title Size}px; font-weight: 700; height: 52px; line-height: 49px; padding: 40px; text-align:center; text-transform: uppercase; border: 6px solid #ffffff; color:#ffffff; box-shadow:0 0 7px rgba(0,0,0,0.2), inset 0 0 7px rgba(0,0,0,0.2); text-shadow:0 0 7px rgba(0,0,0,0.25);">{title}</font></a></center></div>{/Block:IfnotBannerImage} {Block:IfBannerImage}<div style="position: absolute; z-index: 1999; top: 100px; width:100%;{Block:IfStaticTitle}position:fixed;{/Block:IfStaticTitle}><a href="#"><center><img src="{Image:Banner}" id="logo" /></a>}</center></div>{/Block:IfBannerImage} <div style="position: absolute; z-index: 1999; top: 225px; width:100%;font-family:Montserrat;font-size:9pt;text-decoration:none;color:#ffffff;font-weight:none;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);"><center><font style="">{block:Description}{Description}{/block:Description}</font></center></div> <div style="position: absolute; z-index: 1999; top: 255px; width:100%;font-family:Montserrat;font-size:9pt;text-decoration:none;color:#ffffff;font-weight:none;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);"> <center><a href="/" class="menu">Home</a> <a href="http://www.totallylayouts.com/" class="menu" target="_blank">Theme</a> {block:ifLink1Title} <a href="{text:Link 1}" class="menu">{text:Link 1 Title}</a> {/block:ifLink1Title} {block:ifLink2Title} <a href="{text:Link 2}" class="menu">{text:Link 2 Title}</a> {/block:ifLink2Title} {block:ifLink3Title} <a href="{text:Link 3}" class="menu">{text:Link 3 Title}</a> {/block:ifLink3Title} {block:ifLink4Title} <a href="{text:Link 4}" class="menu">{text:Link 4 Title}</a> {/block:ifLink4Title} {block:ifLink5Title} <a href="{text:Link 5}" class="menu">{text:Link 5 Title}</a> {/block:ifLink5Title} {block:AskEnabled} <a href="/ask" class="menu">{AskLabel}</a> {/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit" class="menu">Submit</a> {/block:SubmissionsEnabled} {Block:IfShowArchiveLink} <a href="/archive" class="menu">Archive</a> {/Block:IfShowArchiveLink} {Block:IfShowRandomLink} <a href="/random" class="menu">Random</a> {/Block:IfShowRandomLink} {block:HasPages}{block:Pages} <a href="{URL}" title="{Label}" class="menu">{Label}</a> {/block:Pages}{/block:HasPages}</center></div> <div id="container"> <!-- / rightWrap --> {block:IndexPage} <div class="posts" id="allposts"> {/block:IndexPage} {block:Posts} {block:PermalinkPage} <div class="postbox"> <div class="postcontent rounded-corners box-shadow"> {/block:PermalinkPage} {block:IndexPage} <div class="box rounded-corners box-shadow"> {/block:IndexPage} {block:Photo} {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-400}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="rounded-corners" style="{Block:IfBlackAndWhitePhotos}-webkit-filter: grayscale(100%);{/Block:IfBlackAndWhitePhotos}" {block:IndexPage}width="250"{/block:IndexPage} {block:PermalinkPage}width="500"{/block:PermalinkPage} > {block:IndexPage}</a>{/block:IndexPage} {block:Caption} {block:IndexPage} <!--div class="innerbox rounded-corners box-shadow"--> {/block:IndexPage} {block:IndexPage} <!--/div--> {/block:IndexPage} {/block:Caption} {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {/block:Photo} {block:Audio} <div class="innerbox rounded-corners box-shadow"> {AudioPlayerWhite} {block:Caption}{Caption}{/block:Caption} </div> {/block:Audio} {block:Video} {block:IndexPage}{Video-250}{/block:IndexPage} {block:PermalinkPage}{Video-500}{/block:PermalinkPage} {block:Caption} <div class="innerbox rounded-corners box-shadow"> {Caption} </div> {/block:Caption} {/block:Video} {block:Text} <div class="innerbox rounded-corners box-shadow"> {block:Title} <h3>{Title}</h3> {/block:Title} {Body} {block:More} <a href="{Permalink}" class="readMore">{lang:Read more}</a> {/block:More} </div> {/block:Text} {block:Answer} <div class="innerbox rounded-corners box-shadow"> <b>{lang:Asker asked}:&nbsp;</b>{Question} <p><br><b>{lang:Answer}:</b>{Answer}</p> </div> {/block:Answer} {block:Link} <div class="innerbox rounded-corners box-shadow"> <a href="{URL}" class="title link" {Target}>{Name} &rarr;</a> {block:Description}{Description}{/block:Description} </div> {/block:Link} {block:Quote} <div class="innerbox rounded-corners box-shadow"> {/block:IndexPage} {block:Source}<h2>{Source}</h2>{/block:Source} <blockquote class="classy"><span>{Quote}</span></blockquote> </div> {/block:Quote} {block:Chat} <div class="innerbox rounded-corners box-shadow"> {block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{block:Title} <table class="chat" cellspacing="0"> {block:Lines} <tr> {block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td> </tr> {/block:Lines} </table> </div> {/block:Chat} {block:IndexPage} <a href="{Permalink}" class="boxhoverlink rounded-corners"> <div class="boxhover rounded-corners box-shadow"> <div class="center-middle"> <a href="{Permalink}"> <div class="tmlabel">{NoteCount}</div> </a> </div> </div> </a> {/block:IndexPage} </div> {block:PermalinkPage} <div class="postinfo rounded-corners box-shadow">{block:NoteCount}NOTES {NoteCount} {/block:NoteCount}{block:Date}{TimeAgo}{/block:Date}</div> {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> <div style="overflow: hidden" class="rounded-corners box-shadow"> {/block:Date} {block:IfShowNotesOnPermalinkPages} {block:PostNotes}{PostNotes}{/block:PostNotes} {/block:IfShowNotesOnPermalinkPages} {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> </div> {/block:PermalinkPage} {/block:Posts} {block:IndexPage} </div> <!-- .posts --> {/block:IndexPage} <div style="clear: both;"></div> {block:IndexPage} <div class="footer" style="display:none;"> <a href="#">Loading</a> </div> <!-- #footer --> <div class="navigation" id="navigation"> {block:Pagination} {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{lang:Previous}{block:PreviousPage}</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} &rarr;{block:NextPage}</a>{/block:NextPage} {/block:Pagination} </div> <!-- .navigation --> {/block:IndexPage} </div> <!-- #container --> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery-1.7.1.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.masonry.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.infinitescroll.min.js"></script> <script type="text/javascript"> $(window).load(function () { {block:IndexPage} $('div.box').live('mouseenter',function(){ $(this).find('.boxhover').css({'display':'block','visibility':'hidden'}).fadeIn(); $(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'}); $(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'}); $(this).find('.boxhover').css({'display':'none','visibility':'visible'}).fadeIn(); }); $('div.box').live('mouseleave',function(){ $(this).find('.boxhover').fadeOut(); }); {/block:IndexPage} $('.header .readmore').click(function(){ if($(this).hasClass("up")){ $(this).removeClass("up"); $('.header-more').slideUp(); } else{ $(this).addClass("up"); $('.header-more').slideDown(); } }); {block:IndexPage} // endless scrolling var $container = $('#allposts'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '.box' }); }); $container.infinitescroll({ navSelector : 'div.navigation', // selector for the paged navigation nextSelector : 'div.navigation a#nextPage', // selector for the NEXT link (to page 2) itemSelector : '.box', // selector for all items youll retrieve bufferPx: 0, debug : true, loading: { finishedMsg: '', img: '', msgText: '' } }, // trigger Masonry as a callback function( newElements ) { // hide new items while they are loading var $newElems = $( newElements ).css({ opacity: 0 }); // ensure that images load before adding to masonry layout $newElems.imagesLoaded(function(){ // show elems now they're ready $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); } ); // End of endless scrolling {/block:IndexPage} }); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1419534-14']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div style="color: #000000; font-size: 7px; font-family: arial; background-color: transparent; text-align: center; position: relative; bottom: 5px; left: 40%; width: 600px; height: 18px; text-decoration:none; filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;" align="center"><a href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/tumblr/tumblr-themes" target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target="_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a>, <a href="http://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Facebook Covers"><b>Facebook Covers</b></a>, <a href="http://www.totallylayouts.com/totallyplayer/" target="_blank" title="Tumblr Music Player"><b>Tumblr Music Player</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-headers/twitter-headers" target="_blank" title="Twitter Headers"><b>Twitter Headers</b></a> and <a href="http://www.yayfollowers.com" target="_blank" title="Tumblr Follower Counter"><b>Tumblr Follower Counter</b></a></div> <!--- Paste Your Music Player or Follower Counter Code in the space below here ---> <!--- Paste Your Music Player or Follower Counter Code in the space above here ---> </body> </html>

Slick Tumblr Theme

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <!--- _______ _ _ _ _ _ |__ __| | | | | | | | | | | | ___ | |_ __ _| | |_ _| | __ _ _ _ ___ _ _| |_ ___ | |/ _ \| __/ _` | | | | | | | / _` | | | |/ _ \| | | | __/ __| | | (_) | || (_| | | | |_| | |___| (_| | |_| | (_) | |_| | |_\__ \ |_|\___/ \__\__,_|_|_|\__, |______\__,_|\__, |\___/ \__,_|\__|___/ __/ | __/ | |___/ |___/ Theme by TotallyLayouts. Check out www.TotallyLayouts.com for more themes, online user counters, follower counters, banner generators, Twitter Backgrounds, Facebook Covers and loads more! ---> <meta name="description" content="{title}" /> <meta name="author" content="Theme by TotallyLayouts" /> <script src="http://www.totallylayouts.com/inc/js/infinitescroll.js"></script> <link href='http://fonts.googleapis.com/css?family=Lato:900|Playfair+Display:900italic|Open+Sans:800|Creepster|Sanchez|Montserrat:700' rel='stylesheet' type='text/css'> <meta name="image:Banner" content="" /> <meta name="text:Link 1" content="" /> <meta name="text:Link 1 Title" content="" /> <meta name="text:Link 2" content="" /> <meta name="text:Link 2 Title" content="" /> <meta name="text:Link 3" content="" /> <meta name="text:Link 3 Title" content="" /> <meta name="text:Link 4" content="" /> <meta name="text:Link 4 Title" content="" /> <meta name="text:Link 5" content="" /> <meta name="text:Link 5 Title" content="" /> <meta name="if:Static Title" content="0" /> <meta name="if:Show notes on permalink pages" content="1" /> <meta name="if:Black And White Photos" content="0" /> <meta name="if:White Follow Button" content="0" /> <meta name="if:Shadow" content="1" /> <meta name="text:Rounded Corner Size" content="0" /> <meta name="text:Title Size" content="60" /> <meta name="if:Uppercase Title" content="1" /> <meta name="if:Title Font Bebas Neue" content="0" /> <meta name="if:Title Font Impact" content="0" /> <meta name="if:Title Font Playfair Display" content="0" /> <meta name="if:Title Font Open Sans" content="0" /> <meta name="if:Title Font Creepster" content="0" /> <meta name="if:Title Font Sanchez" content="0" /> <meta name="if:Title Font Montserrat" content="1" /> <style type="text/css"> @font-face { font-family: 'BebasNeueRegular'; src: url('http://static.tumblr.com/jw8fmba/mOeloespq/bebasneue-webfont.eot'); src: url('http://static.tumblr.com/jw8fmba/mOeloespq/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('http://static.tumblr.com/jw8fmba/gGCloesr9/bebasneue-webfont.woff') format('woff'), url('http://static.tumblr.com/jw8fmba/Rbnloesqu/bebasneue-webfont.ttf') format('truetype'), url('http://static.tumblr.com/jw8fmba/GLsloesq3/bebasneue-webfont.svg#BebasNeueRegular') format('svg'); } body { color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; background: url('http://www.themesltd.com/backgrounds-large/city_street_at_night.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } a:link, a:visited, a:active { color: #ffffff; text-decoration: underline; outline-color: invert; outline-style: none; outline-width: medium; } a:hover { color: #ffffff; text-decoration: none; } #container { margin: 310px auto; position: relative; width: 500px; /* Permalink width */ {block:IndexPage} width: 500px; /* thumb + thumb (including padding) */ {/block:IndexPage} } .header { background: #fff; padding: 0; } .topWrap { padding-bottom: 0; line-height: 9px; } .tmlogo { float: left; width: 40px; height: 40px; overflow: hidden; } .tmtitle{ float: left; margin-left:20px; height: 40px; font-size: 11px; font-weight: normal; line-height: 40px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; text-transform: uppercase; } #container .posts { float:center; margin-left:10px; width: 500px; } #container .box { background-color: #000; width: 500px; margin: 0 0px 20px 0; float: left; overflow: hidden; line-height:9px; padding:10px; } #container .box h3 { font-size: 11px; font-weight: bold; } .innerbox { padding: 15px; position: relative; color: #ffffff; line-height:15px; font-size: 11px; } .innerbox a:link, .innerbox a:visited, .innerbox a:active { text-decoration: underline; } .innerbox a:hover { text-decoration: none; } .innerbox img{ margin-top: -10px; margin-left: -10px; position: relative; color: #ffffff; } .boxhover { width: 500px; height: 100%; position: absolute; left: 0px; top: 0px; /*padding: 20px; */ background-color: none; repeat 0 0; font-family: Arial, Helvetica, sans-serif; color: #ffffff; /*display: none;*/ visibility: hidden; text-shadow: 0px 0px 5px #000000; filter: dropshadow(color=#000000, offx=0, offy=0); } .boxhover .center-middle { margin-top: 3%; text-align: center; margin-left:1%; } .boxhover.active { display: block; visibility: visible; } .tmlabel { font-family: BebasNeueRegular,tahoma; font-size: 75px; font-weight: none; color: #ffffff; letter-spacing: 0px; } .tmvalue-notes { font-family: BebasNeueRegular,tahoma; font-size: 0px; font-weight: none; color: #FFF; letter-spacing: -8px; line-height: 30px; word-spacing: 10px; text-transform: uppercase; } .tmvalue-posted{ font-family: BebasNeueRegular,tahoma; font-size: 0px; font-weight: none; color: #FFF; letter-spacing: -8px; line-height: 20px; word-spacing: 5px; text-transform: uppercase; } .boxhover a:link, .boxhover a:visited, .boxhover a:active { text-decoration: none; color: #FFF; } a.title { color: #ffffff; text-decoration: none; } .footer { margin-left:0; padding: 80px 0 40px 0; width: 820px; text-align: center; } blockquote.classy { background-image: url("http://static.tumblr.com/ydokqes/qjvm1wq4i/openquote1.gif"); background-position: left top; background-repeat: no-repeat; font: 14px/20px italic Times,serif; margin: 5px; padding: 8px; text-indent: 23px; } blockquote.classy span { background-image: url("http://static.tumblr.com/ydokqes/REzm1wq5e/closequote1.gif"); background-position: right bottom; background-repeat: no-repeat; display: block; } table.chat { width: 100%; margin: 0 0 10px 0; border-collapse: collapse; } h2 + table.chat { margin: 10px 0 3px 0 !important; } table.chat tr td { padding: 0 10px; } table.chat tr td.name { font-weight: bold; text-align: right; vertical-align: top; } table.chat tr td.line1 { background: #989898; } .navigation{ visibility: hidden; } .footer a:link, .footer a:visited, .footer a:active { text-decoration: none; color: #ffffff; text-transform: uppercase; background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 5px; font-size: 18px; line-height: normal; } .footer a:hover { text-decoration: underline; } /* permelink page with notes */ .postbox { float:center; width: 500px; } .postcontent { background: #000000; float: center; padding: 0; width: 500px; margin: 0; } .postcontent img { float: center; } .postinfo { padding: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0; font-size: 10px; text-transform: uppercase; text-align: center; background-color: #000000; float: left; width: 480px; margin-top:10px; margin-bottom:10px; } .note { padding: 10px 10px 11px 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px; font-size: 10px; width: 100%; float: center; width: 480px; line-height: normal; background: #000000 url(http://static.tumblr.com/ydokqes/oDZm1xgo6/border.png) no-repeat center bottom; list-style: none; } .clear { clear: both; } .notes { padding: 0px; margin: 0px; } .note .avatar { width: 16px; height: 16px; float: left; overflow: hidden; } .note .action { margin-left: 10px; line-height: 16px; font-size: 9px; text-transform: uppercase; } .more_notes_link_container { background-image: none; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #ffffff; text-transform: uppercase; } .more_notes_link_container a:link, .more_notes_link_container a:visited, .more_notes_link_container a:active { color: #ffffff; text-decoration: none; } .more_notes_link_container a:hover { color: #ffffff; } .c1 { display: block; text-align: center; } #infscr-loading { background: url(none) repeat scroll 0 0 transparent; color: #FFFFFF; font-family: sans-serif; font-size: 18px; line-height: normal; padding: 5px; text-decoration: none; text-transform: uppercase; bottom: 40px; margin-left: 437.5px; position: fixed; z-index: 100; text-align: center; } #infscr-loading img{ position: absolute; left: -99999px; top: -99999px; } .rounded-corners { -moz-border-radius: {text:Rounded Corner Size}px; -webkit-border-radius:{text:Rounded Corner Size}px; -khtml-border-radius: {text:Rounded Corner Size}px; behavior: url(http://static.tumblr.com/ydokqes/ZpAm27ly3/border-radius.htc); border-radius: {text:Rounded Corner Size}px; } {Block:IfShadow}.box-shadow{ -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.2); box-shadow: 0 1px 10px rgba(0,0,0,.2); }{/Block:IfShadow} a.menu:link, a.menu:visited, a.menu:active { color: #ffffff; font-weight:none;text-shadow: 1px 1px 1px #000000;text-decoration:none; padding-right:10px; padding-left:10px; } a.menu:hover { color: #ffffff;font-weight:none;text-shadow: 1px 1px 1px #000000;text-decoration:underline; {Block:IfWhiteFollowButton}iframe#tumblr_controls {position:fixed; z-index:100000000; top: 3px; margin: 0 0 0 0; right:3px; -webkit-filter: invert(100%);} {/Block:IfWhiteFollowButton} </style> </head> <body> {Block:IfnotBannerImage}<div style="position: absolute; z-index: 1999; top: 50px; width:100%;{Block:IfStaticTitle}position:fixed;{/Block:IfStaticTitle}><a href="#"><center><font style="{Block:IfTitleFontBebasNeue}font-family:BebasNeueRegular,impact;{/Block:IfTitleFontBebasNeue}{Block:IfTitleFontImpact}font-family:Impact;{/Block:IfTitleFontImpact}{Block:IfTitleFontLato}font-family: 'Lato', sans-serif;{/Block:IfTitleFontLato}{Block:IfTitleFontPlayfairDisplay}font-family: 'Playfair Display', serif;{/Block:IfTitleFontPlayfairDisplay}{Block:IfTitleFontOpenSans}font-family: 'Open Sans', sans-serif;{/Block:IfTitleFontOpenSans}{Block:IfTitleFontCreepster}font-family: 'Creepster', cursive;{/Block:IfTitleFontCreepster}{Block:IfTitleFontSanchez}font-family: 'Sanchez', serif;{/Block:IfTitleFontSanchez}{Block:IfTitleFontMontserrat}font-family: 'Montserrat', sans-serif;{/Block:IfTitleFontMontserrat} {Block:IfUppercaseTitle}text-transform:uppercase;{/Block:IfUppercaseTitle} color:#FFFFFF; display: inline-block; font-size: {text:Title Size}px; font-weight: 700; background-color:#000000; height: 42px; line-height: 39px; padding: 40px; text-align:center; text-transform: uppercase; border: 0px; color:#ffffff; box-shadow:0 0 7px rgba(0,0,0,0.2), inset 0 0 7px rgba(0,0,0,0.2); text-shadow:0 0 7px rgba(0,0,0,0.25);">{title}</font></a></center></div>{/Block:IfnotBannerImage} {Block:IfBannerImage}<div style="position: absolute; z-index: 1999; top: 100px; width:100%;{Block:IfStaticTitle}position:fixed;{/Block:IfStaticTitle}><a href="#"><center><img src="{Image:Banner}" id="logo" /></a>}</center></div>{/Block:IfBannerImage} <div style="position: absolute; z-index: 1999; top: 225px; width:100%;font-family:Montserrat;font-size:9pt;text-decoration:none;color:#ffffff;font-weight:none;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);"><center><font style="">{block:Description}{Description}{/block:Description}</font></center></div> <div style="position: absolute; z-index: 1999; top: 255px; width:100%;font-family:Montserrat;font-size:9pt;text-decoration:none;color:#ffffff;font-weight:none;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);"> <center><a href="/" class="menu">Home</a> <a href="http://www.totallylayouts.com/" class="menu" target="_blank">Theme</a> {block:ifLink1Title} <a href="{text:Link 1}" class="menu">{text:Link 1 Title}</a> {/block:ifLink1Title} {block:ifLink2Title} <a href="{text:Link 2}" class="menu">{text:Link 2 Title}</a> {/block:ifLink2Title} {block:ifLink3Title} <a href="{text:Link 3}" class="menu">{text:Link 3 Title}</a> {/block:ifLink3Title} {block:ifLink4Title} <a href="{text:Link 4}" class="menu">{text:Link 4 Title}</a> {/block:ifLink4Title} {block:ifLink5Title} <a href="{text:Link 5}" class="menu">{text:Link 5 Title}</a> {/block:ifLink5Title} {block:AskEnabled} <a href="/ask" class="menu">{AskLabel}</a> {/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit" class="menu">Submit</a> {/block:SubmissionsEnabled} {Block:IfShowArchiveLink} <a href="/archive" class="menu">Archive</a> {/Block:IfShowArchiveLink} {Block:IfShowRandomLink} <a href="/random" class="menu">Random</a> {/Block:IfShowRandomLink} {block:HasPages}{block:Pages} <a href="{URL}" title="{Label}" class="menu">{Label}</a> {/block:Pages}{/block:HasPages}</center></div> <div id="container"> <!-- / rightWrap --> {block:IndexPage} <div class="posts" id="allposts"> {/block:IndexPage} {block:Posts} {block:PermalinkPage} <div class="postbox"> <div class="postcontent rounded-corners box-shadow"> {/block:PermalinkPage} {block:IndexPage} <div class="box rounded-corners box-shadow"> {/block:IndexPage} {block:Photo} {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="rounded-corners" style="{Block:IfBlackAndWhitePhotos}-webkit-filter: grayscale(100%);{/Block:IfBlackAndWhitePhotos}" {block:IndexPage}width="500"{/block:IndexPage} {block:PermalinkPage}width="500"{/block:PermalinkPage}> {block:IndexPage}</a>{/block:IndexPage} {block:Caption} {block:IndexPage} <!--div class="innerbox rounded-corners box-shadow"--> {/block:IndexPage} {block:IndexPage} <!--/div--> {/block:IndexPage} {/block:Caption} {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {/block:Photo} {block:Audio} <div class="innerbox rounded-corners box-shadow"> {AudioPlayerWhite} {block:Caption}{Caption}{/block:Caption} </div> {/block:Audio} {block:Video} {block:IndexPage}{Video-500}{/block:IndexPage} {block:PermalinkPage}{Video-500}{/block:PermalinkPage} {block:Caption} <div class="innerbox rounded-corners box-shadow"> {Caption} </div> {/block:Caption} {/block:Video} {block:Text} <div class="innerbox rounded-corners box-shadow"> {block:Title} <h3>{Title}</h3> {/block:Title} {Body} {block:More} <a href="{Permalink}" class="readMore">{lang:Read more}</a> {/block:More} </div> {/block:Text} {block:Answer} <div class="innerbox rounded-corners box-shadow"> <b>{lang:Asker asked}:&nbsp;</b>{Question} <p><br><b>{lang:Answer}:</b>{Answer}</p> </div> {/block:Answer} {block:Link} <div class="innerbox rounded-corners box-shadow"> <a href="{URL}" class="title link" {Target}>{Name} &rarr;</a> {block:Description}{Description}{/block:Description} </div> {/block:Link} {block:Quote} <div class="innerbox rounded-corners box-shadow"> {/block:IndexPage} {block:Source}<h2>{Source}</h2>{/block:Source} <blockquote class="classy"><span>{Quote}</span></blockquote> </div> {/block:Quote} {block:Chat} <div class="innerbox rounded-corners box-shadow"> {block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{block:Title} <table class="chat" cellspacing="0"> {block:Lines} <tr> {block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td> </tr> {/block:Lines} </table> </div> {/block:Chat} {block:IndexPage} <a href="{Permalink}" class="boxhoverlink rounded-corners"> <div class="boxhover rounded-corners box-shadow"> <div class="center-middle"> <a href="{Permalink}"> <div class="tmlabel">{NoteCount}</div> </a> </div> </div> </a> {/block:IndexPage} </div> {block:PermalinkPage} <div class="postinfo rounded-corners box-shadow">{block:NoteCount}NOTES {NoteCount} {/block:NoteCount}{block:Date}{TimeAgo}{/block:Date}</div> {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> <div style="overflow: hidden" class="rounded-corners box-shadow"> {/block:Date} {block:IfShowNotesOnPermalinkPages} {block:PostNotes}{PostNotes}{/block:PostNotes} {/block:IfShowNotesOnPermalinkPages} {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> </div> {/block:PermalinkPage} {/block:Posts} {block:IndexPage} </div> <!-- .posts --> {/block:IndexPage} <div style="clear: both;"></div> {block:IndexPage} <div class="footer" style="display:none;"> <a href="#">Loading</a> </div> <!-- #footer --> <div class="navigation" id="navigation"> {block:Pagination} {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{lang:Previous}{block:PreviousPage}</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} &rarr;{block:NextPage}</a>{/block:NextPage} {/block:Pagination} </div> <!-- .navigation --> {/block:IndexPage} </div> <!-- #container --> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery-1.7.1.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.masonry.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.infinitescroll.min.js"></script> <script type="text/javascript"> $(window).load(function () { {block:IndexPage} $('div.box').live('mouseenter',function(){ $(this).find('.boxhover').css({'display':'block','visibility':'hidden'}).fadeIn(); $(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'}); $(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'}); $(this).find('.boxhover').css({'display':'none','visibility':'visible'}).fadeIn(); }); $('div.box').live('mouseleave',function(){ $(this).find('.boxhover').fadeOut(); }); {/block:IndexPage} $('.header .readmore').click(function(){ if($(this).hasClass("up")){ $(this).removeClass("up"); $('.header-more').slideUp(); } else{ $(this).addClass("up"); $('.header-more').slideDown(); } }); {block:IndexPage} // endless scrolling var $container = $('#allposts'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '.box' }); }); $container.infinitescroll({ navSelector : 'div.navigation', // selector for the paged navigation nextSelector : 'div.navigation a#nextPage', // selector for the NEXT link (to page 2) itemSelector : '.box', // selector for all items youll retrieve bufferPx: 0, debug : true, loading: { finishedMsg: '', img: '', msgText: '' } }, // trigger Masonry as a callback function( newElements ) { // hide new items while they are loading var $newElems = $( newElements ).css({ opacity: 0 }); // ensure that images load before adding to masonry layout $newElems.imagesLoaded(function(){ // show elems now they're ready $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); } ); // End of endless scrolling {/block:IndexPage} }); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1419534-14']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div style="color: #000000; font-size: 7px; font-family: arial; background-color: transparent; text-align: center; position: relative; bottom: 5px; left: 40%; width: 600px; height: 18px; text-decoration:none; filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;" align="center"><a href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/tumblr/tumblr-themes" target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target="_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a>, <a href="http://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Facebook Covers"><b>Facebook Covers</b></a>, <a href="http://www.totallylayouts.com/totallyplayer/" target="_blank" title="Tumblr Music Player"><b>Tumblr Music Player</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-headers/twitter-headers" target="_blank" title="Twitter Headers"><b>Twitter Headers</b></a> and <a href="http://www.yayfollowers.com" target="_blank" title="Tumblr Follower Counter"><b>Tumblr Follower Counter</b></a></div> <!--- Paste Your Music Player or Follower Counter Code in the space below here ---> <!--- Paste Your Music Player or Follower Counter Code in the space above here ---> </body> </html>

The Column Tumblr Theme

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <!--- _______ _ _ _ _ _ |__ __| | | | | | | | | | | | ___ | |_ __ _| | |_ _| | __ _ _ _ ___ _ _| |_ ___ | |/ _ \| __/ _` | | | | | | | / _` | | | |/ _ \| | | | __/ __| | | (_) | || (_| | | | |_| | |___| (_| | |_| | (_) | |_| | |_\__ \ |_|\___/ \__\__,_|_|_|\__, |______\__,_|\__, |\___/ \__,_|\__|___/ __/ | __/ | |___/ |___/ Theme by TotallyLayouts. Check out www.TotallyLayouts.com for more themes, online user counters, follower counters, banner generators, Twitter Backgrounds, Facebook Covers and loads more! ---> <meta name="description" content="{title}" /> <meta name="author" content="Theme by TotallyLayouts" /> <script src="http://www.totallylayouts.com/inc/js/infinitescroll.js"></script> <link href='http://fonts.googleapis.com/css?family=Lato:900|Playfair+Display:900italic|Open+Sans:800|Creepster|Sanchez|Montserrat:700' rel='stylesheet' type='text/css'> <meta name="image:Banner" content="" /> <meta name="text:Link 1" content="" /> <meta name="text:Link 1 Title" content="" /> <meta name="text:Link 2" content="" /> <meta name="text:Link 2 Title" content="" /> <meta name="text:Link 3" content="" /> <meta name="text:Link 3 Title" content="" /> <meta name="text:Link 4" content="" /> <meta name="text:Link 4 Title" content="" /> <meta name="text:Link 5" content="" /> <meta name="text:Link 5 Title" content="" /> <meta name="if:Static Title" content="0" /> <meta name="if:Show notes on permalink pages" content="1" /> <meta name="if:Black And White Photos" content="0" /> <meta name="if:White Follow Button" content="0" /> <meta name="if:Shadow" content="0" /> <meta name="color:Background Color" content="#FFFFFF" /> <meta name="if:Uppercase Title" content="1" /> <meta name="if:Profile Picture" content="1" /> <meta name="if:Title Font Bebas Neue" content="1" /> <meta name="if:Title Font Impact" content="0" /> <meta name="if:Title Font Playfair Display" content="0" /> <meta name="if:Title Font Open Sans" content="0" /> <meta name="if:Title Font Creepster" content="0" /> <meta name="if:Title Font Sanchez" content="0" /> <meta name="if:Title Font Montserrat" content="0" /> <style type="text/css"> @font-face { font-family: 'BebasNeueRegular'; src: url('http://static.tumblr.com/jw8fmba/mOeloespq/bebasneue-webfont.eot'); src: url('http://static.tumblr.com/jw8fmba/mOeloespq/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('http://static.tumblr.com/jw8fmba/gGCloesr9/bebasneue-webfont.woff') format('woff'), url('http://static.tumblr.com/jw8fmba/Rbnloesqu/bebasneue-webfont.ttf') format('truetype'), url('http://static.tumblr.com/jw8fmba/GLsloesq3/bebasneue-webfont.svg#BebasNeueRegular') format('svg'); } body { color: #1a1a1a; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; background-color:{color:Backgroundcolor}; } a:link, a:visited, a:active { color: #1a1a1a; text-decoration: underline; outline-color: invert; outline-style: none; outline-width: medium; } a:hover { color: #1a1a1a; text-decoration: none; } #container { {Block:IfnotBannerImage}margin-top: -10px;{/Block:IfnotBannerImage} {Block:IfBannerImage}margin-top: 270px;{/Block:IfBannerImage} left:50%; margin-left:-150px; position: relative; width: 500px; /* Permalink width */ {block:IndexPage} width: 630px; /* thumb + thumb (including padding) */ {/block:IndexPage} } .header { background: #fff; padding: 0; } .topWrap { padding-bottom: 0; line-height: 9px; } .tmlogo { float: left; width: 40px; height: 40px; overflow: hidden; } .tmtitle{ float: left; margin-left:20px; height: 40px; font-size: 11px; font-weight: normal; line-height: 40px; font-family: Arial, Helvetica, sans-serif; color: #595959; text-transform: uppercase; } #container .posts { float:center; width: 630px; } #container .box { background-color: #fff; width: 300px; margin: 0 0px 0px 0; float: left; overflow: hidden; line-height:9px; padding:0px; } #container .box h3 { font-size: 11px; font-weight: bold; } .innerbox { padding: 15px; position: relative; color: #1a1a1a; line-height:15px; font-size: 11px; } .innerbox a:link, .innerbox a:visited, .innerbox a:active { text-decoration: underline; } .innerbox a:hover { text-decoration: none; } .innerbox img{ margin-top: -10px; margin-left: -10px; position: relative; color: #1a1a1a; } .boxhover { width: 300px; height: 100%; position: absolute; left: 0px; top: 0px; /*padding: 20px; */ background-color: none; repeat 0 0; font-family: Arial, Helvetica, sans-serif; color: #ffffff; /*display: none;*/ visibility: hidden; text-shadow: 0px 0px 5px #000000; filter: dropshadow(color=#000000, offx=0, offy=0); } .boxhover .center-middle { margin-top: 0%; text-align: left; display:block; margin-left:0px; padding-left:15px; width:100%; background-image:url('http://www.themesltd.com/backgrounds-large/city_street_at_night.jpg'); } .boxhover.active { display: block; visibility: visible; } .tmlabel { font-family: BebasNeueRegular,tahoma; font-size: 20px; font-weight: none; color: #ffffff; letter-spacing: 0px; line-height: 75px; text-transform: uppercase; } .tmvalue-notes { font-family: BebasNeueRegular,tahoma; font-size: 0px; font-weight: none; color: #FFF; letter-spacing: -8px; line-height: 30px; word-spacing: 10px; text-transform: uppercase; } .tmvalue-posted{ font-family: BebasNeueRegular,tahoma; font-size: 0px; font-weight: none; color: #FFF; letter-spacing: -8px; line-height: 20px; word-spacing: 5px; text-transform: uppercase; } .boxhover a:link, .boxhover a:visited, .boxhover a:active { text-decoration: none; color: #FFF; } a.title { color: #1a1a1a; text-decoration: none; } .footer { margin-left:0; padding: 80px 0 40px 0; width: 720px; text-align: center; } blockquote.classy { background-image: url("http://static.tumblr.com/ydokqes/qjvm1wq4i/openquote1.gif"); background-position: left top; background-repeat: no-repeat; font: 14px/20px italic Times,serif; margin: 5px; padding: 8px; text-indent: 23px; } blockquote.classy span { background-image: url("http://static.tumblr.com/ydokqes/REzm1wq5e/closequote1.gif"); background-position: right bottom; background-repeat: no-repeat; display: block; } table.chat { width: 100%; margin: 0 0 10px 0; border-collapse: collapse; } h2 + table.chat { margin: 10px 0 3px 0 !important; } table.chat tr td { padding: 0 10px; } table.chat tr td.name { font-weight: bold; text-align: right; vertical-align: top; } table.chat tr td.line1 { background: #F7F7F7; } .navigation{ visibility: hidden; } .footer a:link, .footer a:visited, .footer a:active { text-decoration: none; color: #ffffff; text-transform: uppercase; background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 5px; font-size: 18px; line-height: normal; } .footer a:hover { text-decoration: underline; } /* permelink page with notes */ .postbox { float:center; width: 500px; } .postcontent { background: #fff; float: center; padding: 0; width: 500px; margin: 0; } .postcontent img { float: center; } .postinfo { padding: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0; font-size: 10px; text-transform: uppercase; text-align: center; background-color: #fff; float: left; width: 480px; margin-top:0px; margin-bottom:0px; } .note { padding: 10px 10px 11px 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px; font-size: 10px; width: 100%; float: center; width: 480px; line-height: normal; background: #fff url(http://static.tumblr.com/ydokqes/oDZm1xgo6/border.png) no-repeat center bottom; list-style: none; } .clear { clear: both; } .notes { padding: 0px; margin: 0px; } .note .avatar { width: 16px; height: 16px; float: left; overflow: hidden; } .note .action { margin-left: 10px; line-height: 16px; font-size: 9px; text-transform: uppercase; } .more_notes_link_container { background-image: none; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #aeaeae; text-transform: uppercase; } .more_notes_link_container a:link, .more_notes_link_container a:visited, .more_notes_link_container a:active { color: #aeaeae; text-decoration: none; } .more_notes_link_container a:hover { color: #747575; } .c1 { display: block; text-align: center; } #infscr-loading { background: url(none) repeat scroll 0 0 transparent; color: #FFFFFF; font-family: sans-serif; font-size: 18px; line-height: normal; padding: 5px; text-decoration: none; text-transform: uppercase; bottom: 40px; margin-left: 437.5px; position: fixed; z-index: 100; text-align: center; } #infscr-loading img{ position: absolute; left: -99999px; top: -99999px; } .rounded-corners { -moz-border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; behavior: url(http://static.tumblr.com/ydokqes/ZpAm27ly3/border-radius.htc); border-radius: 0px; } {Block:IfShadow}.box-shadow{ -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.2); box-shadow: 0 1px 10px rgba(0,0,0,.2); }{/Block:IfShadow} a.menu:link, a.menu:visited, a.menu:active { color: #ffffff; font-weight:none;text-shadow: 1px 1px 1px #000000;text-decoration:none; padding-right:10px; padding-left:10px; display:block; line-height:26px; } a.menu:hover { color: #ffffff; font-weight:none;text-shadow: 1px 1px 1px #000000; padding-right:10px; padding-left:10px; display:block; line-height:26px;text-decoration:underline; } {Block:IfWhiteFollowButton}iframe#tumblr_controls {position:fixed; z-index:100000000; top: 3px; margin: 0 0 0 0; right:3px; -webkit-filter: invert(100%);} {/Block:IfWhiteFollowButton} </style> </head> <body> {Block:IfBannerImage}<div style="position: absolute; z-index: 1999; top: 100px; width:100%;{Block:IfStaticTitle}position:fixed;{/Block:IfStaticTitle}><a href="#"><center><img src="{Image:Banner}" id="logo" /></a>}</center></div>{/Block:IfBannerImage} <div style="position: absolute; z-index: 1999; top: 180px; width:100%;font-family:Montserrat;font-size:9pt;text-decoration:none;color:#ffffff;font-weight:none;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);"></div> <div style="z-index:9999999; border: 0px solid;background-color:#none; position: fixed; margin-left:2px; {Block:IfnotBannerImage}top:0px;{/Block:IfnotBannerImage} {Block:IfBannerImage}top:270px;{/Block:IfBannerImage} left:50%; margin-left:-399px; width:250px; height: 100%;font-family:Montserrat;font-size:9pt;text-decoration:none;color:#ffffff;font-weight:none;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);"><table cellpadding="0" cellspacing="20" border="0" width="250"> <tr> <td>{Block:IfnotBannerImage}<center><font style="{Block:IfTitleFontBebasNeue}font-family:BebasNeueRegular,impact;{/Block:IfTitleFontBebasNeue}{Block:IfTitleFontImpact}font-family:Impact;{/Block:IfTitleFontImpact}{Block:IfTitleFontLato}font-family: 'Lato', sans-serif;{/Block:IfTitleFontLato}{Block:IfTitleFontPlayfairDisplay}font-family: 'Playfair Display', serif;{/Block:IfTitleFontPlayfairDisplay}{Block:IfTitleFontOpenSans}font-family: 'Open Sans', sans-serif;{/Block:IfTitleFontOpenSans}{Block:IfTitleFontCreepster}font-family: 'Creepster', cursive;{/Block:IfTitleFontCreepster}{Block:IfTitleFontSanchez}font-family: 'Sanchez', serif;{/Block:IfTitleFontSanchez}{Block:IfTitleFontMontserrat}font-family: 'Montserrat', sans-serif;{/Block:IfTitleFontMontserrat} font-size: 31px; {Block:IfUppercaseTitle}text-transform:uppercase;{/Block:IfUppercaseTitle} color:#FFFFFF; text-decoration:none;text-shadow: 1px 1px 1px #000000;line-height:{text:Title Size}px;">{title}</font></center>{/Block:IfnotBannerImage}</td> <tr> {Block:IfProfilePicture}<tr> <td align="center"><img src="{PortraitURL-128}" style="-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);"></td> </tr> {/Block:IfProfilePicture} <tr> <td><center><font style="">{block:Description}{Description}{/block:Description}</font></center></td> </tr> <tr> <td><center><a href="/" class="menu">Home</a> <a href="http://www.totallylayouts.com/" class="menu" target="_blank">Theme</a> {block:ifLink1Title} <a href="{text:Link 1}" class="menu">{text:Link 1 Title}</a> {/block:ifLink1Title} {block:ifLink2Title} <a href="{text:Link 2}" class="menu">{text:Link 2 Title}</a> {/block:ifLink2Title} {block:ifLink3Title} <a href="{text:Link 3}" class="menu">{text:Link 3 Title}</a> {/block:ifLink3Title} {block:ifLink4Title} <a href="{text:Link 4}" class="menu">{text:Link 4 Title}</a> {/block:ifLink4Title} {block:ifLink5Title} <a href="{text:Link 5}" class="menu">{text:Link 5 Title}</a> {/block:ifLink5Title} {block:AskEnabled} <a href="/ask" class="menu">{AskLabel}</a> {/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit" class="menu">Submit</a> {/block:SubmissionsEnabled} {Block:IfShowArchiveLink} <a href="/archive" class="menu">Archive</a> {/Block:IfShowArchiveLink} {Block:IfShowRandomLink} <a href="/random" class="menu">Random</a> {/Block:IfShowRandomLink} {block:HasPages}{block:Pages} <a href="{URL}" title="{Label}" class="menu">{Label}</a> {/block:Pages}{/block:HasPages}</center></td> </tr> </table></div> <div style="z-index:999999; border: 0px solid;background-color:#3d3d3d; position: fixed; margin-left:2px; {Block:IfnotBannerImage}top:0px;{/Block:IfnotBannerImage} {Block:IfBannerImage}top:270px;{/Block:IfBannerImage} left:50%; margin-left:-400px; width:250px; height: 100%; background: url('http://www.themesltd.com/backgrounds-large/city_street_at_night.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;"><table cellpadding="0" cellspacing="0" border="0"> <td height="42"></td> </tr> </table></div> <div id="container"> <!-- / rightWrap --> {block:IndexPage} <div class="posts" id="allposts"> {/block:IndexPage} {block:Posts} {block:PermalinkPage} <div class="postbox"> <div class="postcontent rounded-corners box-shadow"> {/block:PermalinkPage} {block:IndexPage} <div class="box rounded-corners box-shadow"> {/block:IndexPage} {block:Photo} {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-400}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="rounded-corners" style="{Block:IfBlackAndWhitePhotos}-webkit-filter: grayscale(100%);{/Block:IfBlackAndWhitePhotos}" {block:IndexPage}width="300"{/block:IndexPage} {block:PermalinkPage}width="500"{/block:PermalinkPage} > {block:IndexPage}</a>{/block:IndexPage} {block:Caption} {block:IndexPage} <!--div class="innerbox rounded-corners box-shadow"--> {/block:IndexPage} {block:IndexPage} <!--/div--> {/block:IndexPage} {/block:Caption} {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {/block:Photo} {block:Audio} <div class="innerbox rounded-corners box-shadow"> {AudioPlayerWhite} {block:Caption}{Caption}{/block:Caption} </div> {/block:Audio} {block:Video} {block:IndexPage}{Video-400}{/block:IndexPage} {block:PermalinkPage}{Video-500}{/block:PermalinkPage} {block:Caption} <div class="innerbox rounded-corners box-shadow"> {Caption} </div> {/block:Caption} {/block:Video} {block:Text} <div class="innerbox rounded-corners box-shadow"> {block:Title} <h3>{Title}</h3> {/block:Title} {Body} {block:More} <a href="{Permalink}" class="readMore">{lang:Read more}</a> {/block:More} </div> {/block:Text} {block:Answer} <div class="innerbox rounded-corners box-shadow"> <b>{lang:Asker asked}:&nbsp;</b>{Question} <p><br><b>{lang:Answer}:</b>{Answer}</p> </div> {/block:Answer} {block:Link} <div class="innerbox rounded-corners box-shadow"> <a href="{URL}" class="title link" {Target}>{Name} &rarr;</a> {block:Description}{Description}{/block:Description} </div> {/block:Link} {block:Quote} <div class="innerbox rounded-corners box-shadow"> {/block:IndexPage} {block:Source}<h2>{Source}</h2>{/block:Source} <blockquote class="classy"><span>{Quote}</span></blockquote> </div> {/block:Quote} {block:Chat} <div class="innerbox rounded-corners box-shadow"> {block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{block:Title} <table class="chat" cellspacing="0"> {block:Lines} <tr> {block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td> </tr> {/block:Lines} </table> </div> {/block:Chat} {block:IndexPage} <a href="{Permalink}" class="boxhoverlink rounded-corners"> <div class="boxhover rounded-corners box-shadow"> <div class="center-middle"> <a href="{Permalink}"> <div class="tmlabel">{NoteCount}</div> </a> </div> </div> </a> {/block:IndexPage} </div> {block:PermalinkPage} <div class="postinfo rounded-corners box-shadow">{block:NoteCount}NOTES {NoteCount} {/block:NoteCount}{block:Date}{TimeAgo}{/block:Date}</div> {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> <div style="overflow: hidden" class="rounded-corners box-shadow"> {/block:Date} {block:IfShowNotesOnPermalinkPages} {block:PostNotes}{PostNotes}{/block:PostNotes} {/block:IfShowNotesOnPermalinkPages} {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> </div> {/block:PermalinkPage} {/block:Posts} {block:IndexPage} </div> <!-- .posts --> {/block:IndexPage} <div style="clear: both;"></div> {block:IndexPage} <div class="footer" style="display:none;"> <a href="#">Loading</a> </div> <!-- #footer --> <div class="navigation" id="navigation"> {block:Pagination} {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{lang:Previous}{block:PreviousPage}</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} &rarr;{block:NextPage}</a>{/block:NextPage} {/block:Pagination} </div> <!-- .navigation --> {/block:IndexPage} </div> <!-- #container --> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery-1.7.1.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.masonry.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.infinitescroll.min.js"></script> <script type="text/javascript"> $(window).load(function () { {block:IndexPage} $('div.box').live('mouseenter',function(){ $(this).find('.boxhover').css({'display':'block','visibility':'hidden'}).fadeIn(); $(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'}); $(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'}); $(this).find('.boxhover').css({'display':'none','visibility':'visible'}).fadeIn(); }); $('div.box').live('mouseleave',function(){ $(this).find('.boxhover').fadeOut(); }); {/block:IndexPage} $('.header .readmore').click(function(){ if($(this).hasClass("up")){ $(this).removeClass("up"); $('.header-more').slideUp(); } else{ $(this).addClass("up"); $('.header-more').slideDown(); } }); {block:IndexPage} // endless scrolling var $container = $('#allposts'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '.box' }); }); $container.infinitescroll({ navSelector : 'div.navigation', // selector for the paged navigation nextSelector : 'div.navigation a#nextPage', // selector for the NEXT link (to page 2) itemSelector : '.box', // selector for all items youll retrieve bufferPx: 0, debug : true, loading: { finishedMsg: '', img: '', msgText: '' } }, // trigger Masonry as a callback function( newElements ) { // hide new items while they are loading var $newElems = $( newElements ).css({ opacity: 0 }); // ensure that images load before adding to masonry layout $newElems.imagesLoaded(function(){ // show elems now they're ready $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); } ); // End of endless scrolling {/block:IndexPage} }); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1419534-14']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div style="color: #000000; font-size: 7px; font-family: arial; background-color: transparent; text-align: center; position: relative; bottom: 5px; left: 40%; width: 600px; height: 18px; text-decoration:none; filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;" align="center"><a href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/tumblr/tumblr-themes" target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target="_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a>, <a href="http://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Facebook Covers"><b>Facebook Covers</b></a>, <a href="http://www.totallylayouts.com/totallyplayer/" target="_blank" title="Tumblr Music Player"><b>Tumblr Music Player</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-headers/twitter-headers" target="_blank" title="Twitter Headers"><b>Twitter Headers</b></a> and <a href="http://www.yayfollowers.com" target="_blank" title="Tumblr Follower Counter"><b>Tumblr Follower Counter</b></a></div> <!--- Paste Your Music Player or Follower Counter Code in the space below here ---> <!--- Paste Your Music Player or Follower Counter Code in the space above here ---> </body> </html>

By Three Tumblr Theme

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <!--- _______ _ _ _ _ _ |__ __| | | | | | | | | | | | ___ | |_ __ _| | |_ _| | __ _ _ _ ___ _ _| |_ ___ | |/ _ \| __/ _` | | | | | | | / _` | | | |/ _ \| | | | __/ __| | | (_) | || (_| | | | |_| | |___| (_| | |_| | (_) | |_| | |_\__ \ |_|\___/ \__\__,_|_|_|\__, |______\__,_|\__, |\___/ \__,_|\__|___/ __/ | __/ | |___/ |___/ Theme by TotallyLayouts. Check out www.TotallyLayouts.com for more themes, online user counters, follower counters, banner generators, Twitter Backgrounds, Facebook Covers and loads more! ---> <meta name="description" content="{title}" /> <meta name="author" content="Theme by TotallyLayouts" /> <script src="http://www.totallylayouts.com/inc/js/infinitescroll.js"></script> <link href='http://fonts.googleapis.com/css?family=Lato:900|Playfair+Display:900italic|Open+Sans:800|Creepster|Sanchez|Montserrat:700' rel='stylesheet' type='text/css'> <meta name="image:Banner" content="" /> <meta name="text:Link 1" content="" /> <meta name="text:Link 1 Title" content="" /> <meta name="text:Link 2" content="" /> <meta name="text:Link 2 Title" content="" /> <meta name="text:Link 3" content="" /> <meta name="text:Link 3 Title" content="" /> <meta name="text:Link 4" content="" /> <meta name="text:Link 4 Title" content="" /> <meta name="text:Link 5" content="" /> <meta name="text:Link 5 Title" content="" /> <meta name="if:Static Title" content="0" /> <meta name="if:Show notes on permalink pages" content="1" /> <meta name="if:Black And White Photos" content="0" /> <meta name="if:White Follow Button" content="0" /> <meta name="if:Shadow" content="1" /> <meta name="text:Rounded Corner Size" content="3" /> <meta name="text:Title Size" content="90" /> <meta name="if:Uppercase Title" content="1" /> <meta name="if:Title Font Bebas Neue" content="1" /> <meta name="if:Title Font Impact" content="0" /> <meta name="if:Title Font Playfair Display" content="0" /> <meta name="if:Title Font Open Sans" content="0" /> <meta name="if:Title Font Creepster" content="0" /> <meta name="if:Title Font Sanchez" content="0" /> <meta name="if:Title Font Montserrat" content="0" /> <style type="text/css"> @font-face { font-family: 'BebasNeueRegular'; src: url('http://static.tumblr.com/jw8fmba/mOeloespq/bebasneue-webfont.eot'); src: url('http://static.tumblr.com/jw8fmba/mOeloespq/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('http://static.tumblr.com/jw8fmba/gGCloesr9/bebasneue-webfont.woff') format('woff'), url('http://static.tumblr.com/jw8fmba/Rbnloesqu/bebasneue-webfont.ttf') format('truetype'), url('http://static.tumblr.com/jw8fmba/GLsloesq3/bebasneue-webfont.svg#BebasNeueRegular') format('svg'); } body { color: #1a1a1a; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; background: url('http://www.themesltd.com/backgrounds-large/city_street_at_night.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } a:link, a:visited, a:active { color: #1a1a1a; text-decoration: underline; outline-color: invert; outline-style: none; outline-width: medium; } a:hover { color: #1a1a1a; text-decoration: none; } #container { margin: 270px auto; position: relative; width: 500px; /* Permalink width */ {block:IndexPage} width: 660px; /* thumb + thumb (including padding) */ {/block:IndexPage} } .header { background: #fff; padding: 0; } .topWrap { padding-bottom: 0; line-height: 9px; } .tmlogo { float: left; width: 40px; height: 40px; overflow: hidden; } .tmtitle{ float: left; margin-left:20px; height: 40px; font-size: 11px; font-weight: normal; line-height: 40px; font-family: Arial, Helvetica, sans-serif; color: #595959; text-transform: uppercase; } #container .posts { float:center; width: 820px; } #container .box { background-color: #fff; width: 200px; margin: 0 10px 10px 0; float: left; overflow: hidden; line-height:9px; padding:10px; } #container .box h3 { font-size: 11px; font-weight: bold; } .innerbox { padding: 15px; position: relative; color: #1a1a1a; line-height:15px; font-size: 11px; } .innerbox a:link, .innerbox a:visited, .innerbox a:active { text-decoration: underline; } .innerbox a:hover { text-decoration: none; } .innerbox img{ margin-top: -10px; margin-left: -10px; position: relative; color: #1a1a1a; } .boxhover { width: 220px; height: 100%; position: absolute; left: 0px; top: 0px; /*padding: 20px; */ background-color: none; repeat 0 0; font-family: Arial, Helvetica, sans-serif; color: #ffffff; /*display: none;*/ visibility: hidden; text-shadow: 0px 0px 5px #000000; filter: dropshadow(color=#000000, offx=0, offy=0); } .boxhover .center-middle { margin-top: 7%; text-align: center; margin-left:5%; } .boxhover.active { display: block; visibility: visible; } .tmlabel { font-family: BebasNeueRegular,tahoma; font-size: 75px; font-weight: none; color: #ffffff; letter-spacing: 0px; line-height: 75px; text-transform: uppercase; } .tmvalue-notes { font-family: BebasNeueRegular,tahoma; font-size: 0px; font-weight: none; color: #FFF; letter-spacing: -8px; line-height: 30px; word-spacing: 10px; text-transform: uppercase; } .tmvalue-posted{ font-family: BebasNeueRegular,tahoma; font-size: 0px; font-weight: none; color: #FFF; letter-spacing: -8px; line-height: 20px; word-spacing: 5px; text-transform: uppercase; } .boxhover a:link, .boxhover a:visited, .boxhover a:active { text-decoration: none; color: #FFF; } a.title { color: #1a1a1a; text-decoration: none; } .footer { margin-left:0; padding: 80px 0 40px 0; width: 820px; text-align: center; } blockquote.classy { background-image: url("http://static.tumblr.com/ydokqes/qjvm1wq4i/openquote1.gif"); background-position: left top; background-repeat: no-repeat; font: 14px/20px italic Times,serif; margin: 5px; padding: 8px; text-indent: 23px; } blockquote.classy span { background-image: url("http://static.tumblr.com/ydokqes/REzm1wq5e/closequote1.gif"); background-position: right bottom; background-repeat: no-repeat; display: block; } table.chat { width: 100%; margin: 0 0 10px 0; border-collapse: collapse; } h2 + table.chat { margin: 10px 0 3px 0 !important; } table.chat tr td { padding: 0 10px; } table.chat tr td.name { font-weight: bold; text-align: right; vertical-align: top; } table.chat tr td.line1 { background: #F7F7F7; } .navigation{ visibility: hidden; } .footer a:link, .footer a:visited, .footer a:active { text-decoration: none; color: #ffffff; text-transform: uppercase; background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 5px; font-size: 18px; line-height: normal; } .footer a:hover { text-decoration: underline; } /* permelink page with notes */ .postbox { float:center; width: 500px; } .postcontent { background: #fff; float: center; padding: 0; width: 500px; margin: 0; } .postcontent img { float: center; } .postinfo { padding: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0; font-size: 10px; text-transform: uppercase; text-align: center; background-color: #fff; float: left; width: 480px; margin-top:10px; margin-bottom:10px; } .note { padding: 10px 10px 11px 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px; font-size: 10px; width: 100%; float: center; width: 480px; line-height: normal; background: #fff url(http://static.tumblr.com/ydokqes/oDZm1xgo6/border.png) no-repeat center bottom; list-style: none; } .clear { clear: both; } .notes { padding: 0px; margin: 0px; } .note .avatar { width: 16px; height: 16px; float: left; overflow: hidden; } .note .action { margin-left: 10px; line-height: 16px; font-size: 9px; text-transform: uppercase; } .more_notes_link_container { background-image: none; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #aeaeae; text-transform: uppercase; } .more_notes_link_container a:link, .more_notes_link_container a:visited, .more_notes_link_container a:active { color: #aeaeae; text-decoration: none; } .more_notes_link_container a:hover { color: #747575; } .c1 { display: block; text-align: center; } #infscr-loading { background: url(none) repeat scroll 0 0 transparent; color: #FFFFFF; font-family: sans-serif; font-size: 18px; line-height: normal; padding: 5px; text-decoration: none; text-transform: uppercase; bottom: 40px; margin-left: 437.5px; position: fixed; z-index: 100; text-align: center; } #infscr-loading img{ position: absolute; left: -99999px; top: -99999px; } .rounded-corners { -moz-border-radius: {text:Rounded Corner Size}px; -webkit-border-radius:{text:Rounded Corner Size}px; -khtml-border-radius: {text:Rounded Corner Size}px; behavior: url(http://static.tumblr.com/ydokqes/ZpAm27ly3/border-radius.htc); border-radius: {text:Rounded Corner Size}px; } {Block:IfShadow}.box-shadow{ -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.2); box-shadow: 0 1px 10px rgba(0,0,0,.2); }{/Block:IfShadow} a.menu:link, a.menu:visited, a.menu:active { color: #ffffff; font-weight:none;text-shadow: 1px 1px 1px #000000;text-decoration:none; padding-right:10px; padding-left:10px; } a.menu:hover { color: #ffffff;font-weight:none;text-shadow: 1px 1px 1px #000000;text-decoration:underline; {Block:IfWhiteFollowButton}iframe#tumblr_controls {position:fixed; z-index:100000000; top: 3px; margin: 0 0 0 0; right:3px; -webkit-filter: invert(100%);} {/Block:IfWhiteFollowButton} </style> </head> <body> {Block:IfnotBannerImage}<div style="position: absolute; z-index: 1999; top: 100px; width:100%;{Block:IfStaticTitle}position:fixed;{/Block:IfStaticTitle}><a href="#"><center><font style="{Block:IfTitleFontBebasNeue}font-family:BebasNeueRegular,impact;{/Block:IfTitleFontBebasNeue}{Block:IfTitleFontImpact}font-family:Impact;{/Block:IfTitleFontImpact}{Block:IfTitleFontLato}font-family: 'Lato', sans-serif;{/Block:IfTitleFontLato}{Block:IfTitleFontPlayfairDisplay}font-family: 'Playfair Display', serif;{/Block:IfTitleFontPlayfairDisplay}{Block:IfTitleFontOpenSans}font-family: 'Open Sans', sans-serif;{/Block:IfTitleFontOpenSans}{Block:IfTitleFontCreepster}font-family: 'Creepster', cursive;{/Block:IfTitleFontCreepster}{Block:IfTitleFontSanchez}font-family: 'Sanchez', serif;{/Block:IfTitleFontSanchez}{Block:IfTitleFontMontserrat}font-family: 'Montserrat', sans-serif;{/Block:IfTitleFontMontserrat} font-size: {text:Title Size}px; {Block:IfUppercaseTitle}text-transform:uppercase;{/Block:IfUppercaseTitle}color: rgba(255,255,255,0.6); text-shadow: 8px 8px 0 rgba(0,0,0,0.6);">{title}</font></a></center></div>{/Block:IfnotBannerImage} {Block:IfBannerImage}<div style="position: absolute; z-index: 1999; top: 100px; width:100%;{Block:IfStaticTitle}position:fixed;{/Block:IfStaticTitle}><a href="#"><center><img src="{Image:Banner}" id="logo" /></a>}</center></div>{/Block:IfBannerImage} <div style="position: absolute; z-index: 1999; top: 180px; width:100%;font-family:Montserrat;font-size:9pt;text-decoration:none;color:#ffffff;font-weight:none;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);"><center><font style="">{block:Description}{Description}{/block:Description}</font></center></div> <div style="position: absolute; z-index: 1999; top: 210px; width:100%;font-family:Montserrat;font-size:9pt;text-decoration:none;color:#ffffff;font-weight:none;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);"> <center><a href="/" class="menu">Home</a> <a href="http://www.totallylayouts.com/" class="menu" target="_blank">Theme</a> {block:ifLink1Title} <a href="{text:Link 1}" class="menu">{text:Link 1 Title}</a> {/block:ifLink1Title} {block:ifLink2Title} <a href="{text:Link 2}" class="menu">{text:Link 2 Title}</a> {/block:ifLink2Title} {block:ifLink3Title} <a href="{text:Link 3}" class="menu">{text:Link 3 Title}</a> {/block:ifLink3Title} {block:ifLink4Title} <a href="{text:Link 4}" class="menu">{text:Link 4 Title}</a> {/block:ifLink4Title} {block:ifLink5Title} <a href="{text:Link 5}" class="menu">{text:Link 5 Title}</a> {/block:ifLink5Title} {block:AskEnabled} <a href="/ask" class="menu">{AskLabel}</a> {/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit" class="menu">Submit</a> {/block:SubmissionsEnabled} {Block:IfShowArchiveLink} <a href="/archive" class="menu">Archive</a> {/Block:IfShowArchiveLink} {Block:IfShowRandomLink} <a href="/random" class="menu">Random</a> {/Block:IfShowRandomLink} {block:HasPages}{block:Pages} <a href="{URL}" title="{Label}" class="menu">{Label}</a> {/block:Pages}{/block:HasPages}</center></div> <div id="container"> <!-- / rightWrap --> {block:IndexPage} <div class="posts" id="allposts"> {/block:IndexPage} {block:Posts} {block:PermalinkPage} <div class="postbox"> <div class="postcontent rounded-corners box-shadow"> {/block:PermalinkPage} {block:IndexPage} <div class="box rounded-corners box-shadow"> {/block:IndexPage} {block:Photo} {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="rounded-corners" style="{Block:IfBlackAndWhitePhotos}-webkit-filter: grayscale(100%);{/Block:IfBlackAndWhitePhotos}" {block:IndexPage}width="200"{/block:IndexPage} {block:PermalinkPage}width="500"{/block:PermalinkPage} > {block:IndexPage}</a>{/block:IndexPage} {block:Caption} {block:IndexPage} <!--div class="innerbox rounded-corners box-shadow"--> {/block:IndexPage} {block:IndexPage} <!--/div--> {/block:IndexPage} {/block:Caption} {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {/block:Photo} {block:Audio} <div class="innerbox rounded-corners box-shadow"> {AudioPlayerWhite} {block:Caption}{Caption}{/block:Caption} </div> {/block:Audio} {block:Video} {block:IndexPage}{Video-250}{/block:IndexPage} {block:PermalinkPage}{Video-500}{/block:PermalinkPage} {block:Caption} <div class="innerbox rounded-corners box-shadow"> {Caption} </div> {/block:Caption} {/block:Video} {block:Text} <div class="innerbox rounded-corners box-shadow"> {block:Title} <h3>{Title}</h3> {/block:Title} {Body} {block:More} <a href="{Permalink}" class="readMore">{lang:Read more}</a> {/block:More} </div> {/block:Text} {block:Answer} <div class="innerbox rounded-corners box-shadow"> <b>{lang:Asker asked}:&nbsp;</b>{Question} <p><br><b>{lang:Answer}:</b>{Answer}</p> </div> {/block:Answer} {block:Link} <div class="innerbox rounded-corners box-shadow"> <a href="{URL}" class="title link" {Target}>{Name} &rarr;</a> {block:Description}{Description}{/block:Description} </div> {/block:Link} {block:Quote} <div class="innerbox rounded-corners box-shadow"> {/block:IndexPage} {block:Source}<h2>{Source}</h2>{/block:Source} <blockquote class="classy"><span>{Quote}</span></blockquote> </div> {/block:Quote} {block:Chat} <div class="innerbox rounded-corners box-shadow"> {block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{block:Title} <table class="chat" cellspacing="0"> {block:Lines} <tr> {block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td> </tr> {/block:Lines} </table> </div> {/block:Chat} {block:IndexPage} <a href="{Permalink}" class="boxhoverlink rounded-corners"> <div class="boxhover rounded-corners box-shadow"> <div class="center-middle"> <a href="{Permalink}"> <div class="tmlabel">{NoteCount}</div> </a> </div> </div> </a> {/block:IndexPage} </div> {block:PermalinkPage} <div class="postinfo rounded-corners box-shadow">{block:NoteCount}NOTES {NoteCount} {/block:NoteCount}{block:Date}{TimeAgo}{/block:Date}</div> {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> <div style="overflow: hidden" class="rounded-corners box-shadow"> {/block:Date} {block:IfShowNotesOnPermalinkPages} {block:PostNotes}{PostNotes}{/block:PostNotes} {/block:IfShowNotesOnPermalinkPages} {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> </div> {/block:PermalinkPage} {/block:Posts} {block:IndexPage} </div> <!-- .posts --> {/block:IndexPage} <div style="clear: both;"></div> {block:IndexPage} <div class="footer" style="display:none;"> <a href="#">Loading</a> </div> <!-- #footer --> <div class="navigation" id="navigation"> {block:Pagination} {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{lang:Previous}{block:PreviousPage}</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} &rarr;{block:NextPage}</a>{/block:NextPage} {/block:Pagination} </div> <!-- .navigation --> {/block:IndexPage} </div> <!-- #container --> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery-1.7.1.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.masonry.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.infinitescroll.min.js"></script> <script type="text/javascript"> $(window).load(function () { {block:IndexPage} $('div.box').live('mouseenter',function(){ $(this).find('.boxhover').css({'display':'block','visibility':'hidden'}).fadeIn(); $(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'}); $(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'}); $(this).find('.boxhover').css({'display':'none','visibility':'visible'}).fadeIn(); }); $('div.box').live('mouseleave',function(){ $(this).find('.boxhover').fadeOut(); }); {/block:IndexPage} $('.header .readmore').click(function(){ if($(this).hasClass("up")){ $(this).removeClass("up"); $('.header-more').slideUp(); } else{ $(this).addClass("up"); $('.header-more').slideDown(); } }); {block:IndexPage} // endless scrolling var $container = $('#allposts'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '.box' }); }); $container.infinitescroll({ navSelector : 'div.navigation', // selector for the paged navigation nextSelector : 'div.navigation a#nextPage', // selector for the NEXT link (to page 2) itemSelector : '.box', // selector for all items youll retrieve bufferPx: 0, debug : true, loading: { finishedMsg: '', img: '', msgText: '' } }, // trigger Masonry as a callback function( newElements ) { // hide new items while they are loading var $newElems = $( newElements ).css({ opacity: 0 }); // ensure that images load before adding to masonry layout $newElems.imagesLoaded(function(){ // show elems now they're ready $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); } ); // End of endless scrolling {/block:IndexPage} }); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1419534-14']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div style="color: #000000; font-size: 7px; font-family: arial; background-color: transparent; text-align: center; position: relative; bottom: 5px; left: 40%; width: 600px; height: 18px; text-decoration:none; filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;" align="center"><a href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/tumblr/tumblr-themes" target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target="_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a>, <a href="http://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Facebook Covers"><b>Facebook Covers</b></a>, <a href="http://www.totallylayouts.com/totallyplayer/" target="_blank" title="Tumblr Music Player"><b>Tumblr Music Player</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-headers/twitter-headers" target="_blank" title="Twitter Headers"><b>Twitter Headers</b></a> and <a href="http://www.yayfollowers.com" target="_blank" title="Tumblr Follower Counter"><b>Tumblr Follower Counter</b></a></div> <!--- Paste Your Music Player or Follower Counter Code in the space below here ---> <!--- Paste Your Music Player or Follower Counter Code in the space above here ---> </body> </html>

Wide 2 Column Tumblr Theme

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <!--- _______ _ _ _ _ _ |__ __| | | | | | | | | | | | ___ | |_ __ _| | |_ _| | __ _ _ _ ___ _ _| |_ ___ | |/ _ \| __/ _` | | | | | | | / _` | | | |/ _ \| | | | __/ __| | | (_) | || (_| | | | |_| | |___| (_| | |_| | (_) | |_| | |_\__ \ |_|\___/ \__\__,_|_|_|\__, |______\__,_|\__, |\___/ \__,_|\__|___/ __/ | __/ | |___/ |___/ Theme by TotallyLayouts. Check out www.TotallyLayouts.com for more themes, online user counters, follower counters, banner generators, Twitter Backgrounds, Facebook Covers and loads more! ---> <meta name="description" content="{title}" /> <meta name="author" content="Theme by TotallyLayouts" /> <script src="http://www.totallylayouts.com/inc/js/infinitescroll.js"></script> <link href='http://fonts.googleapis.com/css?family=Lato:900|Playfair+Display:900italic|Open+Sans:800|Creepster|Sanchez|Montserrat:700' rel='stylesheet' type='text/css'> <meta name="image:Banner" content="" /> <meta name="text:Link 1" content="" /> <meta name="text:Link 1 Title" content="" /> <meta name="text:Link 2" content="" /> <meta name="text:Link 2 Title" content="" /> <meta name="text:Link 3" content="" /> <meta name="text:Link 3 Title" content="" /> <meta name="text:Link 4" content="" /> <meta name="text:Link 4 Title" content="" /> <meta name="text:Link 5" content="" /> <meta name="text:Link 5 Title" content="" /> <meta name="if:Static Title" content="0" /> <meta name="if:Show notes on permalink pages" content="1" /> <meta name="if:Black And White Photos" content="0" /> <meta name="if:White Follow Button" content="0" /> <meta name="if:Shadow" content="1" /> <meta name="text:Rounded Corner Size" content="3" /> <meta name="text:Title Size" content="90" /> <meta name="if:Uppercase Title" content="1" /> <meta name="if:Title Font Bebas Neue" content="0" /> <meta name="if:Title Font Impact" content="0" /> <meta name="if:Title Font Playfair Display" content="0" /> <meta name="if:Title Font Open Sans" content="0" /> <meta name="if:Title Font Creepster" content="0" /> <meta name="if:Title Font Sanchez" content="0" /> <meta name="if:Title Font Montserrat" content="1" /> <style type="text/css"> @font-face { font-family: 'BebasNeueRegular'; src: url('http://static.tumblr.com/jw8fmba/mOeloespq/bebasneue-webfont.eot'); src: url('http://static.tumblr.com/jw8fmba/mOeloespq/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('http://static.tumblr.com/jw8fmba/gGCloesr9/bebasneue-webfont.woff') format('woff'), url('http://static.tumblr.com/jw8fmba/Rbnloesqu/bebasneue-webfont.ttf') format('truetype'), url('http://static.tumblr.com/jw8fmba/GLsloesq3/bebasneue-webfont.svg#BebasNeueRegular') format('svg'); } body { color: #1a1a1a; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; background: url('http://www.themesltd.com/backgrounds-large/city_street_at_night.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } a:link, a:visited, a:active { color: #1a1a1a; text-decoration: underline; outline-color: invert; outline-style: none; outline-width: medium; } a:hover { color: #1a1a1a; text-decoration: none; } #container { margin: 270px auto; position: relative; width: 500px; /* Permalink width */ {block:IndexPage} width: 810px; /* thumb + thumb (including padding) */ {/block:IndexPage} } .header { background: #fff; padding: 0; } .topWrap { padding-bottom: 0; line-height: 9px; } .tmlogo { float: left; width: 40px; height: 40px; overflow: hidden; } .tmtitle{ float: left; margin-left:20px; height: 40px; font-size: 11px; font-weight: normal; line-height: 40px; font-family: Arial, Helvetica, sans-serif; color: #595959; text-transform: uppercase; } #container .posts { float:center; width: 820px; } #container .box { background-color: #fff; width: 400px; margin: 0 10px 10px 0; float: left; overflow: hidden; line-height:9px; padding:0px; } #container .box h3 { font-size: 11px; font-weight: bold; } .innerbox { padding: 15px; position: relative; color: #1a1a1a; line-height:15px; font-size: 11px; } .innerbox a:link, .innerbox a:visited, .innerbox a:active { text-decoration: underline; } .innerbox a:hover { text-decoration: none; } .innerbox img{ margin-top: -10px; margin-left: -10px; position: relative; color: #1a1a1a; } .boxhover { width: 220px; height: 100%; position: absolute; left: 0px; top: 0px; /*padding: 20px; */ background-color: none; repeat 0 0; font-family: Arial, Helvetica, sans-serif; color: #ffffff; /*display: none;*/ visibility: hidden; text-shadow: 0px 0px 5px #000000; filter: dropshadow(color=#000000, offx=0, offy=0); } .boxhover .center-middle { margin-top: 7%; text-align: center; margin-left:5%; } .boxhover.active { display: block; visibility: visible; } .tmlabel { font-family: BebasNeueRegular,tahoma; font-size: 75px; font-weight: none; color: #ffffff; letter-spacing: 0px; line-height: 75px; text-transform: uppercase; } .tmvalue-notes { font-family: BebasNeueRegular,tahoma; font-size: 0px; font-weight: none; color: #FFF; letter-spacing: -8px; line-height: 30px; word-spacing: 10px; text-transform: uppercase; } .tmvalue-posted{ font-family: BebasNeueRegular,tahoma; font-size: 0px; font-weight: none; color: #FFF; letter-spacing: -8px; line-height: 20px; word-spacing: 5px; text-transform: uppercase; } .boxhover a:link, .boxhover a:visited, .boxhover a:active { text-decoration: none; color: #FFF; } a.title { color: #1a1a1a; text-decoration: none; } .footer { margin-left:0; padding: 80px 0 40px 0; width: 820px; text-align: center; } blockquote.classy { background-image: url("http://static.tumblr.com/ydokqes/qjvm1wq4i/openquote1.gif"); background-position: left top; background-repeat: no-repeat; font: 14px/20px italic Times,serif; margin: 5px; padding: 8px; text-indent: 23px; } blockquote.classy span { background-image: url("http://static.tumblr.com/ydokqes/REzm1wq5e/closequote1.gif"); background-position: right bottom; background-repeat: no-repeat; display: block; } table.chat { width: 100%; margin: 0 0 10px 0; border-collapse: collapse; } h2 + table.chat { margin: 10px 0 3px 0 !important; } table.chat tr td { padding: 0 10px; } table.chat tr td.name { font-weight: bold; text-align: right; vertical-align: top; } table.chat tr td.line1 { background: #F7F7F7; } .navigation{ visibility: hidden; } .footer a:link, .footer a:visited, .footer a:active { text-decoration: none; color: #ffffff; text-transform: uppercase; background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 5px; font-size: 18px; line-height: normal; } .footer a:hover { text-decoration: underline; } /* permelink page with notes */ .postbox { float:center; width: 500px; } .postcontent { background: #fff; float: center; padding: 0; width: 500px; margin: 0; } .postcontent img { float: center; } .postinfo { padding: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0; font-size: 10px; text-transform: uppercase; text-align: center; background-color: #fff; float: left; width: 480px; margin-top:10px; margin-bottom:10px; } .note { padding: 10px 10px 11px 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px; font-size: 10px; width: 100%; float: center; width: 480px; line-height: normal; background: #fff url(http://static.tumblr.com/ydokqes/oDZm1xgo6/border.png) no-repeat center bottom; list-style: none; } .clear { clear: both; } .notes { padding: 0px; margin: 0px; } .note .avatar { width: 16px; height: 16px; float: left; overflow: hidden; } .note .action { margin-left: 10px; line-height: 16px; font-size: 9px; text-transform: uppercase; } .more_notes_link_container { background-image: none; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #aeaeae; text-transform: uppercase; } .more_notes_link_container a:link, .more_notes_link_container a:visited, .more_notes_link_container a:active { color: #aeaeae; text-decoration: none; } .more_notes_link_container a:hover { color: #747575; } .c1 { display: block; text-align: center; } #infscr-loading { background: url(none) repeat scroll 0 0 transparent; color: #FFFFFF; font-family: sans-serif; font-size: 18px; line-height: normal; padding: 5px; text-decoration: none; text-transform: uppercase; bottom: 40px; margin-left: 437.5px; position: fixed; z-index: 100; text-align: center; } #infscr-loading img{ position: absolute; left: -99999px; top: -99999px; } .rounded-corners { -moz-border-radius: {text:Rounded Corner Size}px; -webkit-border-radius:{text:Rounded Corner Size}px; -khtml-border-radius: {text:Rounded Corner Size}px; behavior: url(http://static.tumblr.com/ydokqes/ZpAm27ly3/border-radius.htc); border-radius: {text:Rounded Corner Size}px; } {Block:IfShadow}.box-shadow{ -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.2); box-shadow: 0 1px 10px rgba(0,0,0,.2); }{/Block:IfShadow} a.menu:link, a.menu:visited, a.menu:active { color: #ffffff; font-weight:none;text-shadow: 1px 1px 1px #000000;text-decoration:none; padding-right:10px; padding-left:10px; } a.menu:hover { color: #ffffff;font-weight:none;text-shadow: 1px 1px 1px #000000;text-decoration:underline; {Block:IfWhiteFollowButton}iframe#tumblr_controls {position:fixed; z-index:100000000; top: 3px; margin: 0 0 0 0; right:3px; -webkit-filter: invert(100%);} {/Block:IfWhiteFollowButton} </style> </head> <body> {Block:IfnotBannerImage}<div style="position: absolute; z-index: 1999; top: 100px; width:100%;{Block:IfStaticTitle}position:fixed;{/Block:IfStaticTitle}><a href="#"><center><font style="{Block:IfTitleFontBebasNeue}font-family:BebasNeueRegular,impact;{/Block:IfTitleFontBebasNeue}{Block:IfTitleFontImpact}font-family:Impact;{/Block:IfTitleFontImpact}{Block:IfTitleFontLato}font-family: 'Lato', sans-serif;{/Block:IfTitleFontLato}{Block:IfTitleFontPlayfairDisplay}font-family: 'Playfair Display', serif;{/Block:IfTitleFontPlayfairDisplay}{Block:IfTitleFontOpenSans}font-family: 'Open Sans', sans-serif;{/Block:IfTitleFontOpenSans}{Block:IfTitleFontCreepster}font-family: 'Creepster', cursive;{/Block:IfTitleFontCreepster}{Block:IfTitleFontSanchez}font-family: 'Sanchez', serif;{/Block:IfTitleFontSanchez}{Block:IfTitleFontMontserrat}font-family: 'Montserrat', sans-serif;{/Block:IfTitleFontMontserrat} font-size: {text:Title Size}px; {Block:IfUppercaseTitle}text-transform:uppercase;{/Block:IfUppercaseTitle}color: rgba(255,255,255,0.6); text-shadow: 8px 8px 0 rgba(0,0,0,0.6);">{title}</font></a></center></div>{/Block:IfnotBannerImage} {Block:IfBannerImage}<div style="position: absolute; z-index: 1999; top: 100px; width:100%;{Block:IfStaticTitle}position:fixed;{/Block:IfStaticTitle}><a href="#"><center><img src="{Image:Banner}" id="logo" /></a>}</center></div>{/Block:IfBannerImage} <div style="position: absolute; z-index: 1999; top: 180px; width:100%;font-family:Montserrat;font-size:9pt;text-decoration:none;color:#ffffff;font-weight:none;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);"><center><font style="">{block:Description}{Description}{/block:Description}</font></center></div> <div style="position: absolute; z-index: 1999; top: 210px; width:100%;font-family:Montserrat;font-size:9pt;text-decoration:none;color:#ffffff;font-weight:none;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);"> <center><a href="/" class="menu">Home</a> <a href="http://www.totallylayouts.com/" class="menu" target="_blank">Theme</a> {block:ifLink1Title} <a href="{text:Link 1}" class="menu">{text:Link 1 Title}</a> {/block:ifLink1Title} {block:ifLink2Title} <a href="{text:Link 2}" class="menu">{text:Link 2 Title}</a> {/block:ifLink2Title} {block:ifLink3Title} <a href="{text:Link 3}" class="menu">{text:Link 3 Title}</a> {/block:ifLink3Title} {block:ifLink4Title} <a href="{text:Link 4}" class="menu">{text:Link 4 Title}</a> {/block:ifLink4Title} {block:ifLink5Title} <a href="{text:Link 5}" class="menu">{text:Link 5 Title}</a> {/block:ifLink5Title} {block:AskEnabled} <a href="/ask" class="menu">{AskLabel}</a> {/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit" class="menu">Submit</a> {/block:SubmissionsEnabled} {Block:IfShowArchiveLink} <a href="/archive" class="menu">Archive</a> {/Block:IfShowArchiveLink} {Block:IfShowRandomLink} <a href="/random" class="menu">Random</a> {/Block:IfShowRandomLink} {block:HasPages}{block:Pages} <a href="{URL}" title="{Label}" class="menu">{Label}</a> {/block:Pages}{/block:HasPages}</center></div> <div id="container"> <!-- / rightWrap --> {block:IndexPage} <div class="posts" id="allposts"> {/block:IndexPage} {block:Posts} {block:PermalinkPage} <div class="postbox"> <div class="postcontent rounded-corners box-shadow"> {/block:PermalinkPage} {block:IndexPage} <div class="box rounded-corners box-shadow"> {/block:IndexPage} {block:Photo} {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-400}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="rounded-corners" style="{Block:IfBlackAndWhitePhotos}-webkit-filter: grayscale(100%);{/Block:IfBlackAndWhitePhotos}" {block:IndexPage}width="400"{/block:IndexPage} {block:PermalinkPage}width="500"{/block:PermalinkPage} > {block:IndexPage}</a>{/block:IndexPage} {block:Caption} {block:IndexPage} <!--div class="innerbox rounded-corners box-shadow"--> {/block:IndexPage} {block:IndexPage} <!--/div--> {/block:IndexPage} {/block:Caption} {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {/block:Photo} {block:Audio} <div class="innerbox rounded-corners box-shadow"> {AudioPlayerWhite} {block:Caption}{Caption}{/block:Caption} </div> {/block:Audio} {block:Video} {block:IndexPage}{Video-250}{/block:IndexPage} {block:PermalinkPage}{Video-500}{/block:PermalinkPage} {block:Caption} <div class="innerbox rounded-corners box-shadow"> {Caption} </div> {/block:Caption} {/block:Video} {block:Text} <div class="innerbox rounded-corners box-shadow"> {block:Title} <h3>{Title}</h3> {/block:Title} {Body} {block:More} <a href="{Permalink}" class="readMore">{lang:Read more}</a> {/block:More} </div> {/block:Text} {block:Answer} <div class="innerbox rounded-corners box-shadow"> <b>{lang:Asker asked}:&nbsp;</b>{Question} <p><br><b>{lang:Answer}:</b>{Answer}</p> </div> {/block:Answer} {block:Link} <div class="innerbox rounded-corners box-shadow"> <a href="{URL}" class="title link" {Target}>{Name} &rarr;</a> {block:Description}{Description}{/block:Description} </div> {/block:Link} {block:Quote} <div class="innerbox rounded-corners box-shadow"> {/block:IndexPage} {block:Source}<h2>{Source}</h2>{/block:Source} <blockquote class="classy"><span>{Quote}</span></blockquote> </div> {/block:Quote} {block:Chat} <div class="innerbox rounded-corners box-shadow"> {block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{block:Title} <table class="chat" cellspacing="0"> {block:Lines} <tr> {block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td> </tr> {/block:Lines} </table> </div> {/block:Chat} {block:IndexPage} <a href="{Permalink}" class="boxhoverlink rounded-corners"> <div class="boxhover rounded-corners box-shadow"> <div class="center-middle"> <a href="{Permalink}"> <div class="tmlabel">{NoteCount}</div> </a> </div> </div> </a> {/block:IndexPage} </div> {block:PermalinkPage} <div class="postinfo rounded-corners box-shadow">{block:NoteCount}NOTES {NoteCount} {/block:NoteCount}{block:Date}{TimeAgo}{/block:Date}</div> {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> <div style="overflow: hidden" class="rounded-corners box-shadow"> {/block:Date} {block:IfShowNotesOnPermalinkPages} {block:PostNotes}{PostNotes}{/block:PostNotes} {/block:IfShowNotesOnPermalinkPages} {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> </div> {/block:PermalinkPage} {/block:Posts} {block:IndexPage} </div> <!-- .posts --> {/block:IndexPage} <div style="clear: both;"></div> {block:IndexPage} <div class="footer" style="display:none;"> <a href="#">Loading</a> </div> <!-- #footer --> <div class="navigation" id="navigation"> {block:Pagination} {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{lang:Previous}{block:PreviousPage}</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} &rarr;{block:NextPage}</a>{/block:NextPage} {/block:Pagination} </div> <!-- .navigation --> {/block:IndexPage} </div> <!-- #container --> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery-1.7.1.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.masonry.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.infinitescroll.min.js"></script> <script type="text/javascript"> $(window).load(function () { {block:IndexPage} $('div.box').live('mouseenter',function(){ $(this).find('.boxhover').css({'display':'block','visibility':'hidden'}).fadeIn(); $(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'}); $(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'}); $(this).find('.boxhover').css({'display':'none','visibility':'visible'}).fadeIn(); }); $('div.box').live('mouseleave',function(){ $(this).find('.boxhover').fadeOut(); }); {/block:IndexPage} $('.header .readmore').click(function(){ if($(this).hasClass("up")){ $(this).removeClass("up"); $('.header-more').slideUp(); } else{ $(this).addClass("up"); $('.header-more').slideDown(); } }); {block:IndexPage} // endless scrolling var $container = $('#allposts'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '.box' }); }); $container.infinitescroll({ navSelector : 'div.navigation', // selector for the paged navigation nextSelector : 'div.navigation a#nextPage', // selector for the NEXT link (to page 2) itemSelector : '.box', // selector for all items youll retrieve bufferPx: 0, debug : true, loading: { finishedMsg: '', img: '', msgText: '' } }, // trigger Masonry as a callback function( newElements ) { // hide new items while they are loading var $newElems = $( newElements ).css({ opacity: 0 }); // ensure that images load before adding to masonry layout $newElems.imagesLoaded(function(){ // show elems now they're ready $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); } ); // End of endless scrolling {/block:IndexPage} }); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1419534-14']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div style="color: #000000; font-size: 7px; font-family: arial; background-color: transparent; text-align: center; position: relative; bottom: 5px; left: 40%; width: 600px; height: 18px; text-decoration:none; filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;" align="center"><a href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/tumblr/tumblr-themes" target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target="_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a>, <a href="http://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Facebook Covers"><b>Facebook Covers</b></a>, <a href="http://www.totallylayouts.com/totallyplayer/" target="_blank" title="Tumblr Music Player"><b>Tumblr Music Player</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-headers/twitter-headers" target="_blank" title="Twitter Headers"><b>Twitter Headers</b></a> and <a href="http://www.yayfollowers.com" target="_blank" title="Tumblr Follower Counter"><b>Tumblr Follower Counter</b></a></div> <!--- Paste Your Music Player or Follower Counter Code in the space below here ---> <!--- Paste Your Music Player or Follower Counter Code in the space above here ---> </body> </html>

Dripping Grid Tumblr Theme

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <!--- _______ _ _ _ _ _ |__ __| | | | | | | | | | | | ___ | |_ __ _| | |_ _| | __ _ _ _ ___ _ _| |_ ___ | |/ _ \| __/ _` | | | | | | | / _` | | | |/ _ \| | | | __/ __| | | (_) | || (_| | | | |_| | |___| (_| | |_| | (_) | |_| | |_\__ \ |_|\___/ \__\__,_|_|_|\__, |______\__,_|\__, |\___/ \__,_|\__|___/ __/ | __/ | |___/ |___/ Theme by TotallyLayouts. Check out www.TotallyLayouts.com for more themes, online user counters, follower counters, banner generators, Twitter Backgrounds, Facebook Covers and loads more! ---> <meta name="description" content="{title}" /> <meta name="author" content="Theme by TotallyLayouts" /> <script src="http://www.totallylayouts.com/inc/js/infinitescroll.js"></script> <link href='http://fonts.googleapis.com/css?family=Lato:900|Playfair+Display:900italic|Open+Sans:800|Creepster|Sanchez|Montserrat:700' rel='stylesheet' type='text/css'> <meta name="image:Banner" content="" /> <meta name="text:Link 1" content="" /> <meta name="text:Link 1 Title" content="" /> <meta name="text:Link 2" content="" /> <meta name="text:Link 2 Title" content="" /> <meta name="text:Link 3" content="" /> <meta name="text:Link 3 Title" content="" /> <meta name="text:Link 4" content="" /> <meta name="text:Link 4 Title" content="" /> <meta name="text:Link 5" content="" /> <meta name="text:Link 5 Title" content="" /> <meta name="if:Static Title" content="0" /> <meta name="if:Show notes on permalink pages" content="1" /> <meta name="if:Black And White Photos" content="0" /> <meta name="if:White Follow Button" content="0" /> <meta name="if:Shadow" content="1" /> <meta name="text:Rounded Corner Size" content="3" /> <meta name="text:Title Size" content="90" /> <meta name="if:Uppercase Title" content="1" /> <meta name="if:Title Font Bebas Neue" content="0" /> <meta name="if:Title Font Impact" content="0" /> <meta name="if:Title Font Playfair Display" content="0" /> <meta name="if:Title Font Open Sans" content="0" /> <meta name="if:Title Font Creepster" content="1" /> <meta name="if:Title Font Sanchez" content="0" /> <meta name="if:Title Font Montserrat" content="0" /> <style type="text/css"> @font-face { font-family: 'BebasNeueRegular'; src: url('http://static.tumblr.com/jw8fmba/mOeloespq/bebasneue-webfont.eot'); src: url('http://static.tumblr.com/jw8fmba/mOeloespq/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('http://static.tumblr.com/jw8fmba/gGCloesr9/bebasneue-webfont.woff') format('woff'), url('http://static.tumblr.com/jw8fmba/Rbnloesqu/bebasneue-webfont.ttf') format('truetype'), url('http://static.tumblr.com/jw8fmba/GLsloesq3/bebasneue-webfont.svg#BebasNeueRegular') format('svg'); } body { color: #1a1a1a; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; background: url('http://www.themesltd.com/backgrounds-large/city_street_at_night.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } a:link, a:visited, a:active { color: #1a1a1a; text-decoration: underline; outline-color: invert; outline-style: none; outline-width: medium; } a:hover { color: #1a1a1a; text-decoration: none; } #container { margin: 270px auto; position: relative; width: 500px; /* Permalink width */ {block:IndexPage} width: 840px; /* thumb + thumb (including padding) */ {/block:IndexPage} } .header { background: #fff; padding: 0; } .topWrap { padding-bottom: 0; line-height: 9px; } .tmlogo { float: left; width: 40px; height: 40px; overflow: hidden; } .tmtitle{ float: left; margin-left:20px; height: 40px; font-size: 11px; font-weight: normal; line-height: 40px; font-family: Arial, Helvetica, sans-serif; color: #595959; text-transform: uppercase; } #container .posts { float:center; width: 840px; } #container .box { background-color: #fff; width: 200px; margin: 0 10px 10px 0; float: left; overflow: hidden; line-height:9px; padding:0px; } #container .box h3 { font-size: 11px; font-weight: bold; } .innerbox { padding: 15px; position: relative; color: #1a1a1a; line-height:15px; font-size: 11px; } .innerbox a:link, .innerbox a:visited, .innerbox a:active { text-decoration: underline; } .innerbox a:hover { text-decoration: none; } .innerbox img{ margin-top: -10px; margin-left: -10px; position: relative; color: #1a1a1a; } .boxhover { width: 220px; height: 100%; position: absolute; left: 0px; top: 0px; /*padding: 20px; */ background-color: none; repeat 0 0; font-family: Arial, Helvetica, sans-serif; color: #ffffff; /*display: none;*/ visibility: hidden; text-shadow: 0px 0px 5px #000000; filter: dropshadow(color=#000000, offx=0, offy=0); } .boxhover .center-middle { margin-top: 3%; text-align: center; margin-left:1%; } .boxhover.active { display: block; visibility: visible; } .tmlabel { font-family: BebasNeueRegular,tahoma; font-size: 75px; font-weight: none; color: #ffffff; letter-spacing: 0px; line-height: 75px; text-transform: uppercase; } .tmvalue-notes { font-family: BebasNeueRegular,tahoma; font-size: 0px; font-weight: none; color: #FFF; letter-spacing: -8px; line-height: 30px; word-spacing: 10px; text-transform: uppercase; } .tmvalue-posted{ font-family: BebasNeueRegular,tahoma; font-size: 0px; font-weight: none; color: #FFF; letter-spacing: -8px; line-height: 20px; word-spacing: 5px; text-transform: uppercase; } .boxhover a:link, .boxhover a:visited, .boxhover a:active { text-decoration: none; color: #FFF; } a.title { color: #1a1a1a; text-decoration: none; } .footer { margin-left:0; padding: 80px 0 40px 0; width: 820px; text-align: center; } blockquote.classy { background-image: url("http://static.tumblr.com/ydokqes/qjvm1wq4i/openquote1.gif"); background-position: left top; background-repeat: no-repeat; font: 14px/20px italic Times,serif; margin: 5px; padding: 8px; text-indent: 23px; } blockquote.classy span { background-image: url("http://static.tumblr.com/ydokqes/REzm1wq5e/closequote1.gif"); background-position: right bottom; background-repeat: no-repeat; display: block; } table.chat { width: 100%; margin: 0 0 10px 0; border-collapse: collapse; } h2 + table.chat { margin: 10px 0 3px 0 !important; } table.chat tr td { padding: 0 10px; } table.chat tr td.name { font-weight: bold; text-align: right; vertical-align: top; } table.chat tr td.line1 { background: #F7F7F7; } .navigation{ visibility: hidden; } .footer a:link, .footer a:visited, .footer a:active { text-decoration: none; color: #ffffff; text-transform: uppercase; background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 5px; font-size: 18px; line-height: normal; } .footer a:hover { text-decoration: underline; } /* permelink page with notes */ .postbox { float:center; width: 500px; } .postcontent { background: #fff; float: center; padding: 0; width: 500px; margin: 0; } .postcontent img { float: center; } .postinfo { padding: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0; font-size: 10px; text-transform: uppercase; text-align: center; background-color: #fff; float: left; width: 480px; margin-top:10px; margin-bottom:10px; } .note { padding: 10px 10px 11px 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px; font-size: 10px; width: 100%; float: center; width: 480px; line-height: normal; background: #fff url(http://static.tumblr.com/ydokqes/oDZm1xgo6/border.png) no-repeat center bottom; list-style: none; } .clear { clear: both; } .notes { padding: 0px; margin: 0px; } .note .avatar { width: 16px; height: 16px; float: left; overflow: hidden; } .note .action { margin-left: 10px; line-height: 16px; font-size: 9px; text-transform: uppercase; } .more_notes_link_container { background-image: none; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #aeaeae; text-transform: uppercase; } .more_notes_link_container a:link, .more_notes_link_container a:visited, .more_notes_link_container a:active { color: #aeaeae; text-decoration: none; } .more_notes_link_container a:hover { color: #747575; } .c1 { display: block; text-align: center; } #infscr-loading { background: url(none) repeat scroll 0 0 transparent; color: #FFFFFF; font-family: sans-serif; font-size: 18px; line-height: normal; padding: 5px; text-decoration: none; text-transform: uppercase; bottom: 40px; margin-left: 437.5px; position: fixed; z-index: 100; text-align: center; } #infscr-loading img{ position: absolute; left: -99999px; top: -99999px; } .rounded-corners { -moz-border-radius: {text:Rounded Corner Size}px; -webkit-border-radius:{text:Rounded Corner Size}px; -khtml-border-radius: {text:Rounded Corner Size}px; behavior: url(http://static.tumblr.com/ydokqes/ZpAm27ly3/border-radius.htc); border-radius: {text:Rounded Corner Size}px; } {Block:IfShadow}.box-shadow{ -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.2); box-shadow: 0 1px 10px rgba(0,0,0,.2); }{/Block:IfShadow} a.menu:link, a.menu:visited, a.menu:active { color: #ffffff; font-weight:none;text-shadow: 1px 1px 1px #000000;text-decoration:none; padding-right:10px; padding-left:10px; } a.menu:hover { color: #ffffff;font-weight:none;text-shadow: 1px 1px 1px #000000;text-decoration:underline; {Block:IfWhiteFollowButton}iframe#tumblr_controls {position:fixed; z-index:100000000; top: 3px; margin: 0 0 0 0; right:3px; -webkit-filter: invert(100%);} {/Block:IfWhiteFollowButton} </style> </head> <body> {Block:IfnotBannerImage}<div style="position: absolute; z-index: 1999; top: 100px; width:100%;{Block:IfStaticTitle}position:fixed;{/Block:IfStaticTitle}><a href="#"><center><font style="{Block:IfTitleFontBebasNeue}font-family:BebasNeueRegular,impact;{/Block:IfTitleFontBebasNeue}{Block:IfTitleFontImpact}font-family:Impact;{/Block:IfTitleFontImpact}{Block:IfTitleFontLato}font-family: 'Lato', sans-serif;{/Block:IfTitleFontLato}{Block:IfTitleFontPlayfairDisplay}font-family: 'Playfair Display', serif;{/Block:IfTitleFontPlayfairDisplay}{Block:IfTitleFontOpenSans}font-family: 'Open Sans', sans-serif;{/Block:IfTitleFontOpenSans}{Block:IfTitleFontCreepster}font-family: 'Creepster', cursive;{/Block:IfTitleFontCreepster}{Block:IfTitleFontSanchez}font-family: 'Sanchez', serif;{/Block:IfTitleFontSanchez}{Block:IfTitleFontMontserrat}font-family: 'Montserrat', sans-serif;{/Block:IfTitleFontMontserrat} font-size: {text:Title Size}px; {Block:IfUppercaseTitle}text-transform:uppercase;{/Block:IfUppercaseTitle}color:#FFFFFF;">{title}</font></a></center></div>{/Block:IfnotBannerImage} {Block:IfBannerImage}<div style="position: absolute; z-index: 1999; top: 100px; width:100%;{Block:IfStaticTitle}position:fixed;{/Block:IfStaticTitle}><a href="#"><center><img src="{Image:Banner}" id="logo" /></a>}</center></div>{/Block:IfBannerImage} <div style="position: absolute; z-index: 1999; top: 180px; width:100%;font-family:Montserrat;font-size:9pt;text-decoration:none;color:#ffffff;font-weight:none;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);"><center><font style="">{block:Description}{Description}{/block:Description}</font></center></div> <div style="position: absolute; z-index: 1999; top: 210px; width:100%;font-family:Montserrat;font-size:9pt;text-decoration:none;color:#ffffff;font-weight:none;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);"> <center><a href="/" class="menu">Home</a> <a href="http://www.totallylayouts.com/" class="menu" target="_blank">Theme</a> {block:ifLink1Title} <a href="{text:Link 1}" class="menu">{text:Link 1 Title}</a> {/block:ifLink1Title} {block:ifLink2Title} <a href="{text:Link 2}" class="menu">{text:Link 2 Title}</a> {/block:ifLink2Title} {block:ifLink3Title} <a href="{text:Link 3}" class="menu">{text:Link 3 Title}</a> {/block:ifLink3Title} {block:ifLink4Title} <a href="{text:Link 4}" class="menu">{text:Link 4 Title}</a> {/block:ifLink4Title} {block:ifLink5Title} <a href="{text:Link 5}" class="menu">{text:Link 5 Title}</a> {/block:ifLink5Title} {block:AskEnabled} <a href="/ask" class="menu">{AskLabel}</a> {/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit" class="menu">Submit</a> {/block:SubmissionsEnabled} {Block:IfShowArchiveLink} <a href="/archive" class="menu">Archive</a> {/Block:IfShowArchiveLink} {Block:IfShowRandomLink} <a href="/random" class="menu">Random</a> {/Block:IfShowRandomLink} {block:HasPages}{block:Pages} <a href="{URL}" title="{Label}" class="menu">{Label}</a> {/block:Pages}{/block:HasPages}</center></div> <div id="container"> <!-- / rightWrap --> {block:IndexPage} <div class="posts" id="allposts"> {/block:IndexPage} {block:Posts} {block:PermalinkPage} <div class="postbox"> <div class="postcontent rounded-corners box-shadow"> {/block:PermalinkPage} {block:IndexPage} <div class="box rounded-corners box-shadow"> {/block:IndexPage} {block:Photo} {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-400}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="rounded-corners" style="{Block:IfBlackAndWhitePhotos}-webkit-filter: grayscale(100%);{/Block:IfBlackAndWhitePhotos}" {block:IndexPage}width="200"{/block:IndexPage} {block:PermalinkPage}width="500"{/block:PermalinkPage} > {block:IndexPage}</a>{/block:IndexPage} {block:Caption} {block:IndexPage} <!--div class="innerbox rounded-corners box-shadow"--> {/block:IndexPage} {block:IndexPage} <!--/div--> {/block:IndexPage} {/block:Caption} {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {/block:Photo} {block:Audio} <div class="innerbox rounded-corners box-shadow"> {AudioPlayerWhite} {block:Caption}{Caption}{/block:Caption} </div> {/block:Audio} {block:Video} {block:IndexPage}{Video-250}{/block:IndexPage} {block:PermalinkPage}{Video-500}{/block:PermalinkPage} {block:Caption} <div class="innerbox rounded-corners box-shadow"> {Caption} </div> {/block:Caption} {/block:Video} {block:Text} <div class="innerbox rounded-corners box-shadow"> {block:Title} <h3>{Title}</h3> {/block:Title} {Body} {block:More} <a href="{Permalink}" class="readMore">{lang:Read more}</a> {/block:More} </div> {/block:Text} {block:Answer} <div class="innerbox rounded-corners box-shadow"> <b>{lang:Asker asked}:&nbsp;</b>{Question} <p><br><b>{lang:Answer}:</b>{Answer}</p> </div> {/block:Answer} {block:Link} <div class="innerbox rounded-corners box-shadow"> <a href="{URL}" class="title link" {Target}>{Name} &rarr;</a> {block:Description}{Description}{/block:Description} </div> {/block:Link} {block:Quote} <div class="innerbox rounded-corners box-shadow"> {/block:IndexPage} {block:Source}<h2>{Source}</h2>{/block:Source} <blockquote class="classy"><span>{Quote}</span></blockquote> </div> {/block:Quote} {block:Chat} <div class="innerbox rounded-corners box-shadow"> {block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{block:Title} <table class="chat" cellspacing="0"> {block:Lines} <tr> {block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td> </tr> {/block:Lines} </table> </div> {/block:Chat} {block:IndexPage} <a href="{Permalink}" class="boxhoverlink rounded-corners"> <div class="boxhover rounded-corners box-shadow"> <div class="center-middle"> <a href="{Permalink}"> <div class="tmlabel">{NoteCount}</div> </a> </div> </div> </a> {/block:IndexPage} </div> {block:PermalinkPage} <div class="postinfo rounded-corners box-shadow">{block:NoteCount}NOTES {NoteCount} {/block:NoteCount}{block:Date}{TimeAgo}{/block:Date}</div> {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> <div style="overflow: hidden" class="rounded-corners box-shadow"> {/block:Date} {block:IfShowNotesOnPermalinkPages} {block:PostNotes}{PostNotes}{/block:PostNotes} {/block:IfShowNotesOnPermalinkPages} {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> </div> {/block:PermalinkPage} {/block:Posts} {block:IndexPage} </div> <!-- .posts --> {/block:IndexPage} <div style="clear: both;"></div> {block:IndexPage} <div class="footer" style="display:none;"> <a href="#">Loading</a> </div> <!-- #footer --> <div class="navigation" id="navigation"> {block:Pagination} {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{lang:Previous}{block:PreviousPage}</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} &rarr;{block:NextPage}</a>{/block:NextPage} {/block:Pagination} </div> <!-- .navigation --> {/block:IndexPage} </div> <!-- #container --> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery-1.7.1.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.masonry.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.infinitescroll.min.js"></script> <script type="text/javascript"> $(window).load(function () { {block:IndexPage} $('div.box').live('mouseenter',function(){ $(this).find('.boxhover').css({'display':'block','visibility':'hidden'}).fadeIn(); $(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'}); $(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'}); $(this).find('.boxhover').css({'display':'none','visibility':'visible'}).fadeIn(); }); $('div.box').live('mouseleave',function(){ $(this).find('.boxhover').fadeOut(); }); {/block:IndexPage} $('.header .readmore').click(function(){ if($(this).hasClass("up")){ $(this).removeClass("up"); $('.header-more').slideUp(); } else{ $(this).addClass("up"); $('.header-more').slideDown(); } }); {block:IndexPage} // endless scrolling var $container = $('#allposts'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '.box' }); }); $container.infinitescroll({ navSelector : 'div.navigation', // selector for the paged navigation nextSelector : 'div.navigation a#nextPage', // selector for the NEXT link (to page 2) itemSelector : '.box', // selector for all items youll retrieve bufferPx: 0, debug : true, loading: { finishedMsg: '', img: '', msgText: '' } }, // trigger Masonry as a callback function( newElements ) { // hide new items while they are loading var $newElems = $( newElements ).css({ opacity: 0 }); // ensure that images load before adding to masonry layout $newElems.imagesLoaded(function(){ // show elems now they're ready $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); } ); // End of endless scrolling {/block:IndexPage} }); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1419534-14']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div style="color: #000000; font-size: 7px; font-family: arial; background-color: transparent; text-align: center; position: relative; bottom: 5px; left: 40%; width: 600px; height: 18px; text-decoration:none; filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;" align="center"><a href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/tumblr/tumblr-themes" target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target="_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a>, <a href="http://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Facebook Covers"><b>Facebook Covers</b></a>, <a href="http://www.totallylayouts.com/totallyplayer/" target="_blank" title="Tumblr Music Player"><b>Tumblr Music Player</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-headers/twitter-headers" target="_blank" title="Twitter Headers"><b>Twitter Headers</b></a> and <a href="http://www.yayfollowers.com" target="_blank" title="Tumblr Follower Counter"><b>Tumblr Follower Counter</b></a></div> <!--- Paste Your Music Player or Follower Counter Code in the space below here ---> <!--- Paste Your Music Player or Follower Counter Code in the space above here ---> </body> </html>

Circular Grid Tumblr Theme

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>{Title}</title> <meta name="description" content="{Description}" /> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> <script src="http://www.totallylayouts.com/inc/js/infinitescroll.js"></script> <style> *{ margin: 0; padding: 0; font-family: 'Oswald', sans-serif; text-transform:uppercase; letter-spacing:-1px; } body { font-weight: normal; font-style: normal; color: #fff; background: url('http://www.themesltd.com/backgrounds-large/city_street_at_night.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } a { text-decoration: none; color: #fff; } .clear{ clear: both; height: 0; line-height: 0; } #wrapper{ width: 80%; margin: 0 auto; } #header { height: 345px; min-width: 760px; background-image: url(''); background-repeat: no-repeat; background-position: top center; } #header > h1{ width: 370px; text-align: center; margin: 0 auto; padding-top: 114px; font-size: 3.6em; line-height: 80%; font-weight: normal; text-shadow: 0px 0px 5px rgba(0,0,0,0.2); } #description{ width: 370px; text-align: center; margin: 0 auto; text-shadow: 0px 0px 5px rgba(0,0,0,0.2); } #left_nav, #right_nav{ width: 50%; min-width: 375px; margin-top: -70px; overflow: visible; } #left_nav{ float: left; z-index: 9999; } #right_nav{ float: right; z-index: 9999; } #right_nav ul, #left_nav ul{ list-style-type: none; min-width: 375px; font-size: 2em; } #left_nav ul{ text-align: right; padding-right: 190px !important; } #right_nav ul{ text-align: left; padding-left: 190px !important; } #header ul li{ display: inline-block; margin: 10px; text-shadow: 0px 0px 5px rgba(0,0,0,0.2); } #content { width: 100%; margin-top: 30px; } .thumbs_list, #post_content{ width: 100%; /*width: 1024px;*/ text-align: center; position: relative; } .masonryWrap{ /*width: 1024px;*/ width: 100%; text-align: center; position: relative; margin: 0 auto; } #post_main_img{ width: 390px; height: 390px; border-radius: 195px; margin: 0 auto; margin-bottom: 25px; box-shadow: 0px 0px 0px rgba(0,0,0,0.2); } #small_img_container { width: 390px; margin: 10px auto; } #small_img_container ol{ list-style-type: none; margin-bottom: 20px; } #small_img_container li{ display: inline-block; margin: 4px; } #small_img_container img.avatar{ width: 32px; height: 32px; border-radius: 16px; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); } #small_img_container li.note span.action{ display: none; } #small_img_container li.note .answer_content{ display: none; } #small_img_container li.note blockquote{ display: none; } .thumbs_list .post{ display: inline-block; width: 214px; height: 214px; margin: 15px; position:relative; color: #000000; font-family: arial; font-size: 11px; text-transform:none; } .post a { text-decoration: none; color: #000; font-family: arial; font-size: 11px; text-transform:none; } div.img_over{ width: 224px; height: 224px; border-radius: 112px; position: absolute; top:0px; left:0px; background-color: rgba(0, 0, 0, 0.5); font-size: 60px; text-shadow: 0px 0px 5px rgba(0,0,0,0.2); line-height: 224px; vertical-align: middle; color: #fff; } .bwWrapper{ position: relative; display: block; } .thumbs_list .post img{ width: 224px; height: 224px; border-radius: 112px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); position: absolute; top:0px; left:0px; } .thumbs_list .post .box{ width: 224px; height: 224px; border-radius: 112px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); position: absolute; top:0px; left:0px; background-color: #FFFFFF; } .thumbs_list .post h3.text{ width: 224px; height: 224px; border-radius: 112px; background-color: rgba(255, 255, 255, 0.2); line-height:224px; vertical-align: middle; overflow: hidden; position: absolute; top:0px; left:0px; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); text-shadow: 0px 0px 5px rgba(0,0,0,0.2); } .audio_player{ width: 390px; height: 390px; margin: 0 auto 25px; border-radius: 195px; margin-bottom: 25px; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); text-shadow: 0px 0px 5px rgba(0,0,0,0.2); } .cht, .lnk, .quote, .post_text{ width: 390px; height: 390px; margin: 0 auto 25px; border-radius: 195px; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); text-shadow: 0px 0px 5px rgba(0,0,0,0.2); } .cht h3, .lnk h3, .quote h3, .post_text h3{ padding-top:180px; } .audio_player embed{ margin-top:180px; } .audio_player iframe{ margin: 0 auto; } .cht ul{ margin-top:20px; } .box { overflow: hidden; } .box h3 { font-size: 13px; font-weight: bold; padding-bottom: 10px; } h1#title { font-family:Oswald,impact; font-size:50pt; color:#fff; font-weight:none; text-shadow:1px 1px 1px #525252; text-align:center; line-height:100%; margin-top:70px; margin-bottom:10px; } h1#title a { color:#fff; text-decoration:none; } p#title-description, ul.menu > li, ul.menu > li > a { font-family:tahoma; font-size:9pt; text-decoration:none; color:#fff; font-weight:none; text-shadow:1px 1px 1px #525252; text-align:center; margin-top:10px; margin-bottom:0px; } ul.menu { margin-top:0px; margin-bottom:0px; padding:0; list-style:none; text-align:center; } ul.menu li { display:inline; } ul.menu li.divider { padding:0 10px; } </style> </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script> var $ = jQuery.noConflict(); $(document).ready(function(){ $('#content').on('mouseover', '.black_write', function(e){ $('div.img_over').hide(); $(this).next('div.img_over').fadeIn(500); }); $('#content').on('mouseleave', '.img_over', function(e){ $(this).fadeOut(100); }); }); </script> </head> <body> <div id="wrapper"> <h1 id="title"><a href="#">{title}</a></h1> <p id="title-description"> {block:Description}{Description}{/block:Description} </p> <ul class="menu"> <li><a href="/">Home</a></li> {block:AskEnabled} <li class="divider">&#149;</li> <li><a href="/ask">{AskLabel}</a></li> {/block:AskEnabled} {block:SubmissionsEnabled} <li class="divider">&#149;</li> <li><a href="/submit">{SubmitLabel}</a></li> {/block:SubmissionsEnabled} {block:HasPages} {block:Pages} <li class="divider">&#149;</li> <li><a href="{URL}">{Label}</a></li> {/block:Pages} {/block:HasPages} {block:ifLink1Title} <li class="divider">&#149;</li> <li><a href="{text:Link 1}" title="{text:Link 1 Title}">{text:Link 1 Title}</a></li> {/block:ifLink1Title} {block:ifLink2Title} <li class="divider">&#149;</li> <li><a href="{text:Link 2}" title="{text:Link 2 Title}">{text:Link 2 Title}</a></li> {/block:ifLink2Title} {block:ifLink3Title} <li class="divider">&#149;</li> <li><a href="{text:Link 3}" title="{text:Link 3 Title}">{text:Link 3 Title}</a></li> {/block:ifLink3Title} {block:ifLink4Title} <li class="divider">&#149;</li> <li><a href="{text:Link 4}" title="{text:Link 4 Title}">{text:Link 4 Title}</a></li> {/block:ifLink4Title} {block:ifLink5Title} <li class="divider">&#149;</li> <li><a href="{text:Link 5}" title="{text:Link 5 Title}">{text:Link 5 Title}</a></li> {/block:ifLink5Title} </ul> <div id="content"> {block:IndexPage} <div class="thumbs_list" id="content-wrapper"> {block:Posts} {block:Photo} <div class="post"> <a href="{Permalink}" class="bwWrapper"> <div class="black_write box" style="background: url({PhotoURL-500}) no-repeat scroll center center transparent;"> </div> <div class="img_over text" style="display: none;">{NoteCount}</div> </a> </div> {/block:Photo} {block:Text} <div class="post"> <a href="{Permalink}" class="bwWrapper"> <div class="black_write box"> <div style="padding-top: 30px;"> {block:Title}<h3>{Title}</h3>{/block:Title} {Body} </div> </div> <div class="img_over text" style="display: none; cursor:pointer;" onclick="window.location.href='{permalink}';">{NoteCount}</div> </a> </div> {/block:Text} {block:Quote} <div class="post"> <a href="{Permalink}" class="bwWrapper"> <div class="black_write box"> <div style="padding-top: 30px;"> {block:Source}<h3>{Source}</h3>{/block:Source} "{Quote}" </div> </div> <div class="img_over text" style="display: none; cursor:pointer;" onclick="window.location.href='{permalink}';">{NoteCount}</div> </a> </div> {/block:Quote} {block:Link} <div class="post"> <a href="{Permalink}" class="bwWrapper"> <div class="black_write box"> <div style="padding-top: 30px;"> <h3>{Name}</h3> {block:Description}{Description}{/block:Description} </div> </div> <div class="img_over text" style="display: none; cursor:pointer;" onclick="window.location.href='{Permalink}';">{NoteCount}</div> </a> </div> {/block:Link} {block:Chat} <div class="post"> <a href="{Permalink}" class="bwWrapper"> <div class="black_write box"> <div style="padding-top: 30px;"> {block:Title}<h3>{Title}</h3>{/block:Title} <ul class="chat"> {block:Lines} <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}{Line} </li> {/block:Lines} </ul> </div> </div> <div class="img_over text" style="display: none; cursor:pointer;" onclick="window.location.href='{permalink}';">{NoteCount}</div> </a> </div> {/block:Chat} {block:Audio} <div class="post"> <a href="{Permalink}" class="bwWrapper"> <div class="black_write box"> <div style="padding-top: 30px;"> {block:Caption}<h3>{Caption}</h3>{/block:Caption} {AudioPlayerGrey} </div> </div> <div class="img_over text" style="display: none; cursor:pointer;" onclick="window.location.href='{Permalink}';">{NoteCount}</div> </a> </div> {/block:Audio} {block:Video} <div class="post"> <a href="{Permalink}" class="bwWrapper"> <div class="black_write box"> <div style="padding-top: 30px;"> {block:Caption}<h3>{Caption}</h3>{/block:Caption} {Video-500} </div> </div> <div class="img_over text" style="display: none; cursor:pointer;" onclick="window.location.href='{Permalink}';">{NoteCount}</div> </a> </div> {/block:Video} {block:Answer} <div class="post"> <a href="{Permalink}" class="bwWrapper"> <div class="black_write box"> <div style="padding-top: 30px;"> <h3>{Asker}: {Question}</h3> <div class="ans">{Answer}</div> </div> </div> <div class="img_over text" style="display: none; cursor:pointer;" onclick="window.location.href='{Permalink}';">{NoteCount}</div> </a> </div> {/block:Answer} {/block:Posts} </div> {/block:IndexPage} {block:Pagination} <ul id="pagination" style="display:none;"> {block:PreviousPage} <li><a href="{PreviousPage}"></a></li> {/block:PreviousPage} {block:JumpPagination length="5"} {block:CurrentPage} <li><span class="current_page numbersNav">{PageNumber}</span></li> {/block:CurrentPage} {block:JumpPage} <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li> {/block:JumpPage} {/block:JumpPagination} {block:NextPage} <li><a id="nextPage" href="{NextPage}"></a></li> {/block:NextPage} </ul> {/block:Pagination} {block:PermalinkPage} <div id="post_content"> {block:Posts} {block:Photo} <div id="post_main_img" style="background: url({PhotoURL-500}) no-repeat scroll center center transparent;"> </div> {/block:Photo} {block:Text} <div class="post_text"> {block:Title} <h3>{Title}</h3> {/block:Title} {Body} </div> {/block:Text} {block:Audio} <div class="audio_player">{AudioPlayerBlack}</div> {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} {/block:Audio} {block:Video} <div class="audio_player">{Video-500}</div> {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} {/block:Video} {block:Chat} <div class=cht> {block:Title} <h3>{Title}</h3> {/block:Title} <ul class="chat"> {block:Lines} <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line} </li> {/block:Lines} </ul> </div> {/block:Chat} {block:Link} <div class="lnk"> <a href="{URL}" class="link" {Target}><h3>{Name}</h3></a> {block:Description} <div class="description">{Description}</div> {/block:Description} </div> {/block:Link} {block:Quote} <div class="quote"> <h3>"{Quote}"</h3> {block:Source} <div class="source">{Source}</div> {/block:Source} </div> {/block:Quote} {/block:Posts} <div id="small_img_container"> {block:PostNotes} {PostNotes-64} {/block:PostNotes} </div> </div> {/block:PermalinkPage} </div> </div> {block:IndexPage} <script src="http://static.tumblr.com/ydokqes/VGnmb7yuj/masonry.js"></script> <script src="http://static.tumblr.com/ydokqes/4o4mb7ytl/infinitescroll.js"></script> <script type="text/javascript"> $(window).load(function () { //$('#content-wrapper').masonry(), //$('.masonryWrap').infinitescroll({ $('#content-wrapper').infinitescroll({ navSelector : '#pagination', nextSelector : '#pagination a#nextPage', itemSelector : ".post", bufferPx : 100, loadingText : "<em></em>", }/*, function() { $('#content-wrapper').masonry({ appendedContent: $(this) }); }*/ ); }); </script> {/block:IndexPage} <div style="color: #000000; font-size: 8px; font-family: arial; background-color: transparent; text-align: center; position: relative; bottom: 5px; left: 40%; width: 500px; height: 18px; filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;" align="center"><a href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/tumblr/tumblr-themes" target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target="_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a>, <a href="http://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Facebook Covers"><b>Facebook Covers</b></a>, <a href="http://www.totallylayouts.com/totallyplayer/" target="_blank" title="Tumblr Music Player"><b>Tumblr Music Player</b></a> and <a href="http://www.followercounter.com" target="_blank" title="Tumblr Follower Counter"><b>Tumblr Follower Counter</b></a></div> </body> </html>

2 Column Solid Tumblr Theme

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta name="color:Link" content="#292929"/> <meta name="color:Hover" content="#989898"/> <meta name="color:Blockquote" content="#efefef"/> <meta name="color:Background" content="#efefef"/> <meta name="color:Posts" content="#ffffff"/> <meta name="image:Background" content="0"/> <meta name="image:Header" content="0"/> <meta name="if:Show Header Image" content="0"/> <meta name="text:Blog Title Size" content="70" /> <meta name="if:Pixel Font" content="0"> <meta name="if:Faded Images" content="0"/> <meta name="if:Shadow" content="0"/> <meta name="if:Rounded Corners" content="1"/> <meta name="if:No Hover Effect" content="0"/> <meta name="if:printed title font" content="1"/> <meta name="text:Link One Title" content="" /> <meta name="text:Link One" content="" /> <meta name="text:Link Two Title" content="" /> <meta name="text:Link Two" content="" /> <meta name="text:Link Three Title" content="" /> <meta name="text:Link Three" content="" /> <meta name="text:Link Four Title" content="" /> <meta name="text:Link Four" content="" /> <meta name="text:Link Five Title" content="" /> <meta name="text:Link Five" content="" /> <script src="http://www.totallylayouts.com/inc/js/infinitescroll.js"></script> <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}"> {block:Description} <meta name="description" content="{MetaDescription}"/> {/block:Description} <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <!--[if IE]> <script src="http://static.tumblr.com/ydokqes/40amb7s2v/html5.js"></script> <![endif]--> <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/ydokqes/Tf1mb7lot/reset.css"> <style type="text/css"> @font-face { font-family: pixie; src: url('http://static.tumblr.com/ydokqes/snAmb7lrn/silkscr.ttf'); } @font-face { font-family: custom-font; src: url('http://static.tumblr.com/ydokqes/rbnmb7lwp/svsc.ttf'); } @font-face { font-family: custom-font2; src: url('http://static.tumblr.com/ydokqes/BeGmb7m09/ralwaythin.otf'); } @font-face { font-family: 'BebasNeueRegular'; src: url('http://static.tumblr.com/jw8fmba/mOeloespq/bebasneue-webfont.eot'); src: url('http://static.tumblr.com/jw8fmba/mOeloespq/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('http://static.tumblr.com/jw8fmba/gGCloesr9/bebasneue-webfont.woff') format('woff'), url('http://static.tumblr.com/jw8fmba/Rbnloesqu/bebasneue-webfont.ttf') format('truetype'), url('http://static.tumblr.com/jw8fmba/GLsloesq3/bebasneue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } html, body, { {block:ifPixelFont} font-family: BebasNeueRegular; font-size: 8px; letter-spacing:-1px; {/block:ifPixelFont} {block:ifnotPixelFont} font-family: helvetica; font-size: 9px; {/block:ifnotPixelFont} } body { color: #777; background: url('http://www.themesltd.com/backgrounds-large/city_street_at_night.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; line-height:150%; {block:ifPixelFont} font-family: BebasNeueRegular; font-size: 8px; letter-spacing:-1px; {/block:ifPixelFont} {block:ifnotPixelFont} font-family: helvetica; font-size: 9px; {/block:ifnotPixelFont} } #header img { display: block; margin-bottom: 1px; } #infscr-loading { position: absolute; bottom: 0; left: 25%; } a:link, a:active, a:visited{ color:{color:Link}; text-decoration: none; } a:hover { color:{color:Hover}; text-decoration: none; } #content-wrapper { padding-left:4px; width: 617px; background-color:{color:Posts}; } #note_count { width: 98%; } #container { background-color:{color:Posts}; width: 621px; margin: 10px auto; -moz-border-radius: 6px; -webkit-border-radius:6px; -khtml-border-radius: 6px; behavior: url(http://static.tumblr.com/ydokqes/ZpAm27ly3/border-radius.htc); border-radius: 6px; -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.2); box-shadow: 0 1px 10px rgba(0,0,0,.2); } ol.notes img { width: 16px; display: inline; position: relative; top: 3px; } .post { {block:ifRoundedCorners} -moz-border-radius: 5px; border-radius: 5px; {/block:ifRoundedCorners} {block:indexpage} float: left; width: 300px; margin: 3px; {/block:indexpage} {block:permalinkpage} width: 98%; margin: 5px auto; {/block:permalinkpage} display: block; background:{color:Posts}; {block:ifShadow} box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06); {/block:ifShadow} position: relative; } .post img { {block:ifRoundedCorners} -moz-border-radius: 5px; border-radius: 5px; {block:ifRoundedCorners} display: block; max-width: 100%; {block:ifFadedImages} opacity:0.9; filter:alpha(opacity=80); -webkit-transition: all ease-in 250ms; -moz-transition: all ease-in 250ms; -o-transition: all ease-in 250ms; -ms-transition: all ease-in 250ms; transition: all ease-in 250ms; {/block:ifFadedImages} } .post:hover img { {block:ifFadedImages} opacity:1; filter:alpha(opacity=100); -webkit-transition: all ease-in 250ms; -moz-transition: all ease-in 250ms; -o-transition: all ease-in 250ms; -ms-transition: all ease-in 250ms; transition: all ease-in 250ms; {/block:ifFadedImages} } .post:hover .details { opacity: 1.0; margin:12px 0px 0px 0px; filter: alpha(opacity = 100); -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } #pagination{ display:none; } .clear { clear: both; } .textperma { color: #000000; padding-top: 0px; padding-bottom: 0px; font-size: 10px; text-align: center; opacity: 0; filter: alpha(opacity = 0); -webkit-transition: all ease-in 250ms; -moz-transition: all ease-in 250ms; -o-transition: all ease-in 250ms; -ms-transition: all ease-in 250ms; transition: all ease-in 250ms; } h1 { font-size:{text:title font size}; } blockquote, q { padding-left:5px;padding-top:7px; padding-right:5px;padding-bottom:7px; margin-left:5px; margin-right:5px; border-left: 2px solid #ccc; border-right: 2px solid #ccc; background-color:{color:Blockquote}; } .label { text-transform:uppercase; color:{color:Link} } .quest { text-align:left; padding-left:5px;padding-top:7px; padding-right:5px;padding-bottom:7px; border-left: 2px solid {color:Link}; border-right: 2px solid {color:Link}; background-color:{color:Blockquote}; } .ans { text-align:left; padding-left:5px;padding-top:7px; padding-right:5px;padding-bottom:7px; } .text { padding: 10px; } .post:hover .textperma { opacity: 1; filter: alpha(opacity = 100); -webkit-transition: all ease-in 250ms; -moz-transition: all ease-in 250ms; -o-transition: all ease-in 250ms; -ms-transition: all ease-in 250ms; transition: all ease-in 250ms; } #pp { text-align: center; width: 100%; padding-top: 2px; } .perma-link { opacity: 0.0; filter: alpha(opacity = 0); position:absolute; z-index:9999991; bottom: 0px; right: 7px; } .post:hover .perma-link { -webkit-transition: opacity 0.4s linear; opacity: 1; -moz-transition: all 0.4s linear; transition: all 0.4s linear; filter: alpha(opacity = 100); } .perma-like { width: 21px; height: 20px; overflow: hidden; z-index: 9999999; display: inline-block; } .re-blog { width: 24px; height: 20px; overflow: hidden; z-index: 9999999; display: inline-block; } .perma-like a:hover { background-position: 0px 0px; } .perma-like a { background-image: url("http://static.tumblr.com/ydokqes/nw8mb7ma0/like-rounded.png"); background-position: 0px 0px; display: block; z-index: 9999999; webkit-transition: all 0s linear; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; transition: all 0s linear; } .perma-like img { width: 21px; height: 20px; webkit-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } .re-blog img{ width: 24px; height: 20px; line-height: 30px; display: inline; } .not { display: inline-block; background: url("http://static.tumblr.com/ydokqes/Yugmb7mdi/separator.png"); height: 20px; font-size: 11px; line-height: 20px; color: #fff; padding-left: 4px; padding-right: 4px; -moz-border-radius: 2px; border-radius: 2px; bottom: 6px; position: relative; letter-spacing:0px; } .not a{ color: #fff; font-family: helvetica; } .post:hover .not, .post:hover .re-blog, .post:hover .perma-like { opacity: 0.8; filter: alpha(opacity = 80); } .not:hover , .re-blog:hover, .perma-like:hover { opacity: 1!important; filter: alpha(opacity = 100)!important; } .perma-hover { text-align: right; line-height:200%; opacity: 0.0; filter: alpha(opacity = 0); font-size: 9px; line-height: 9px; text-transform: uppercase; } .post:hover .perma-hover { text-align: center; opacity: 1; filter: alpha(opacity = 50); } .b { display : block; font-size: 8px; text-align: left; line-height: 15px; text-indent : 0px; vertical-align : middle; padding : 2px; padding-bottom : 0px; } #title-pad { padding-top:30px; padding-bottom: 1px; text-align: center; width: 600px; } div.panel { width: 500px; padding: 0px 20px; margin: 10px auto; text-align: center; line-height: 22px; display: none; } div.panel p { margin: 10px 0; } div.panel p a, div.textPost p a, div.audioPost p a { text-decoration: none; } #top-nav{ color:{color:Links}; } #top-nav a { display:relative; max-width:500px; text-align:center; } #top-nav .pages { margin-top:-10px; filter: alpha(opacity = 0); opacity:0; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;transition: all 1s ease-out; text-align:center; } #top-nav:hover .pages { margin-top:5px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;transition: all 1s ease-out; filter: alpha(opacity = 80); filter: alpha(opacity = 100); opacity:100; } </style> <script type="text/javascript"> $(window).load(function(){ $("p").remove(":contains('Source:')"); $("p").remove(":contains('via ')"); }); </script> </head> <body> <div id="container"> <div id="title-pad"> <div style="{block:ifPrintedTitleFont} font-family: BebasNeueRegular; letter-spacing: 1px; text-transform:uppercase;{/block:ifPrintedTitleFont}{block:ifnotPrintedTitleFont}font-family: BebasNeueRegular;color: #989898; {/block:ifnotPrintedTitleFont}font-size: {text:Blog Title Size}px; color: #989898; line-height: 110%; text-align:center; padding-left:20px;"> <div id="top-nav"> {block:ifnotShowHeaderImage} <a href="/">{Title}</a> {/block:ifnotShowHeaderImage} {block:ifShowHeaderImage}<a href="/"><img src="{image:Header}"/></a>{/block:ifShowHeaderImage} {block:ifNoHoverEffect} <center> <div style="color: #777; line-height: 100%; padding-bottom:10px; width:400px; text-transform:none;{block:ifPixelFont}font-family: BebasNeueRegular;font-size: 8px;letter-spacing:-1px;{/block:ifPixelFont}{block:ifnotPixelFont}font-family: helvetica;font-size: 9px;letter-spacing:0px;{/block:ifnotPixelFont}"> {description} </div> <div style="line-height: 100%; text-transform:uppercase; padding-bottom:10px;{block:ifPixelFont}font-family: BebasNeueRegular;font-size: 8px;letter-spacing:-1px;{/block:ifPixelFont}{block:ifnotPixelFont}font-family: helvetica;font-size: 9px;letter-spacing:0px;{/block:ifnotPixelFont}"> <center> <a href="/">home</a> &nbsp; {block:AskEnabled}<a href="/ask">contact</a> &nbsp;{/block:AskEnabled} {block:IfLinkOneTitle}<a href="{text:Link One}"> {text:Link One Title} </a> &nbsp; {/block:ifLinkOneTitle} {block:ifLinkTwoTitle}<a href="{text:Link Two}"> {text:Link Two Title} </a> &nbsp;{/block:ifLinkTwoTitle} {block:ifLinkThreeTitle}<a href="{text:Link Three}"> {text:Link Three Title} </a> &nbsp;{/block:ifLinkThreeTitle} {block:ifLinkFourTitle}<a href="{text:Link Four}">{text:Link Four Title} </a> &nbsp;{/block:ifLinkFourTitle} {block:ifLinkFiveTitle}<a href="{text:Link Five}"> {text:Link Five Title} </a> &nbsp;{/block:ifLinkFiveTitle} {block:HasPages}{block:Pages}<a href="{URL}"><span>{Label}&nbsp;&nbsp;</span></a>{/block:Pages}{/block:HasPages} {block:ifNoHoverEffect} {block:ifnotNoHoverEffect} <div class="pages"><center> <div style="color: #777; line-height: 100%; padding-bottom:10px; width:400px;text-transform:none;{block:ifPixelFont}font-family: BebasNeueRegular;font-size: 8px;letter-spacing:-1px;{/block:ifPixelFont}{block:ifnotPixelFont}font-family: helvetica;font-size: 9px;letter-spacing:0px;{/block:ifnotPixelFont}"> {description} </div> <div style="line-height: 100%; text-transform:uppercase; padding-bottom:10px;{block:ifPixelFont}font-family: BebasNeueRegular;font-size: 8px;letter-spacing:-1px;{/block:ifPixelFont}{block:ifnotPixelFont}font-family: helvetica;font-size: 9px;letter-spacing:0px;{/block:ifnotPixelFont}"> <center> <a href="/">home</a> &nbsp; {block:AskEnabled}<a href="/ask">contact</a> &nbsp;{/block:AskEnabled} {block:IfLinkOneTitle}<a href="{text:Link One}"> {text:Link One Title} </a> &nbsp; {/block:ifLinkOneTitle} {block:ifLinkTwoTitle}<a href="{text:Link Two}"> {text:Link Two Title} </a> &nbsp;{/block:ifLinkTwoTitle} {block:ifLinkThreeTitle}<a href="{text:Link Three}"> {text:Link Three Title} </a> &nbsp;{/block:ifLinkThreeTitle} {block:ifLinkFourTitle}<a href="{text:Link Four}">{text:Link Four Title} </a> &nbsp;{/block:ifLinkFourTitle} {block:ifLinkFiveTitle}<a href="{text:Link Five}"> {text:Link Five Title} </a> &nbsp;{/block:ifLinkFiveTitle} {block:HasPages}{block:Pages}<a href="{URL}"><span>{Label}&nbsp;&nbsp;</span></a>{/block:Pages}{/block:HasPages} </center> </div> {/block:ifnotNoHoverEffect} </center> </div> <center> </div> </div> </div> <div id="content-wrapper"> {block:Posts} <div class="post"> {block:Text} <div class="text"> <div style="text-transform:uppercase">{block:Title} <a href="{Permalink}">{Title}</a> {/block:Title} </div> {Body} {block:indexpage} <div class="perma-hover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> &#x25BC; <a href="{ReblogURL}" target="_blank">reblog</a></p></div> {/block:indexpage} </div> {/block:Text} {block:Photo} {block:IndexPage} <div class="perma-link"> <div class="perma-like"> <a id="like{PostID}" href="javascript:likePost('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/ydokqes/lYLmb7ovn/spacer.gif" width="21" height="20" alt="Like this post" id="like-image-{PostID}"/></a> </div> <div class="re-blog"> <a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/ydokqes/dx5mb7owo/reblog.png" width="30"/></a> </div> <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div> </div> {/block:IndexPage} {block:indexpage} {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag}{block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption} {/block:indexpage} {block:permalinkpage} {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption} {/block:permalinkpage} {/block:Photo} {block:Photoset} {block:IndexPage}{Photoset-400}{/block:IndexPage} {block:indexpage} <div class="perma-hover"><p><a href="{permalink}">{NoteCountwithLabel}</a> &#x25BC; <a href="{ReblogURL}" target="_blank">reblog</a></p></div> {/block:indexpage} {block:permalinkpage} {Photoset-500} {/block:permalinkpage} {/block:Photoset} {block:Quote} <div class="text"> "{Quote}" {block:Source} <div class="source"><div style="text-align:right">{Source}</div></div> {/block:Source} {block:indexpage} <div class="perma-hover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> &#x25BC; <a href="{ReblogURL}" target="_blank">reblog</a></p></div> {/block:indexpage} </div> {/block:Quote} {block:Link} <div class="text"> <span style="text-transform:uppercase;"><a href="{URL}" class="link" {Target}>{Name}</a></span> {block:Description} <div class="description">{Description}</div> {/block:Description} {block:indexpage} <div class="perma-hover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> &#x25BC; <a href="{ReblogURL}" target="_blank">reblog</a></p></div> {/block:indexpage} </div> {/block:Link} {block:Chat} <div class="text"> {block:Title} <a href="{Permalink}">{Title}</a> {/block:Title} <ul class="chat"> {block:Lines} <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}{Line} </li> {/block:Lines} </ul> {block:indexpage} <div class="perma-hover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> &#x25BC; <a href="{ReblogURL}" target="_blank">reblog</a></p></div> {/block:indexpage} </div> {/block:Chat} {block:Video} {block:IndexPage}{Video-400}{/block:IndexPage} {block:indexpage} <div class="perma-hover"><p><a href="{permalink}">{NoteCountwithLabel}</a> &#x25BC; <a href="{ReblogURL}" target="_blank">reblog</a></p></div> {/block:indexpage} {block:permalinkpage} {Video-500} {/block:permalinkpage} {/block:Video} {block:Audio} <div class="text"> {AudioPlayerGrey} {block:Caption} {Caption} {/block:Caption} {block:indexpage} <div class="perma-hover"><p><a href="{permalink}">{NoteCountwithLabel}</a> &#x25BC; <a href="{ReblogURL}" target="_blank">reblog</a></p></div> {/block:indexpage} </div> {/block:Audio} {block:Answer} <div class="text"> <div class="quest"> <span style="text-transform:uppercase; color:{color:Link}">{Asker}:</span> {Question}</div><div class="ans">{Answer} </div> {block:indexpage} <div class="perma-hover"><p><a href="{permalink}">{NoteCountwithLabel}</a> &#x25BC; <a href="{ReblogURL}" target="_blank">reblog</a> </p></div> {/block:indexpage} </div> {/block:Answer} {block:PermalinkPage} <div id="note_count"> <div style="text-align:right"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </div> {block:PostNotes} {PostNotes} {/block:PostNotes} </div> {/block:PermalinkPage} </div> {/block:Posts} </div> <div class="clear"></div> </div> {block:Pagination} <ul id="pagination"> {block:PreviousPage} <li><a href="{PreviousPage}"></a></li> {/block:PreviousPage} {block:JumpPagination length="5"} {block:CurrentPage} <li><span class="current_page numbersNav">{PageNumber}</span></li> {/block:CurrentPage} {block:JumpPage} <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li> {/block:JumpPage} {/block:JumpPagination} {block:NextPage} <li><a id="nextPage" href="{NextPage}"></a></li> {/block:NextPage} </ul> {/block:Pagination} {block:IndexPage} <script src="http://static.tumblr.com/ydokqes/VGnmb7yuj/masonry.js"></script> <script src="http://static.tumblr.com/ydokqes/4o4mb7ytl/infinitescroll.js"></script> {block:IndexPage} <script type="text/javascript"> $(window).load(function () { $('#content-wrapper').masonry(), $('.masonryWrap').infinitescroll({ navSelector : '#pagination', nextSelector : '#pagination a#nextPage', itemSelector : ".post", bufferPx : 100, loadingText : "<em></em>", }, function() { $('#content-wrapper').masonry({ appendedContent: $(this) }); } ); }); </script> {/block:IndexPage} <script type="text/javascript"> $('.show').click(function(e){ e.preventDefault(); $('.panel').stop(true,true); var target = $(this).attr('href'); if($('.panel').is(':visible')){ if($(target).is(':visible')){ $(target).slideUp(); return false; }else{ $('.panel:visible').slideUp(400, function(){ $(target).slideDown(); }); } }else { $(target).slideDown(); } }); </script> <script type="text/javascript" src="http://static.tumblr.com/ydokqes/a0Qmb7z7k/likepost.js"></script> <iframe id="like-iframe" style="width: 1px; height: 1px;"></iframe> <div style="color: #000000; font-size: 8px; font-family: arial; background-color: transparent; text-align: center; position: relative; bottom: 5px; left: 40%; width: 500px; height: 18px; filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;" align="center"><a href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/tumblr/tumblr-themes" target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target="_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a>, <a href="http://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Facebook Covers"><b>Facebook Covers</b></a>, <a href="http://www.totallylayouts.com/totallyplayer/" target="_blank" title="Tumblr Music Player"><b>Tumblr Music Player</b></a> and <a href="http://www.followercounter.com" target="_blank" title="Tumblr Follower Counter"><b>Tumblr Follower Counter</b></a></div> </body> </html>

3 Column Tumblr Theme

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PostSummary} ({PostSummary}){/block:PostSummary}</title> <meta name="description" content="{block:IndexPage}{block:Description}{MetaDescription}{/block:Description}{/block:IndexPage}{block:PermalinkPage}{PostSummary}{/block:PermalinkPage}" /> <meta name="author" content="TotallyLayouts.com" /> <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}" /> <link rel="stylesheet" href="http://static.tumblr.com/ydokqes/6rNm1ux6k/reset.css" type="text/css" /> <script src="http://www.totallylayouts.com/inc/js/infinitescroll.js"></script> <!-- ### Custom Stuff ### --> <meta name="if:Show notes on permalink pages" content="1"/> <meta name="image:Body" content="http://static.tumblr.com/ydokqes/q9qm2axzw/background.png"/> <meta name="text:Disqus Shortname" content="" /> <style type="text/css"> body { color: #1a1a1a; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; background: url('http://www.themesltd.com/backgrounds-large/city_street_at_night.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } a:link, a:visited, a:active { color: #1a1a1a; text-decoration: underline; outline-color: invert; outline-style: none; outline-width: medium; } a:hover { color: #1a1a1a; text-decoration: none; } #container { margin: 40px auto; position: relative; width: 638px; /* 500+10+128 */ {block:IndexPage} width: 908px; /* 750+30+128 */ {/block:IndexPage} } .rightWrap{ width: 128px; position: fixed; top: 0; margin-right: 0; margin-left: 510px; {block:IndexPage} margin-left: 780px; {/block:IndexPage} margin-top: 40px; } .header { background: #fff; padding: 0; } .topWrap { padding-bottom: 0; line-height: 9px; } .tmlogo { float: left; width: 40px; height: 40px; overflow: hidden; } .tmtitle{ float: left; margin-left:20px; height: 40px; font-size: 11px; font-weight: normal; line-height: 40px; font-family: Arial, Helvetica, sans-serif; color: #595959; text-transform: uppercase; } .tmnav{ } .tmnav, .tmnav ul { font-family: Arial, Helvetica, sans-serif; font-weight: normal; } .tmnav ul { } .tmnav li { background: #fff; padding: 5.5px 15px; font-size: 11px; font-weight: normal; text-align:center; list-style: none; margin-top: 5px; } .tmnav a:link, .tmnav a:visited, .tmnav a:active { text-decoration: none; color: #595959; text-transform: uppercase; } .tmnav a:hover { text-decoration: underline; } /* header Active Css */ .header-more{ padding: 15px; } .description { margin: 0; color: #595959; } .description h1{ font-size: 9px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 18px; } .description-text{ margin: 0; padding: 0; font-size: 9px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; overflow:hidden; } .header .readmore{ width: 10px; height: 6px; margin: 0 auto; cursor: pointer; background: #fff url(http://static.tumblr.com/ydokqes/S1Vm2av1e/arrow_down.png) no-repeat center top; } .header .up{ background: #fff url(http://static.tumblr.com/ydokqes/Nnrm2av1y/arrow_up.png) no-repeat center top; } .totallylayouts{ width: 36px; height: 45px; position: fixed; left: 11px; top: 0; background: url(http://static.tumblr.com/ydokqes/oXIm2axu0/totallylayouts.png) no-repeat center top; } #container .posts { float:left; width: 780px; } #container .box { background-color: #fff; width: 250px; margin: 0 10px 10px 0; float: left; overflow: hidden; line-height:9px; } #container .box h3 { font-size: 11px; font-weight: bold; } .innerbox { padding: 15px; position: relative; color: #1a1a1a; line-height:15px; font-size: 11px; } .innerbox a:link, .innerbox a:visited, .innerbox a:active { text-decoration: underline; } .innerbox a:hover { text-decoration: none; } .innerbox img{ margin-top: -10px; margin-left: -10px; position: relative; color: #1a1a1a; } .boxhover { width: 250px; height: 100%; position: absolute; left: 0px; top: 0px; /*padding: 20px; */ background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Arial, Helvetica, sans-serif; color: #fff; /*display: none;*/ visibility: hidden; text-shadow: 0px 0px 5px #000000; filter: dropshadow(color=#000000, offx=0, offy=0); } .boxhover .center-middle { /*margin-top: 47%; */ text-align: center; } .boxhover.active { display: block; visibility: visible; } .tmlabel { font-family: tahoma; font-size: 29px; font-weight: bold; color: #FFF; letter-spacing: -1px; line-height: 29px; text-transform: uppercase; } .tmvalue-notes { font-family: tahoma; font-size: 25px; font-weight: bold; color: #FFF; letter-spacing: -1px; line-height: 30px; word-spacing: 10px; } .tmvalue-posted{ font-family: tahoma; font-size: 15px; font-weight: bold; color: #FFF; letter-spacing: -1px; line-height: 20px; word-spacing: 5px; } .boxhover a:link, .boxhover a:visited, .boxhover a:active { text-decoration: none; color: #FFF; } a.title { color: #1a1a1a; text-decoration: none; } .footer { margin-left:0; padding: 80px 0 40px 0; width: 780px; text-align: center; } blockquote.classy { background-image: url("http://static.tumblr.com/ydokqes/qjvm1wq4i/openquote1.gif"); background-position: left top; background-repeat: no-repeat; font: 14px/20px italic Times,serif; margin: 5px; padding: 8px; text-indent: 23px; } blockquote.classy span { background-image: url("http://static.tumblr.com/ydokqes/REzm1wq5e/closequote1.gif"); background-position: right bottom; background-repeat: no-repeat; display: block; } table.chat { width: 100%; margin: 0 0 10px 0; border-collapse: collapse; } h2 + table.chat { margin: 10px 0 3px 0 !important; } table.chat tr td { padding: 0 10px; } table.chat tr td.name { font-weight: bold; text-align: right; vertical-align: top; } table.chat tr td.line1 { background: #F7F7F7; } .navigation{ visibility: hidden; } .footer a:link, .footer a:visited, .footer a:active { text-decoration: none; color: #ffffff; text-transform: uppercase; background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 5px; font-size: 18px; line-height: normal; } .footer a:hover { text-decoration: underline; } /* permelink page with notes */ .postbox { float:left; width: 500px; } .postcontent { background: #fff; float: left; padding: o; width: 500px; margin: 0; } .postcontent img { float: left; } .postinfo { padding: 15px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0; font-size: 10px; text-transform: uppercase; text-align: center; background-color: #fff; width: 100%; float: left; width: 500px; } .note { padding: 10px 10px 11px 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px; font-size: 10px; width: 100%; float: left; width: 480px; line-height: normal; background: #fff url(http://static.tumblr.com/ydokqes/oDZm1xgo6/border.png) no-repeat center bottom; list-style: none; } .clear { clear: both; } .notes { padding: 0px; margin: 0px; } .note .avatar { width: 16px; height: 16px; float: left; overflow: hidden; } .note .action { margin-left: 10px; line-height: 16px; font-size: 11px; text-transform: uppercase; } .more_notes_link_container { background-image: none; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #aeaeae; text-transform: uppercase; } .more_notes_link_container a:link, .more_notes_link_container a:visited, .more_notes_link_container a:active { color: #aeaeae; text-decoration: none; } .more_notes_link_container a:hover { color: #747575; } .c1 { display: block; text-align: center; } #infscr-loading { background: url("http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png") repeat scroll 0 0 transparent; color: #FFFFFF; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 18px; line-height: normal; padding: 5px; text-decoration: none; text-transform: uppercase; bottom: 40px; margin-left: 437.5px; position: fixed; z-index: 100; text-align: center; } #infscr-loading img{ position: absolute; left: -99999px; top: -99999px; } .rounded-corners { -moz-border-radius: 3px; -webkit-border-radius:3px; -khtml-border-radius: 3px; behavior: url(http://static.tumblr.com/ydokqes/ZpAm27ly3/border-radius.htc); border-radius: 3px; } .box-shadow{ -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.3); box-shadow: 0 1px 10px rgba(0,0,0,.3); } </style> </head> <body> <div id="container"> <div class="rightWrap"> <div class="header rounded-corners box-shadow"> <div class="topWrap"> <img src="{PortraitURL-128}" width="128" height="128" class="rounded-corners" /> </div> <div class="header-more"> <div class="description"> <h1>{Title}</H1> <div class="description-text"> {Description} </div> </div> </div> <div style="clear:both"></div> </div> <div class="tmnav"> <ul> <li class="rounded-corners box-shadow"><a href="/">HOME</a></li> {block:AskEnabled}<li class="rounded-corners box-shadow"><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled} {block:HasPages} {block:Pages}<li class="rounded-corners box-shadow"><a href="{URL}">{Label}</a></li>{/block:Pages} {/block:HasPages} </ul> </div> </div> <!-- / rightWrap --> {block:IndexPage} <div class="posts" id="allposts"> {/block:IndexPage} {block:Posts} {block:PermalinkPage} <div class="postbox"> <div class="postcontent rounded-corners box-shadow"> {/block:PermalinkPage} {block:IndexPage} <div class="box rounded-corners box-shadow"> {/block:IndexPage} {block:Photo} {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="rounded-corners"> {block:IndexPage}</a>{/block:IndexPage} {block:Caption} {block:IndexPage} <!--div class="innerbox rounded-corners box-shadow"--> {/block:IndexPage} {block:IndexPage} <!--/div--> {/block:IndexPage} {/block:Caption} {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {/block:Photo} {block:Audio} <div class="innerbox rounded-corners box-shadow"> {AudioPlayerWhite} {block:Caption}{Caption}{/block:Caption} </div> {/block:Audio} {block:Video} {block:IndexPage}{Video-250}{/block:IndexPage} {block:PermalinkPage}{Video-500}{/block:PermalinkPage} {block:Caption} <div class="innerbox rounded-corners box-shadow"> {Caption} </div> {/block:Caption} {/block:Video} {block:Text} <div class="innerbox rounded-corners box-shadow"> {block:Title} <h3>{Title}</h3> {/block:Title} {Body} {block:More} <a href="{Permalink}" class="readMore">{lang:Read more}</a> {/block:More} </div> {/block:Text} {block:Answer} <div class="innerbox rounded-corners box-shadow"> <b>{lang:Asker asked}:&nbsp;</b>{Question} <p><br><b>{lang:Answer}:</b>{Answer}</p> </div> {/block:Answer} {block:Link} <div class="innerbox rounded-corners box-shadow"> <a href="{URL}" class="title link" {Target}>{Name} &rarr;</a> {block:Description}{Description}{/block:Description} </div> {/block:Link} {block:Quote} <div class="innerbox rounded-corners box-shadow"> {/block:IndexPage} {block:Source}<h2>{Source}</h2>{/block:Source} <blockquote class="classy"><span>{Quote}</span></blockquote> </div> {/block:Quote} {block:Chat} <div class="innerbox rounded-corners box-shadow"> {block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{block:Title} <table class="chat" cellspacing="0"> {block:Lines} <tr> {block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td> </tr> {/block:Lines} </table> </div> {/block:Chat} {block:IndexPage} <a href="{Permalink}" class="boxhoverlink"> <div class="boxhover rounded-corners box-shadow"> <div class="center-middle"> <a href="{ReblogURL}"> <div class="tmlabel">REBLOG</div> </a> {block:NoteCount} <a href="{Permalink}"><div class="tmvalue-notes">{NoteCount} Notes</div></a>{/block:NoteCount} {block:Date}<a href="{Permalink}"><div class="tmvalue-posted">Post {TimeAgo}</div></a>{/block:Date} </div> </div> </a> {/block:IndexPage} </div> {block:PermalinkPage} <!--div class="postinfo rounded-corners box-shadow">{block:NoteCount}NOTES {NoteCount} {/block:NoteCount}{block:Date}{TimeAgo}{/block:Date}</div--> {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> {block:IfDisqusShortname} <div style="overflow: hidden" class="rounded-corners box-shadow"> <div id="disqus_thread"></div> <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script> <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript> {/block:Date} {/block:IfDisqusShortname} {block:IfShowNotesOnPermalinkPages} {block:PostNotes}{PostNotes}{/block:PostNotes} {/block:IfShowNotesOnPermalinkPages} {block:IfDisqusShortname}</div>{/block:IfDisqusShortname} {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> </div> {/block:PermalinkPage} {/block:Posts} {block:IndexPage} </div> <!-- .posts --> {/block:IndexPage} <div style="clear: both;"></div> {block:IndexPage} <div class="footer" style="display:none;"> <a href="#">Loading</a> </div> <!-- #footer --> <div class="navigation" id="navigation"> {block:Pagination} {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{lang:Previous}{block:PreviousPage}</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} &rarr;{block:NextPage}</a>{/block:NextPage} {/block:Pagination} </div> <!-- .navigation --> {/block:IndexPage} </div> <!-- #container --> {block:IfDisqusShortname} <script type="text/javascript"> //<![CDATA[ (function() { var links = document.getElementsByTagName('a'); var query = '?'; for(var i = 0; i < links.length; i++) { if(links[i].href.indexOf('#disqus_thread') >= 0) { query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&'; } } document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>'); })(); //]]> </script> {/block:IfDisqusShortname} <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery-1.7.1.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.masonry.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.infinitescroll.min.js"></script> <script type="text/javascript"> $(window).load(function () { {block:IndexPage} $('div.box').live('mouseenter',function(){ $(this).find('.boxhover').css({'display':'block','visibility':'hidden'}).fadeIn(); $(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'}); $(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'}); $(this).find('.boxhover').css({'display':'none','visibility':'visible'}).fadeIn(); }); $('div.box').live('mouseleave',function(){ $(this).find('.boxhover').fadeOut(); }); {/block:IndexPage} $('.header .readmore').click(function(){ if($(this).hasClass("up")){ $(this).removeClass("up"); $('.header-more').slideUp(); } else{ $(this).addClass("up"); $('.header-more').slideDown(); } }); {block:IndexPage} // endless scrolling var $container = $('#allposts'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '.box' }); }); $container.infinitescroll({ navSelector : 'div.navigation', // selector for the paged navigation nextSelector : 'div.navigation a#nextPage', // selector for the NEXT link (to page 2) itemSelector : '.box', // selector for all items you'll retrieve bufferPx: 0, debug : true, loading: { finishedMsg: 'No more posts to load.', img: '', msgText: 'Loading' } }, // trigger Masonry as a callback function( newElements ) { // hide new items while they are loading var $newElems = $( newElements ).css({ opacity: 0 }); // ensure that images load before adding to masonry layout $newElems.imagesLoaded(function(){ // show elems now they're ready $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); } ); // End of endless scrolling {/block:IndexPage} }); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1419534-14']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div style="color: #000000; font-size: 8px; font-family: arial; background-color: transparent; text-align: center; position: relative; bottom: 5px; left: 40%; width: 500px; height: 18px; filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;" align="center"><a href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/tumblr/tumblr-themes" target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target="_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a>, <a href="http://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Facebook Covers"><b>Facebook Covers</b></a>, <a href="http://www.totallylayouts.com/totallyplayer/" target="_blank" title="Tumblr Music Player"><b>Tumblr Music Player</b></a> and <a href="http://www.followercounter.com" target="_blank" title="Tumblr Follower Counter"><b>Tumblr Follower Counter</b></a></div> </body> </html>

2 Column Tumblr Theme

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PostSummary} ({PostSummary}){/block:PostSummary}</title> <meta name="description" content="{block:IndexPage}{block:Description}{MetaDescription}{/block:Description}{/block:IndexPage}{block:PermalinkPage}{PostSummary}{/block:PermalinkPage}" /> <meta name="author" content="TotallyLayouts.com" /> <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}" /> <link rel="stylesheet" href="http://static.tumblr.com/ydokqes/6rNm1ux6k/reset.css" type="text/css" /> <!-- ### Custom Stuff ### --> <meta name="if:Show notes on permalink pages" content="1"/> <meta name="image:Body" content="http://static.tumblr.com/ydokqes/q9qm2axzw/background.png"/> <meta name="text:Disqus Shortname" content="" /> <script src="http://www.totallylayouts.com/inc/js/infinitescroll.js"></script> <style type="text/css"> body { color: #1a1a1a; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; background: url('http://www.themesltd.com/backgrounds-large/city_street_at_night.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } a:link, a:visited, a:active { color: #1a1a1a; text-decoration: underline; outline-color: invert; outline-style: none; outline-width: medium; } a:hover { color: #1a1a1a; text-decoration: none; } #container { margin: 40px auto; position: relative; width: 388px; /* 500+10+128 */ {block:IndexPage} width: 388px; /* 750+30+128 */ {/block:IndexPage} } .rightWrap{ width: 128px; position: fixed; top: 0; margin-right: 0; margin-left: -138px; {block:IndexPage} margin-left: -138px; {/block:IndexPage} margin-top: 200px; } .header { background: #fff; padding: 0; } .topWrap { padding-bottom: 0; line-height: 9px; } .tmlogo { float: left; width: 40px; height: 40px; overflow: hidden; } .tmtitle{ float: left; margin-left:20px; height: 40px; font-size: 11px; font-weight: normal; line-height: 40px; font-family: Arial, Helvetica, sans-serif; color: #595959; text-transform: uppercase; } .tmnav{ } .tmnav, .tmnav ul { font-family: Arial, Helvetica, sans-serif; font-weight: normal; } .tmnav ul { } .tmnav li { background: #fff; padding: 5.5px 15px; font-size: 11px; font-weight: normal; text-align:center; list-style: none; margin-top: 5px; } .tmnav a:link, .tmnav a:visited, .tmnav a:active { text-decoration: none; color: #595959; text-transform: uppercase; } .tmnav a:hover { text-decoration: underline; } /* header Active Css */ .header-more{ padding: 15px; } .description { margin: 0; color: #595959; } .description h1{ font-size: 9px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 18px; } .description-text{ margin: 0; padding: 0; font-size: 9px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; overflow:hidden; } .header .readmore{ width: 10px; height: 6px; margin: 0 auto; cursor: pointer; background: #fff url(http://static.tumblr.com/ydokqes/S1Vm2av1e/arrow_down.png) no-repeat center top; } .header .up{ background: #fff url(http://static.tumblr.com/ydokqes/Nnrm2av1y/arrow_up.png) no-repeat center top; } .totallylayouts{ width: 36px; height: 45px; position: fixed; left: 11px; top: 0; background: url(http://static.tumblr.com/ydokqes/oXIm2axu0/totallylayouts.png) no-repeat center top; } #container .posts { float:left; width: 700px; } #container .box { background-color: #fff; width: 250px; margin: 0 10px 10px 0; float: left; overflow: hidden; line-height:9px; } #container .box h3 { font-size: 11px; font-weight: bold; } .innerbox { padding: 15px; position: relative; color: #1a1a1a; line-height:15px; font-size: 11px; } .innerbox a:link, .innerbox a:visited, .innerbox a:active { text-decoration: underline; } .innerbox a:hover { text-decoration: none; } .innerbox img{ margin-top: -10px; margin-left: -10px; position: relative; color: #1a1a1a; } .boxhover { width: 250px; height: 100%; position: absolute; left: 0px; top: 0px; /*padding: 20px; */ background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Arial, Helvetica, sans-serif; color: #fff; /*display: none;*/ visibility: hidden; text-shadow: 0px 0px 5px #000000; filter: dropshadow(color=#000000, offx=0, offy=0); } .boxhover .center-middle { /*margin-top: 47%; */ text-align: center; } .boxhover.active { display: block; visibility: visible; } .tmlabel { font-family: tahoma; font-size: 29px; font-weight: bold; color: #FFF; letter-spacing: -1px; line-height: 29px; text-transform: uppercase; } .tmvalue-notes { font-family: tahoma; font-size: 25px; font-weight: bold; color: #FFF; letter-spacing: -1px; line-height: 30px; word-spacing: 10px; } .tmvalue-posted{ font-family: tahoma; font-size: 15px; font-weight: bold; color: #FFF; letter-spacing: -1px; line-height: 20px; word-spacing: 5px; } .boxhover a:link, .boxhover a:visited, .boxhover a:active { text-decoration: none; color: #FFF; } a.title { color: #1a1a1a; text-decoration: none; } .footer { margin-left:0; padding: 80px 0 40px 0; width: 780px; text-align: center; } blockquote.classy { background-image: url("http://static.tumblr.com/ydokqes/qjvm1wq4i/openquote1.gif"); background-position: left top; background-repeat: no-repeat; font: 14px/20px italic Times,serif; margin: 5px; padding: 8px; text-indent: 23px; } blockquote.classy span { background-image: url("http://static.tumblr.com/ydokqes/REzm1wq5e/closequote1.gif"); background-position: right bottom; background-repeat: no-repeat; display: block; } table.chat { width: 100%; margin: 0 0 10px 0; border-collapse: collapse; } h2 + table.chat { margin: 10px 0 3px 0 !important; } table.chat tr td { padding: 0 10px; } table.chat tr td.name { font-weight: bold; text-align: right; vertical-align: top; } table.chat tr td.line1 { background: #F7F7F7; } .navigation{ visibility: hidden; } .footer a:link, .footer a:visited, .footer a:active { text-decoration: none; color: #ffffff; text-transform: uppercase; background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 5px; font-size: 18px; line-height: normal; } .footer a:hover { text-decoration: underline; } /* permelink page with notes */ .postbox { float:left; width: 500px; } .postcontent { background: #fff; float: left; padding: o; width: 500px; margin: 0; } .postcontent img { float: left; } .postinfo { padding: 15px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0; font-size: 10px; text-transform: uppercase; text-align: center; background-color: #fff; width: 100%; float: left; width: 500px; } .note { padding: 10px 10px 11px 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px; font-size: 10px; width: 100%; float: left; width: 480px; line-height: normal; background: #fff url(http://static.tumblr.com/ydokqes/oDZm1xgo6/border.png) no-repeat center bottom; list-style: none; } .clear { clear: both; } .notes { padding: 0px; margin: 0px; } .note .avatar { width: 16px; height: 16px; float: left; overflow: hidden; } .note .action { margin-left: 10px; line-height: 16px; font-size: 11px; text-transform: uppercase; } .more_notes_link_container { background-image: none; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #aeaeae; text-transform: uppercase; } .more_notes_link_container a:link, .more_notes_link_container a:visited, .more_notes_link_container a:active { color: #aeaeae; text-decoration: none; } .more_notes_link_container a:hover { color: #747575; } .c1 { display: block; text-align: center; } #infscr-loading { background: url("http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png") repeat scroll 0 0 transparent; color: #FFFFFF; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 18px; line-height: normal; padding: 5px; text-decoration: none; text-transform: uppercase; bottom: 40px; margin-left: 437.5px; position: fixed; z-index: 100; text-align: center; } #infscr-loading img{ position: absolute; left: -99999px; top: -99999px; } .rounded-corners { -moz-border-radius: 3px; -webkit-border-radius:3px; -khtml-border-radius: 3px; behavior: url(http://static.tumblr.com/ydokqes/ZpAm27ly3/border-radius.htc); border-radius: 3px; } .box-shadow{ -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.3); box-shadow: 0 1px 10px rgba(0,0,0,.3); } </style> </head> <body> <div id="container"> <div class="rightWrap"> <div class="header rounded-corners box-shadow"> <div class="topWrap"> <img src="{PortraitURL-128}" width="128" height="128" class="rounded-corners" /> </div> <div class="header-more"> <div class="description"> <h1>{Title}</H1> <div class="description-text"> {Description} </div> </div> </div> <div style="clear:both"></div> </div> <div class="tmnav"> <ul> <li class="rounded-corners box-shadow"><a href="/">HOME</a></li> {block:AskEnabled}<li class="rounded-corners box-shadow"><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled} {block:HasPages} {block:Pages}<li class="rounded-corners box-shadow"><a href="{URL}">{Label}</a></li>{/block:Pages} {/block:HasPages} </ul> </div> </div> <!-- / rightWrap --> {block:IndexPage} <div class="posts" id="allposts"> {/block:IndexPage} {block:Posts} {block:PermalinkPage} <div class="postbox"> <div class="postcontent rounded-corners box-shadow"> {/block:PermalinkPage} {block:IndexPage} <div class="box rounded-corners box-shadow"> {/block:IndexPage} {block:Photo} {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="rounded-corners"> {block:IndexPage}</a>{/block:IndexPage} {block:Caption} {block:IndexPage} <!--div class="innerbox rounded-corners box-shadow"--> {/block:IndexPage} {block:IndexPage} <!--/div--> {/block:IndexPage} {/block:Caption} {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {/block:Photo} {block:Audio} <div class="innerbox rounded-corners box-shadow"> {AudioPlayerWhite} {block:Caption}{Caption}{/block:Caption} </div> {/block:Audio} {block:Video} {block:IndexPage}{Video-250}{/block:IndexPage} {block:PermalinkPage}{Video-500}{/block:PermalinkPage} {block:Caption} <div class="innerbox rounded-corners box-shadow"> {Caption} </div> {/block:Caption} {/block:Video} {block:Text} <div class="innerbox rounded-corners box-shadow"> {block:Title} <h3>{Title}</h3> {/block:Title} {Body} {block:More} <a href="{Permalink}" class="readMore">{lang:Read more}</a> {/block:More} </div> {/block:Text} {block:Answer} <div class="innerbox rounded-corners box-shadow"> <b>{lang:Asker asked}:&nbsp;</b>{Question} <p><br><b>{lang:Answer}:</b>{Answer}</p> </div> {/block:Answer} {block:Link} <div class="innerbox rounded-corners box-shadow"> <a href="{URL}" class="title link" {Target}>{Name} &rarr;</a> {block:Description}{Description}{/block:Description} </div> {/block:Link} {block:Quote} <div class="innerbox rounded-corners box-shadow"> {/block:IndexPage} {block:Source}<h2>{Source}</h2>{/block:Source} <blockquote class="classy"><span>{Quote}</span></blockquote> </div> {/block:Quote} {block:Chat} <div class="innerbox rounded-corners box-shadow"> {block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{block:Title} <table class="chat" cellspacing="0"> {block:Lines} <tr> {block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td> </tr> {/block:Lines} </table> </div> {/block:Chat} {block:IndexPage} <a href="{Permalink}" class="boxhoverlink"> <div class="boxhover rounded-corners box-shadow"> <div class="center-middle"> <a href="{ReblogURL}"> <div class="tmlabel">REBLOG</div> </a> {block:NoteCount} <a href="{Permalink}"><div class="tmvalue-notes">{NoteCount} Notes</div></a>{/block:NoteCount} {block:Date}<a href="{Permalink}"><div class="tmvalue-posted">Post {TimeAgo}</div></a>{/block:Date} </div> </div> </a> {/block:IndexPage} </div> {block:PermalinkPage} <!--div class="postinfo rounded-corners box-shadow">{block:NoteCount}NOTES {NoteCount} {/block:NoteCount}{block:Date}{TimeAgo}{/block:Date}</div--> {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> {block:IfDisqusShortname} <div style="overflow: hidden" class="rounded-corners box-shadow"> <div id="disqus_thread"></div> <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script> <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript> {/block:Date} {/block:IfDisqusShortname} {block:IfShowNotesOnPermalinkPages} {block:PostNotes}{PostNotes}{/block:PostNotes} {/block:IfShowNotesOnPermalinkPages} {block:IfDisqusShortname}</div>{/block:IfDisqusShortname} {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> </div> {/block:PermalinkPage} {/block:Posts} {block:IndexPage} </div> <!-- .posts --> {/block:IndexPage} <div style="clear: both;"></div> {block:IndexPage} <div class="footer" style="display:none;"> <a href="#">Loading</a> </div> <!-- #footer --> <div class="navigation" id="navigation"> {block:Pagination} {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{lang:Previous}{block:PreviousPage}</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} &rarr;{block:NextPage}</a>{/block:NextPage} {/block:Pagination} </div> <!-- .navigation --> {/block:IndexPage} </div> <!-- #container --> {block:IfDisqusShortname} <script type="text/javascript"> //<![CDATA[ (function() { var links = document.getElementsByTagName('a'); var query = '?'; for(var i = 0; i < links.length; i++) { if(links[i].href.indexOf('#disqus_thread') >= 0) { query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&'; } } document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>'); })(); //]]> </script> {/block:IfDisqusShortname} <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery-1.7.1.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.masonry.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.infinitescroll.min.js"></script> <script type="text/javascript"> $(window).load(function () { {block:IndexPage} $('div.box').live('mouseenter',function(){ $(this).find('.boxhover').css({'display':'block','visibility':'hidden'}).fadeIn(); $(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'}); $(this).find('.center-middle').css({'position': 'absolute','top': ($(this).height()/2 - $(this).find('.center-middle').height()/2)+'px', 'left': ($(this).width()/2 - $(this).find('.center-middle').width()/2)+'px'}); $(this).find('.boxhover').css({'display':'none','visibility':'visible'}).fadeIn(); }); $('div.box').live('mouseleave',function(){ $(this).find('.boxhover').fadeOut(); }); {/block:IndexPage} $('.header .readmore').click(function(){ if($(this).hasClass("up")){ $(this).removeClass("up"); $('.header-more').slideUp(); } else{ $(this).addClass("up"); $('.header-more').slideDown(); } }); {block:IndexPage} // endless scrolling var $container = $('#allposts'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '.box' }); }); $container.infinitescroll({ navSelector : 'div.navigation', // selector for the paged navigation nextSelector : 'div.navigation a#nextPage', // selector for the NEXT link (to page 2) itemSelector : '.box', // selector for all items you'll retrieve bufferPx: 0, debug : true, loading: { finishedMsg: 'No more posts to load.', img: '', msgText: 'Loading' } }, // trigger Masonry as a callback function( newElements ) { // hide new items while they are loading var $newElems = $( newElements ).css({ opacity: 0 }); // ensure that images load before adding to masonry layout $newElems.imagesLoaded(function(){ // show elems now they're ready $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); } ); // End of endless scrolling {/block:IndexPage} }); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1419534-14']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div style="color: #000000; font-size: 8px; font-family: arial; background-color: transparent; text-align: center; position: relative; bottom: 5px; left: 40%; width: 500px; height: 18px; filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;" align="center"><a href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/tumblr/tumblr-themes" target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target="_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a>, <a href="http://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Facebook Covers"><b>Facebook Covers</b></a>, <a href="http://www.totallylayouts.com/totallyplayer/" target="_blank" title="Tumblr Music Player"><b>Tumblr Music Player</b></a> and <a href="http://www.followercounter.com" target="_blank" title="Tumblr Follower Counter"><b>Tumblr Follower Counter</b></a></div> </body> </html>

Grid Tumblr Theme

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PostSummary} ({PostSummary}){/block:PostSummary}</title> <meta name="description" content="{block:IndexPage}{block:Description}{MetaDescription}{/block:Description}{/block:IndexPage}{block:PermalinkPage}{PostSummary}{/block:PermalinkPage}" /> <meta name="author" content="TotallyLayouts.com" /> <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}" /> <link rel="stylesheet" href="http://static.tumblr.com/ydokqes/6rNm1ux6k/reset.css" type="text/css" /> <!-- ### Custom Stuff ### --> <meta name="if:Show notes on permalink pages" content="1"/> <meta name="image:Body" content="http://static.tumblr.com/ydokqes/gzzm1wnh2/background.png"/> <meta name="text:Disqus Shortname" content="" /> <script src="http://www.totallylayouts.com/inc/js/infinitescroll.js"></script> <style type="text/css"> body { color: #aeaeae; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; background: url('http://www.themesltd.com/backgrounds-large/city_street_at_night.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } a:link, a:visited, a:active { color: #aeaeae; text-decoration: underline; outline-color: invert; outline-style: none; outline-width: medium; } a:hover { color: #747575; text-decoration: none; } #container { margin: 50px auto; position: relative; width: 1120px; } .header { background: #fff; padding: 10px 0px 10px 10px; width: 1100px; margin: 0 5px 5px 5px; float: left; } .topWrap { width: 1090px; height: 40px; background: #fff url(http://static.tumblr.com/ydokqes/qPum1uxje/border.png) no-repeat bottom center; padding-bottom: 11px; } .tmlogo { float: left; width: 40px; height: 40px; overflow: hidden; } .tmnav, .tmnav ul { float: left; height: 40px; line-height: 40px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; } .tmnav ul { padding-left: 5px; } .tmnav li { float: left; font-size: 16px; font-weight: bold; list-style: none; padding: 0 15px; } .tmnav a:link, .tmnav a:visited, .tmnav a:active { text-decoration: none; color: #969696; text-transform: uppercase; } .tmnav a:hover { text-decoration: underline; } .toggleicon { background: url(http://static.tumblr.com/ydokqes/Lc7m1uxl1/toggle.png) no-repeat 0 -40px; width: 30px; height: 40px; overflow: hidden; cursor: pointer; float: right; } .description { padding: 10px 10px 0 0; } /* header Active Css */ .header.toggleActive { width: 70px; } .header.toggleActive .topWrap { width: 70px; background-image: none; margin: 0px; padding: 0px; } .header.toggleActive .tmnav { display: none; } .header.toggleActive .description { display: none; } .header.toggleActive .toggleicon { background-position: 0 0; } #container .posts { clear: both; width: 1120px; } #container .box { width: 270px; margin: 5px; float: left; background-color: #fff; overflow: hidden; } #container .box h3 { font-size: 13px; font-weight: bold; padding-bottom: 10px; } .innerbox { padding: 10px; position: relative; color: #3f3f3f; } .boxhover { width: 270px; height: 100%; position: absolute; left: 0px; top: 0px; background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #fff; display: none; text-shadow: 0px 0px 5px #000000; filter: dropshadow(color=#000000, offx=0, offy=0); } .boxhover-inner{ padding: 20px; } .boxhover.active { display: block; } .tmlabel { font-size: 10px; text-transform: uppercase; line-height: 10px; } .tmvalue { font-size: 30px; padding-bottom: 15px; line-height: 32px; } a.title { color: #aeaeae; text-decoration: none; } .footer { padding: 80px 0 40px 0; width: 100%; text-align: center; } blockquote.classy { background-image: url("http://static.tumblr.com/ydokqes/qjvm1wq4i/openquote1.gif"); background-position: left top; background-repeat: no-repeat; font: 14px/20px italic Times,serif; margin: 5px; padding: 8px; text-indent: 23px; } blockquote.classy span { background-image: url("http://static.tumblr.com/ydokqes/REzm1wq5e/closequote1.gif"); background-position: right bottom; background-repeat: no-repeat; display: block; } table.chat { width: 100%; margin: 0 0 10px 0; border-collapse: collapse; } h2 + table.chat { margin: 10px 0 3px 0 !important; } table.chat tr td { padding: 0 10px; } table.chat tr td.name { font-weight: bold; text-align: right; vertical-align: top; } table.chat tr td.line1 { background: #F7F7F7; } .footer a:link, .footer a:visited, .footer a:active { text-decoration: none; color: #ffffff; text-transform: uppercase; background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 5px; font-size: 18px; line-height: normal; } .footer a:hover { text-decoration: underline; } /* permelink page with notes */ ul,ol { list-style-type: decimal; list-style-position: outside; padding-left: 25px; } ul li, ol li { padding-bottom: 3px; margin-left: 5px; } .postbox { float: left; padding: 0 5px 0 5px; width: 520px; } .postcontent { background: #fff; float: left; padding: 10px; margin: 5px 0; } .postcontent img { float: left; } .postinfo { padding: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 5px 0 10px 0; font-size: 10px; text-transform: uppercase; text-align: center; background-color: #fff; width: 100%; float: left; width: 500px; } .note { padding: 10px 10px 11px 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px; font-size: 10px; width: 100%; float: left; width: 500px; line-height: normal; background: #fff url(http://static.tumblr.com/ydokqes/oDZm1xgo6/border.png) no-repeat center bottom; list-style: none; } .clear { clear: both; } .notes { padding: 0px; margin: 0px; } .note .avatar { width: 16px; height: 16px; float: left; overflow: hidden; } .note .action { margin-left: 10px; line-height: 16px; font-size: 11px; text-transform: uppercase; } .more_notes_link_container { background-image: none; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #aeaeae; text-transform: uppercase; } .more_notes_link_container a:link, .more_notes_link_container a:visited, .more_notes_link_container a:active { color: #aeaeae; text-decoration: none; } .more_notes_link_container a:hover { color: #747575; } .c1 { display: block; text-align: center; } #infscr-loading { background: url("http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png") repeat scroll 0 0 transparent; color: #FFFFFF; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 18px; line-height: normal; padding: 5px; text-decoration: none; text-transform: uppercase; bottom: 40px; left: 36.5%; position: fixed; z-index: 100; width: 340px; text-align: center; } #infscr-loading img{ position: absolute; left: -99999px; top: -99999px; } .rounded-corners { -moz-border-radius: 2px; -webkit-border-radius:2px; -khtml-border-radius: 2px; behavior: url(http://static.tumblr.com/ydokqes/ZpAm27ly3/border-radius.htc); border-radius: 2px; -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.3); box-shadow: 0 1px 10px rgba(0,0,0,.3); } </style> </head> <body> <div id="container"> <div class="header toggleActive"> <div class="topWrap"> <div class="tmlogo"> <a href="/"><img src="{PortraitURL-40}" width="40" height="40" border="0" /></a> </div> <div class="tmnav"> <ul> <li><a href="/">HOME</a></li> {block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled} {block:HasPages} {block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages} {/block:HasPages} </ul> </div> <div class="toggleicon"></div> </div> <div class="description"> {Description} <div style="clear:both"></div> </div> <div style="clear:both"></div> </div> {block:IndexPage} <div class="posts" id="allposts"> {/block:IndexPage} {block:Posts} {block:PermalinkPage} <div style="clear:both"></div> <div class="postbox"> <div class="postcontent"> {/block:PermalinkPage} {block:IndexPage} <div class="box rounded-corners"> <div class="innerbox rounded-corners"> {/block:IndexPage} {block:Photo} {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}"> {block:IndexPage}</a>{/block:IndexPage} {block:Caption}{Caption}{/block:Caption} {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {/block:Photo} {block:Audio} {AudioPlayerWhite} {block:Caption}{Caption}{/block:Caption} {/block:Audio} {block:Video} {block:IndexPage}{Video-250}{/block:IndexPage} {block:PermalinkPage}{Video-500}{/block:PermalinkPage} {block:Caption}{Caption}{/block:Caption} {/block:Video} {block:Text} {block:Title} <h3>{Title}</h3> {/block:Title} {Body} {block:More} <a href="{Permalink}" class="readMore">{lang:Read more}</a> {/block:More} {/block:Text} {block:Answer} <b>{lang:Asker asked}:&nbsp;</b>{Question} <p><br><b>{lang:Answer}:</b>{Answer}</p> {/block:Answer} {block:Link} <a href="{URL}" class="title link" {Target}>{Name} &rarr;</a> {block:Description}{Description}{/block:Description} {/block:Link} {block:Quote} {block:Source}<h2>{Source}</h2>{/block:Source} <blockquote class="classy"><span>{Quote}</span></blockquote> {/block:Quote} {block:Chat} {block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{block:Title} <table class="chat" cellspacing="0"> {block:Lines} <tr> {block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td> </tr> {/block:Lines} </table> {/block:Chat} {block:IndexPage} <a href="{Permalink}" class="boxhoverlink"> <div class="boxhover rounded-corners"> <div class="boxhover-inner"> {block:NoteCount} <div class="tmlabel">Notes</div> <div class="tmvalue">{NoteCount}</div> {/block:NoteCount} {block:Date} <div class="tmlabel">Posted</div> <div class="tmvalue">{TimeAgo}</div> {/block:Date} </div> </div> </a> {/block:IndexPage} </div> {block:PermalinkPage} <div class="postinfo">{block:NoteCount}NOTES {NoteCount} {/block:NoteCount}{block:Date}{TimeAgo}{/block:Date}</div> {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> {block:IfDisqusShortname} <div style="overflow: hidden"> <div id="disqus_thread"></div> <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script> <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript> {/block:Date} {/block:IfDisqusShortname} {block:IfShowNotesOnPermalinkPages} {block:PostNotes}{PostNotes}{/block:PostNotes} {/block:IfShowNotesOnPermalinkPages} {block:IfDisqusShortname}</div>{/block:IfDisqusShortname} {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> {/block:PermalinkPage} </div> {/block:Posts} {block:IndexPage} </div> <!-- .posts --> {/block:IndexPage} <div style="clear: both;"></div> {block:IndexPage} <div class="footer" style="display:none;"> <a href="#">Loading More Posts</a> </div> <!-- #footer --> <div class="navigation" id="navigation"> {block:Pagination} {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{lang:Previous}{block:PreviousPage}</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} &rarr;{block:NextPage}</a>{/block:NextPage} {/block:Pagination} </div> <!-- .navigation --> {/block:IndexPage} </div> <!-- #container --> {block:IfDisqusShortname} <script type="text/javascript"> //<![CDATA[ (function() { var links = document.getElementsByTagName('a'); var query = '?'; for(var i = 0; i < links.length; i++) { if(links[i].href.indexOf('#disqus_thread') >= 0) { query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&'; } } document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>'); })(); //]]> </script> {/block:IfDisqusShortname} <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery-1.7.1.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.masonry.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.infinitescroll.min.js"></script> <script type="text/javascript"> $(window).load(function () { {block:IndexPage} $('div.box').live('mouseenter',function(){ $(this).find('.boxhover').fadeIn(); }); $('div.box').live('mouseleave',function(){ $(this).find('.boxhover').fadeOut(); }); {/block:IndexPage} $('.toggleicon').click(function(){ if($('div.header').hasClass("toggleActive")) $('div.header').removeClass("toggleActive"); else $('div.header').addClass("toggleActive"); }); {block:IndexPage} // endless scrolling var $container = $('#allposts'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '.box' }); }); $container.infinitescroll({ navSelector : 'div.navigation', // selector for the paged navigation nextSelector : 'div.navigation a#nextPage', // selector for the NEXT link (to page 2) itemSelector : '.box', // selector for all items you'll retrieve bufferPx: 0, debug : true, loading: { finishedMsg: 'No more posts to load.', img: '', msgText: 'Loading More Posts' } }, // trigger Masonry as a callback function( newElements ) { // hide new items while they are loading var $newElems = $( newElements ).css({ opacity: 0 }); // ensure that images load before adding to masonry layout $newElems.imagesLoaded(function(){ // show elems now they're ready $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); } ); // End of endless scrolling {/block:IndexPage} }); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1419534-14']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div style="color: #000000; font-size: 8px; font-family: arial; background-color: transparent; text-align: center; position: relative; bottom: 5px; left: 40%; width: 500px; height: 18px; filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;" align="center"><a href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/tumblr/tumblr-themes" target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target="_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a>, <a href="http://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Facebook Covers"><b>Facebook Covers</b></a>, <a href="http://www.totallylayouts.com/totallyplayer/" target="_blank" title="Tumblr Music Player"><b>Tumblr Music Player</b></a> and <a href="http://www.followercounter.com" target="_blank" title="Tumblr Follower Counter"><b>Tumblr Follower Counter</b></a></div> </body> </html>

Standard Tumblr Theme

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PostSummary} ({PostSummary}){/block:PostSummary}</title> <meta name="description" content="{block:IndexPage}{block:Description}{MetaDescription}{/block:Description}{/block:IndexPage}{block:PermalinkPage}{PostSummary}{/block:PermalinkPage}" /> <meta name="author" content="TotallyLayouts.com" /> <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}" /> <link rel="stylesheet" href="http://static.tumblr.com/ydokqes/6rNm1ux6k/reset.css" type="text/css" /> <script src="http://www.totallylayouts.com/inc/js/infinitescroll.js"></script> <!-- ### Custom Stuff ### --> <meta name="if:Show notes on permalink pages" content="1"/> <meta name="image:Body" content=""/> <meta name="text:Disqus Shortname" content="" /> <style type="text/css"> body { color: #aeaeae; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; background: url('http://www.themesltd.com/backgrounds-large/city_street_at_night.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } a:link, a:visited, a:active { color: #aeaeae; text-decoration: underline; outline-color: invert; outline-style: none; outline-width: medium; } a:hover { color: #747575; text-decoration: none; } #container { margin: 50px auto; position: relative; width: 688px; } .leftWrap{ width: 158px; position: fixed; top: 0; margin-right: 10px; margin-left: 0; margin-top: 50px; } .header { background: #fff; padding: 15px 15px 10px 15px; } .topWrap { padding-bottom: 5px; } .tmlogo { float: left; width: 40px; height: 40px; overflow: hidden; } .tmtitle{ float: left; margin-left:20px; height: 40px; font-size: 11px; font-weight: normal; line-height: 40px; font-family: font-family: Verdana, Arial, Helvetica, sans-serif; color: #969696; text-transform: uppercase; } .tmnav{ } .tmnav, .tmnav ul { font-family: font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; } .tmnav ul { } .tmnav li { background: #fff; padding: 5.5px 15px; font-size: 11px; font-weight: normal; text-align:center; list-style: none; margin-top: 5px; } .tmnav a:link, .tmnav a:visited, .tmnav a:active { text-decoration: none; color: #969696; text-transform: uppercase; } .tmnav a:hover { text-decoration: underline; } /* header Active Css */ .header-more{ } .description { margin: 0; } .description-text{ margin: 0; padding: 0; background: #fff url(http://static.tumblr.com/ydokqes/dumm2av3p/border.png) repeat; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; overflow:hidden; } .header .readmore{ width: 10px; height: 6px; margin: 0 auto; cursor: pointer; background: #fff url(http://static.tumblr.com/ydokqes/S1Vm2av1e/arrow_down.png) no-repeat center top; } .header .up{ background: #fff url(http://static.tumblr.com/ydokqes/Nnrm2av1y/arrow_up.png) no-repeat center top; } #container .posts { float:right; width: 520px; } #container .box { background-color: #fff; width: 520px; margin: 0 0 10px; float: left; overflow: hidden; } #container .box h3 { font-size: 13px; font-weight: bold; } .innerbox { padding: 10px; position: relative; color: #3f3f3f; } .boxhover { width: 520px; height: 100%; position: absolute; left: 0px; top: 0px; padding: 20px; background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #fff; display: none; text-shadow: 0px 0px 5px #000000; filter: dropshadow(color=#000000, offx=0, offy=0); } .boxhover-inner{ padding: 10px; } .boxhover.active { display: block; } .tmlabel { font-size: 10px; text-transform: uppercase; line-height: 10px; } .tmvalue { font-size: 30px; padding-bottom: 15px; line-height: 32px; } a.title { color: #aeaeae; text-decoration: none; } .footer { margin-left:168px; padding: 80px 0 40px 0; width: 520px; text-align: center; } blockquote.classy { background-image: url("http://static.tumblr.com/ydokqes/qjvm1wq4i/openquote1.gif"); background-position: left top; background-repeat: no-repeat; font: 14px/20px italic Times,serif; margin: 5px; padding: 8px; text-indent: 23px; } blockquote.classy span { background-image: url("http://static.tumblr.com/ydokqes/REzm1wq5e/closequote1.gif"); background-position: right bottom; background-repeat: no-repeat; display: block; } table.chat { width: 100%; margin: 0 0 10px 0; border-collapse: collapse; } h2 + table.chat { margin: 10px 0 3px 0 !important; } table.chat tr td { padding: 0 10px; } table.chat tr td.name { font-weight: bold; text-align: right; vertical-align: top; } table.chat tr td.line1 { background: #F7F7F7; } .footer a:link, .footer a:visited, .footer a:active { text-decoration: none; color: #ffffff; text-transform: uppercase; background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 5px; font-size: 18px; line-height: normal; } .footer a:hover { text-decoration: underline; } /* permelink page with notes */ .postbox { float:right; width: 520px; } .postcontent { background: #fff; float: left; padding: 10px; width: 520px; margin: 0 0 10px; } .postcontent img { float: left; } .postinfo { padding: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 5px 0 10px 0; font-size: 10px; text-transform: uppercase; text-align: center; background-color: #fff; width: 100%; float: left; width: 520px; } .note { padding: 10px 10px 11px 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px; font-size: 10px; width: 100%; float: left; width: 520px; line-height: normal; background: #fff url(http://static.tumblr.com/ydokqes/oDZm1xgo6/border.png) no-repeat center bottom; list-style: none; } .clear { clear: both; } .notes { padding: 0px; margin: 0px; } .note .avatar { width: 16px; height: 16px; float: left; overflow: hidden; } .note .action { margin-left: 10px; line-height: 16px; font-size: 11px; text-transform: uppercase; } .more_notes_link_container { background-image: none; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #aeaeae; text-transform: uppercase; } .more_notes_link_container a:link, .more_notes_link_container a:visited, .more_notes_link_container a:active { color: #aeaeae; text-decoration: none; } .more_notes_link_container a:hover { color: #747575; } .c1 { display: block; text-align: center; } #infscr-loading { background: url("http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png") repeat scroll 0 0 transparent; color: #FFFFFF; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 18px; line-height: normal; padding: 5px; text-decoration: none; text-transform: uppercase; bottom: 40px; margin-left: 217px; position: fixed; z-index: 100; text-align: center; } #infscr-loading img{ position: absolute; left: -99999px; top: -99999px; } .rounded-corners { -moz-border-radius: 2px; -webkit-border-radius:2px; -khtml-border-radius: 2px; behavior: url(http://static.tumblr.com/ydokqes/ZpAm27ly3/border-radius.htc); border-radius: 2px; -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.3); box-shadow: 0 1px 10px rgba(0,0,0,.3); } </style> </head> <body> <div id="container"> <div class="leftWrap"> <div class="header rounded-corners"> <div class="topWrap"> <a href="/"><img src="{PortraitURL-128}" width="128" height="128" border="0" /></a> </div> <div class="header-more"> <div class="description"> <div class="description-text"> {Description} </div> </div> </div> <div style="clear:both"></div> </div> <div class="tmnav"> <ul> <li class="rounded-corners"><a href="/">HOME</a></li> {block:AskEnabled}<li class="rounded-corners"><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled} {block:HasPages} {block:Pages}<li class="rounded-corners"><a href="{URL}">{Label}</a></li>{/block:Pages} {/block:HasPages} </ul> </div> </div> <!-- / leftWrap --> {block:IndexPage} <div class="posts" id="allposts"> {/block:IndexPage} {block:Posts} {block:PermalinkPage} <div class="postbox"> <div class="postcontent rounded-corners"> {/block:PermalinkPage} {block:IndexPage} <div class="box rounded-corners"> <div class="innerbox rounded-corners"> {/block:IndexPage} {block:Photo} {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}"> {block:IndexPage}</a>{/block:IndexPage} {block:Caption}{Caption}{/block:Caption} {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {/block:Photo} {block:Audio} {AudioPlayerWhite} {block:Caption}{Caption}{/block:Caption} {/block:Audio} {block:Video} {block:IndexPage}{Video-500}{/block:IndexPage} {block:PermalinkPage}{Video-500}{/block:PermalinkPage} {block:Caption}{Caption}{/block:Caption} {/block:Video} {block:Text} {block:Title} <h3>{Title}</h3> {/block:Title} {Body} {block:More} <a href="{Permalink}" class="readMore">{lang:Read more}</a> {/block:More} {/block:Text} {block:Answer} <b>{lang:Asker asked}:&nbsp;</b>{Question} <p><br><b>{lang:Answer}:</b>{Answer}</p> {/block:Answer} {block:Link} <a href="{URL}" class="title link" {Target}>{Name} &rarr;</a> {block:Description}{Description}{/block:Description} {/block:Link} {block:Quote} {block:Source}<h2>{Source}</h2>{/block:Source} <blockquote class="classy"><span>{Quote}</span></blockquote> {/block:Quote} {block:Chat} {block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{block:Title} <table class="chat" cellspacing="0"> {block:Lines} <tr> {block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td> </tr> {/block:Lines} </table> {/block:Chat} {block:IndexPage} <a href="{Permalink}" class="boxhoverlink"> <div class="boxhover rounded-corners"> <div class="boxhover-inner"> {block:NoteCount} <div class="tmlabel">Notes</div> <div class="tmvalue">{NoteCount}</div> {/block:NoteCount} {block:Date} <div class="tmlabel">Posted</div> <div class="tmvalue">{TimeAgo}</div> {/block:Date} </div> </div> </a> {/block:IndexPage} </div> {block:PermalinkPage} <div class="postinfo rounded-corners">{block:NoteCount}NOTES {NoteCount} {/block:NoteCount}{block:Date}{TimeAgo}{/block:Date}</div> {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> {block:IfDisqusShortname} <div style="overflow: hidden" class="rounded-corners"> <div id="disqus_thread"></div> <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script> <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript> {/block:Date} {/block:IfDisqusShortname} {block:IfShowNotesOnPermalinkPages} {block:PostNotes}{PostNotes}{/block:PostNotes} {/block:IfShowNotesOnPermalinkPages} {block:IfDisqusShortname}</div>{/block:IfDisqusShortname} {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> {/block:PermalinkPage} </div> {/block:Posts} {block:IndexPage} </div> <!-- .posts --> {/block:IndexPage} <div style="clear: both;"></div> {block:IndexPage} <div class="footer" style="display:none;"> <a href="#">Loading</a> </div> <!-- #footer --> <div class="navigation" id="navigation"> {block:Pagination} {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{lang:Previous}{block:PreviousPage}</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} &rarr;{block:NextPage}</a>{/block:NextPage} {/block:Pagination} </div> <!-- .navigation --> {/block:IndexPage} </div> <!-- #container --> {block:IfDisqusShortname} <script type="text/javascript"> //<![CDATA[ (function() { var links = document.getElementsByTagName('a'); var query = '?'; for(var i = 0; i < links.length; i++) { if(links[i].href.indexOf('#disqus_thread') >= 0) { query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&'; } } document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>'); })(); //]]> </script> {/block:IfDisqusShortname} <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery-1.7.1.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.masonry.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.infinitescroll.min.js"></script> <script type="text/javascript"> $(window).load(function () { {block:IndexPage} $('div.box').live('mouseenter',function(){ $(this).find('.boxhover').fadeIn(); }); $('div.box').live('mouseleave',function(){ $(this).find('.boxhover').fadeOut(); }); {/block:IndexPage} $('.header .readmore').click(function(){ if($(this).hasClass("up")){ $(this).removeClass("up"); $('.header-more').slideUp(); } else{ $(this).addClass("up"); $('.header-more').slideDown(); } }); {block:IndexPage} // endless scrolling var $container = $('#allposts'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '.box' }); }); $container.infinitescroll({ navSelector : 'div.navigation', // selector for the paged navigation nextSelector : 'div.navigation a#nextPage', // selector for the NEXT link (to page 2) itemSelector : '.box', // selector for all items you'll retrieve bufferPx: 0, debug : true, loading: { finishedMsg: 'No more posts to load.', img: '', msgText: 'Loading' } }, // trigger Masonry as a callback function( newElements ) { // hide new items while they are loading var $newElems = $( newElements ).css({ opacity: 0 }); // ensure that images load before adding to masonry layout $newElems.imagesLoaded(function(){ // show elems now they're ready $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); } ); // End of endless scrolling {/block:IndexPage} }); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1419534-14']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div style="color: #000000; font-size: 8px; font-family: arial; background-color: transparent; text-align: center; position: relative; bottom: 5px; left: 40%; width: 500px; height: 18px; filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;" align="center"><a href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/tumblr/tumblr-themes" target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target="_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a>, <a href="http://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Facebook Covers"><b>Facebook Covers</b></a>, <a href="http://www.totallylayouts.com/totallyplayer/" target="_blank" title="Tumblr Music Player"><b>Tumblr Music Player</b></a> and <a href="http://www.followercounter.com" target="_blank" title="Tumblr Follower Counter"><b>Tumblr Follower Counter</b></a></div> </body> </html>

Super Skinny Tumblr Theme

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PostSummary} ({PostSummary}){/block:PostSummary}</title> <meta name="description" content="{block:IndexPage}{block:Description}{MetaDescription}{/block:Description}{/block:IndexPage}{block:PermalinkPage}{PostSummary}{/block:PermalinkPage}" /> <meta name="author" content="TotallyLayouts.com" /> <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}" /> <link rel="stylesheet" href="http://static.tumblr.com/ydokqes/6rNm1ux6k/reset.css" type="text/css" /> <script src="http://www.totallylayouts.com/inc/js/infinitescroll.js"></script> <meta name="if:Show notes on permalink pages" content="1"/> <meta name="image:Body" content="http://static.tumblr.com/ydokqes/q9qm2axzw/background.png"/> <meta name="text:Disqus Shortname" content="" /> <style type="text/css"> body { color: #aeaeae; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; background: url('http://www.themesltd.com/backgrounds-large/city_street_at_night.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} a:link, a:visited, a:active { color: #aeaeae; text-decoration: underline; outline-color: invert; outline-style: none; outline-width: medium; } a:hover { color: #747575; text-decoration: none; } #container { margin: 50px auto; position: relative; width: 1120px; } .header { background: #fff; padding: 10px 0px 10px 10px; width: 260px; margin: 0 auto; } .topWrap { padding-bottom: 11px; } .tmlogo { float: left; width: 40px; height: 40px; overflow: hidden; } .tmtitle{ float: left; margin-left:20px; height: 40px; font-size: 11px; font-weight: normal; line-height: 40px; font-family: font-family: Verdana, Arial, Helvetica, sans-serif; color: #969696; text-transform: uppercase; } .tmnav{ margin-left: 10px; } .tmnav, .tmnav ul { float: left; font-family: font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; } .tmnav ul {} .tmnav li { float: left; font-size: 11px; font-weight: normal; list-style: none; padding: 0 15px 0 0; } .tmnav a:link, .tmnav a:visited, .tmnav a:active { text-decoration: none; color: #969696; text-transform: uppercase; } .tmnav a:hover { text-decoration: underline; } /* header Active Css */ .header-more{ padding-bottom: 10px; display: none; } .description { margin: 10px 18px 0 10px; } .description-text{ margin: 0; padding: 0; background: #fff url(http://static.tumblr.com/ydokqes/dumm2av3p/border.png) repeat; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; overflow:hidden; } .header .readmore{ width: 10px; height: 6px; margin: 0 auto; cursor: pointer; background: #fff url(http://static.tumblr.com/ydokqes/S1Vm2av1e/arrow_down.png) no-repeat center top; } .header .up{ background: #fff url(http://static.tumblr.com/ydokqes/Nnrm2av1y/arrow_up.png) no-repeat center top; } #container .posts { clear: both; width: 280px; margin: 0 auto; } #container .box { background-color: #fff; width: 270px; margin: 5px; float: left; overflow: hidden; } #container .box h3 { font-size: 13px; font-weight: bold; } .innerbox { padding: 10px; position: relative; color: #3f3f3f; } .boxhover { width: 270px; height: 100%; position: absolute; left: 0px; top: 0px; background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #fff; display: none; text-shadow: 0px 0px 5px #000000; filter: dropshadow(color=#000000, offx=0, offy=0); } .boxhover-inner{ padding: 20px; } .boxhover.active { display: block; } .tmlabel { font-size: 10px; text-transform: uppercase; line-height: 10px; } .tmvalue { font-size: 30px; padding-bottom: 15px; line-height: 32px; } a.title { color: #aeaeae; text-decoration: none; } .footer { padding: 80px 0 40px 0; width: 100%; text-align: center; } blockquote.classy { background-image: url("http://static.tumblr.com/ydokqes/qjvm1wq4i/openquote1.gif"); background-position: left top; background-repeat: no-repeat; font: 14px/20px italic Times,serif; margin: 5px; padding: 8px; text-indent: 23px; } blockquote.classy span { background-image: url("http://static.tumblr.com/ydokqes/REzm1wq5e/closequote1.gif"); background-position: right bottom; background-repeat: no-repeat; display: block; } table.chat { width: 100%; margin: 0 0 10px 0; border-collapse: collapse; } h2 + table.chat { margin: 10px 0 3px 0 !important; } table.chat tr td { padding: 0 10px; } table.chat tr td.name { font-weight: bold; text-align: right; vertical-align: top; } table.chat tr td.line1 { background: #F7F7F7; } .footer a:link, .footer a:visited, .footer a:active { text-decoration: none; color: #ffffff; text-transform: uppercase; background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 5px; font-size: 18px; line-height: normal; } .footer a:hover { text-decoration: underline; } /* permelink page with notes */ .postbox { margin: 0 auto; width: 270px; } .postcontent { background: #fff; float: left; padding: 10px; margin: 5px 0; } .postcontent img { float: left; } .postinfo { padding: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 5px 0 10px 0; font-size: 10px; text-transform: uppercase; text-align: center; background-color: #fff; width: 100%; float: left; width: 250px; } .note { padding: 10px 10px 11px 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px; font-size: 10px; width: 100%; float: left; width: 250px; line-height: normal; background: #fff url(http://static.tumblr.com/ydokqes/oDZm1xgo6/border.png) no-repeat center bottom; list-style: none; } .clear { clear: both; } .notes { padding: 0px; margin: 0px; } .note .avatar { width: 16px; height: 16px; float: left; overflow: hidden; } .note .action { margin-left: 10px; line-height: 16px; font-size: 11px; text-transform: uppercase; } .more_notes_link_container { background-image: none; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #aeaeae; text-transform: uppercase; } .more_notes_link_container a:link, .more_notes_link_container a:visited, .more_notes_link_container a:active { color: #aeaeae; text-decoration: none; } .more_notes_link_container a:hover { color: #747575; } .c1 { display: block; text-align: center; } #infscr-loading { background: url("http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png") repeat scroll 0 0 transparent; color: #FFFFFF; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 18px; line-height: normal; padding: 5px; text-decoration: none; text-transform: uppercase; bottom: 40px; left: 36.5%; position: fixed; z-index: 100; width: 340px; text-align: center; } #infscr-loading img{ position: absolute; left: -99999px; top: -99999px; } .rounded-corners { -moz-border-radius: 2px; -webkit-border-radius:2px; -khtml-border-radius: 2px; behavior: url(http://static.tumblr.com/ydokqes/ZpAm27ly3/border-radius.htc); border-radius: 2px; -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.3); box-shadow: 0 1px 10px rgba(0,0,0,.3); } </style> </head> <body> <div id="container"> <div class="header rounded-corners"> <div class="topWrap"> <div class="tmlogo"> <img src="{PortraitURL-40}" width="40" height="40" /> </div> <div class="tmtitle">{Title}</div> <div style="clear:both"></div> </div> <div class="header-more"> <div class="tmnav"> <ul> <li><a href="/">HOME</a></li> {block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled} {block:HasPages} {block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages} {/block:HasPages} </ul> </div> <div style="clear:both"></div> <div class="description"> <div class="description-text"> {Description} </div> </div> </div> <div class="readmore"></div> <div style="clear:both"></div> </div> {block:IndexPage} <div class="posts" id="allposts"> {/block:IndexPage} {block:Posts} {block:PermalinkPage} <div style="clear:both"></div> <div class="postbox"> <div class="postcontent rounded-corners"> {/block:PermalinkPage} {block:IndexPage} <div class="box rounded-corners"> <div class="innerbox rounded-corners"> {/block:IndexPage} {block:Photo} {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-250}{/block:PermalinkPage}" alt="{PhotoAlt}"> {block:IndexPage}</a>{/block:IndexPage} {block:Caption}{Caption}{/block:Caption} {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {/block:Photo} {block:Audio} {AudioPlayerWhite} {block:Caption}{Caption}{/block:Caption} {/block:Audio} {block:Video} {block:IndexPage}{Video-250}{/block:IndexPage} {block:PermalinkPage}{Video-500}{/block:PermalinkPage} {block:Caption}{Caption}{/block:Caption} {/block:Video} {block:Text} {block:Title} <h3>{Title}</h3> {/block:Title} {Body} {block:More} <a href="{Permalink}" class="readMore">{lang:Read more}</a> {/block:More} {/block:Text} {block:Answer} <b>{lang:Asker asked}:&nbsp;</b>{Question} <p><br><b>{lang:Answer}:</b>{Answer}</p> {/block:Answer} {block:Link} <a href="{URL}" class="title link" {Target}>{Name} &rarr;</a> {block:Description}{Description}{/block:Description} {/block:Link} {block:Quote} {block:Source}<h2>{Source}</h2>{/block:Source} <blockquote class="classy"><span>{Quote}</span></blockquote> {/block:Quote} {block:Chat} {block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{block:Title} <table class="chat" cellspacing="0"> {block:Lines} <tr> {block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td> </tr> {/block:Lines} </table> {/block:Chat} {block:IndexPage} <a href="{Permalink}" class="boxhoverlink"> <div class="boxhover rounded-corners"> <div class="boxhover-inner"> {block:NoteCount} <div class="tmlabel">Notes</div> <div class="tmvalue">{NoteCount}</div> {/block:NoteCount} {block:Date} <div class="tmlabel">Posted</div> <div class="tmvalue">{TimeAgo}</div> {/block:Date} </div> </div> </a> {/block:IndexPage} </div> {block:PermalinkPage} <div class="postinfo rounded-corners">{block:NoteCount}NOTES {NoteCount} {/block:NoteCount}{block:Date}{TimeAgo}{/block:Date}</div> {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> {block:IfDisqusShortname} <div style="overflow: hidden" class="rounded-corners"> <div id="disqus_thread"></div> <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script> <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript> {/block:Date} {/block:IfDisqusShortname} {block:IfShowNotesOnPermalinkPages} {block:PostNotes}{PostNotes}{/block:PostNotes} {/block:IfShowNotesOnPermalinkPages} {block:IfDisqusShortname}</div>{/block:IfDisqusShortname} {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> {/block:PermalinkPage} </div> {/block:Posts} {block:IndexPage} </div> <!-- .posts --> {/block:IndexPage} <div style="clear: both;"></div> {block:IndexPage} <div class="footer" style="display:none;"> <a href="#">Loading More Posts</a> </div> <!-- #footer --> <div class="navigation" id="navigation"> {block:Pagination} {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{lang:Previous}{block:PreviousPage}</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} &rarr;{block:NextPage}</a>{/block:NextPage} {/block:Pagination} </div> <!-- .navigation --> {/block:IndexPage} </div> <!-- #container --> {block:IfDisqusShortname} <script type="text/javascript"> //<![CDATA[ (function() { var links = document.getElementsByTagName('a'); var query = '?'; for(var i = 0; i < links.length; i++) { if(links[i].href.indexOf('#disqus_thread') >= 0) { query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&'; } } document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>'); })(); //]]> </script> {/block:IfDisqusShortname} <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery-1.7.1.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.masonry.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.infinitescroll.min.js"></script> <script type="text/javascript"> $(window).load(function () { {block:IndexPage} $('div.box').live('mouseenter',function(){ $(this).find('.boxhover').fadeIn(); }); $('div.box').live('mouseleave',function(){ $(this).find('.boxhover').fadeOut(); }); {/block:IndexPage} $('.header .readmore').click(function(){ if($(this).hasClass("up")){ $(this).removeClass("up"); $('.header-more').slideUp(); } else{ $(this).addClass("up"); $('.header-more').slideDown(); } }); {block:IndexPage} // endless scrolling var $container = $('#allposts'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '.box' }); }); $container.infinitescroll({ navSelector : 'div.navigation', // selector for the paged navigation nextSelector : 'div.navigation a#nextPage', // selector for the NEXT link (to page 2) itemSelector : '.box', // selector for all items you'll retrieve bufferPx: 0, debug : true, loading: { finishedMsg: 'No more posts to load.', img: '', msgText: 'Loading More Posts' } }, // trigger Masonry as a callback function( newElements ) { // hide new items while they are loading var $newElems = $( newElements ).css({ opacity: 0 }); // ensure that images load before adding to masonry layout $newElems.imagesLoaded(function(){ // show elems now they're ready $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); } ); // End of endless scrolling {/block:IndexPage} }); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1419534-14']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div style="color: #000000; font-size: 8px; font-family: arial; background-color: transparent; text-align: center; position: relative; bottom: 5px; left: 40%; width: 500px; height: 18px; filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;" align="center"><a href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/tumblr/tumblr-themes" target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target="_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a>, <a href="http://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Facebook Covers"><b>Facebook Covers</b></a>, <a href="http://www.totallylayouts.com/totallyplayer/" target="_blank" title="Tumblr Music Player"><b>Tumblr Music Player</b></a> and <a href="http://www.followercounter.com" target="_blank" title="Tumblr Follower Counter"><b>Tumblr Follower Counter</b></a></div> </body> </html>

Tiny Tumblr Theme

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PostSummary} ({PostSummary}){/block:PostSummary}</title> <meta name="description" content="{block:IndexPage}{block:Description}{MetaDescription}{/block:Description}{/block:IndexPage}{block:PermalinkPage}{PostSummary}{/block:PermalinkPage}" /> <meta name="author" content="TotallyLayouts.com" /> <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}" /> <link rel="stylesheet" href="http://static.tumblr.com/ydokqes/6rNm1ux6k/reset.css" type="text/css" /> <script src="http://www.totallylayouts.com/inc/js/infinitescroll.js"></script> <!-- ### Custom Stuff ### --> <meta name="if:Show notes on permalink pages" content="1"/> <meta name="image:Body" content="http://static.tumblr.com/ydokqes/CsUm42nlq/background.png"/> <meta name="text:Disqus Shortname" content="" /> <style type="text/css"> body { color: #302626; font-family: Arial, Helvetica, sans-serif; font-size: 7px; line-height: 10px; background: url('http://www.themesltd.com/backgrounds-large/city_street_at_night.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } a:link, a:visited, a:active { color: #aeaeae; text-decoration: underline; outline-color: invert; outline-style: none; outline-width: medium; } a:hover { color: #747575; text-decoration: none; } #container { margin: 70px auto; position: relative; width: 134px; } .leftWrap{ /*float: left;*/ width: 28px; position: fixed; top: 0; margin-right: 2px; margin-left: 0; margin-top: 70px; line-height: 5px; } .header { background: #fff; padding: 2px; } .topWrap { /*padding-bottom: 5px; */ } .tmlogo { float: left; width: 40px; height: 40px; overflow: hidden; } .tmtitle{ float: left; margin-left:20px; height: 40px; font-size: 6px; font-weight: normal; line-height: 40px; font-family: Arial, Helvetica, sans-serif; color: #969696; text-transform: uppercase; } .tmnav{ } .tmnav, .tmnav ul { font-family: Arial, Helvetica, sans-serif; font-weight: normal; } .tmnav ul { } .tmnav li { background: #fff; padding: 4px 2px; font-size: 6px; font-weight: normal; text-align:center; list-style: none; margin-top: 2px; } .tmnav a:link, .tmnav a:visited, .tmnav a:active { text-decoration: none; color: #969696; text-transform: uppercase; } .tmnav a:hover { text-decoration: underline; } /* header Active Css */ .header-more{ display:none; } .description { margin: 0; } .description-text{ margin: 0; padding: 0; background: #fff url(http://static.tumblr.com/ydokqes/dumm2av3p/border.png) repeat; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10px; overflow:hidden; } .header .readmore{ width: 10px; height: 6px; margin: 0 auto; cursor: pointer; background: #fff url(http://static.tumblr.com/ydokqes/S1Vm2av1e/arrow_down.png) no-repeat center top; } .header .up{ background: #fff url(http://static.tumblr.com/ydokqes/Nnrm2av1y/arrow_up.png) no-repeat center top; } .totallylayouts{ width: 36px; height: 45px; position: fixed; left: 11px; top: 0; background: url(http://static.tumblr.com/ydokqes/oXIm2axu0/totallylayouts.png) no-repeat center top; } #container .posts { float:right; width: 104px; } #container .box { background-color: #fff; width: 104px; margin: 0 0 2px; float: left; overflow: hidden; } #container .box h3 { /*font-size: 6px; font-weight: normal;*/ } .innerbox { padding: 2px; position: relative; color: #3f3f3f; } .innerbox img{ width: 100px; } .innerbox iframe{ width: 100px; } .boxhover { width: 104px; height: 100%; position: absolute; left: 0px; top: 0px; padding: 7px; background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Arial, Helvetica, sans-serif; color: #fff; display: none; text-shadow: 0px 0px 5px #000000; filter: dropshadow(color=#000000, offx=0, offy=0); } .boxhover-inner{ padding: 10px; } .boxhover.active { display: block; } .tmlabel { font-size: 7px; text-transform: uppercase; line-height: 8px; } .tmvalue { font-size: 7px; padding-bottom: 3px; line-height: 8px; } a.title { color: #aeaeae; text-decoration: none; } .footer { margin-left:168px; padding: 80px 0 40px 0; width: 270px; text-align: center; } blockquote.classy { background-image: url("http://static.tumblr.com/ydokqes/qjvm1wq4i/openquote1.gif"); background-position: left top; background-repeat: no-repeat; font: 7px/20px italic Times,serif; margin: 5px; padding: 8px; text-indent: 23px; } blockquote.classy span { background-image: url("http://static.tumblr.com/ydokqes/REzm1wq5e/closequote1.gif"); background-position: right bottom; background-repeat: no-repeat; display: block; } table.chat { width: 100%; margin: 0 0 10px 0; border-collapse: collapse; } h2 + table.chat { margin: 10px 0 3px 0 !important; } table.chat tr td { padding: 0 10px; } table.chat tr td.name { font-weight: bold; text-align: right; vertical-align: top; } table.chat tr td.line1 { background: #F7F7F7; } .footer a:link, .footer a:visited, .footer a:active { text-decoration: none; color: #ffffff; text-transform: uppercase; background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 5px; font-size: 18px; line-height: normal; } .footer a:hover { text-decoration: underline; } /* permelink page with notes */ .postbox { float:right; width: 104px; } .postcontent { background: #fff; float: left; padding: 2px; width: 104px; margin: 0 0 2px; } .postcontent img { float: left; } .postinfo { padding: 2px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 2px 0; font-size: 7px; text-transform: uppercase; text-align: center; background-color: #fff; width: 100%; float: left; width: 104px; } .note { padding: 2px; font-family: Arial, Helvetica, sans-serif; margin: 0px; font-size: 7px; width: 100%; float: left; width: 104px; line-height: normal; background: #fff url(http://static.tumblr.com/ydokqes/oDZm1xgo6/border.png) no-repeat center bottom; list-style: none; } .clear { clear: both; } .notes { padding: 0px; margin: 0px; } .note .avatar { width: 16px; height: 16px; float: left; overflow: hidden; } .note .action { margin-left: 2px; line-height: 10px; font-size: 7px; text-transform: uppercase; } .more_notes_link_container { background-image: none; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 7px; color: #aeaeae; text-transform: uppercase; } .more_notes_link_container a:link, .more_notes_link_container a:visited, .more_notes_link_container a:active { color: #aeaeae; text-decoration: none; } .more_notes_link_container a:hover { color: #747575; } .c1 { display: block; text-align: center; } #infscr-loading { background: url("http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png") repeat scroll 0 0 transparent; color: #FFFFFF; font-family: Arial,Helvetica,sans-serif; font-size: 7px; line-height: normal; padding: 2px; text-decoration: none; text-transform: uppercase; bottom: 40px; margin-left: 34px; position: fixed; z-index: 100; text-align: center; } #infscr-loading img{ position: absolute; left: -99999px; top: -99999px; } .rounded-corners { -moz-border-radius: 1px; -webkit-border-radius:1px; -khtml-border-radius: 1px; behavior: url(http://static.tumblr.com/ydokqes/ZpAm27ly3/border-radius.htc); border-radius: 1px; -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.3); box-shadow: 0 1px 10px rgba(0,0,0,.3); } </style> </head> <body> <div id="container"> <div class="leftWrap"> <div class="header rounded-corners"> <div class="topWrap"> <a href="/"><img src="{PortraitURL-24}" width="24" border="0" /></a> </div> <div class="header-more"> <div class="description"> <div class="description-text"> {Description} </div> </div> </div> <div style="clear:both"></div> </div> <div class="tmnav"> <ul> <li class="rounded-corners"><a href="/">HOME</a></li> {block:AskEnabled}<li class="rounded-corners"><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled} {block:HasPages} {block:Pages}<li class="rounded-corners"><a href="{URL}">{Label}</a></li>{/block:Pages} {/block:HasPages} </ul> </div> </div> <!-- / leftWrap --> {block:IndexPage} <div class="posts" id="allposts"> {/block:IndexPage} {block:Posts} {block:PermalinkPage} <div class="postbox"> <div class="postcontent rounded-corners"> {/block:PermalinkPage} {block:IndexPage} <div class="box rounded-corners"> <div class="innerbox rounded-corners"> {/block:IndexPage} {block:Photo} {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-100}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-100}{/block:PermalinkPage}" alt="{PhotoAlt}"> {block:IndexPage}</a>{/block:IndexPage} {block:Caption}{Caption}{/block:Caption} {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {/block:Photo} {block:Audio} {AudioPlayerWhite} {block:Caption}{Caption}{/block:Caption} {/block:Audio} {block:Video} {block:IndexPage}{Video-250}{/block:IndexPage} {block:PermalinkPage}{Video-250}{/block:PermalinkPage} {block:Caption}{Caption}{/block:Caption} {/block:Video} {block:Text} {block:Title} <h3>{Title}</h3> {/block:Title} {Body} {block:More} <a href="{Permalink}" class="readMore">{lang:Read more}</a> {/block:More} {/block:Text} {block:Answer} <b>{lang:Asker asked}:&nbsp;</b>{Question} <p><br><b>{lang:Answer}:</b>{Answer}</p> {/block:Answer} {block:Link} <a href="{URL}" class="title link" {Target}>{Name} &rarr;</a> {block:Description}{Description}{/block:Description} {/block:Link} {block:Quote} {block:Source}<h2>{Source}</h2>{/block:Source} <blockquote class="classy"><span>{Quote}</span></blockquote> {/block:Quote} {block:Chat} {block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{block:Title} <table class="chat" cellspacing="0"> {block:Lines} <tr> {block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td> </tr> {/block:Lines} </table> {/block:Chat} {block:IndexPage} <a href="{Permalink}" class="boxhoverlink"> <div class="boxhover rounded-corners"> <div class="boxhover-inner"> {block:NoteCount} <div class="tmlabel">Notes</div> <div class="tmvalue">{NoteCount}</div> {/block:NoteCount} {block:Date} <div class="tmlabel">Posted</div> <div class="tmvalue">{TimeAgo}</div> {/block:Date} </div> </div> </a> {/block:IndexPage} </div> {block:PermalinkPage} <div class="postinfo rounded-corners">{block:NoteCount}NOTES {NoteCount} {/block:NoteCount}{block:Date}{TimeAgo}{/block:Date}</div> {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> {block:IfDisqusShortname} <div style="overflow: hidden" class="rounded-corners"> <div id="disqus_thread"></div> <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script> <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript> {/block:Date} {/block:IfDisqusShortname} {block:IfShowNotesOnPermalinkPages} {block:PostNotes}{PostNotes}{/block:PostNotes} {/block:IfShowNotesOnPermalinkPages} {block:IfDisqusShortname}</div>{/block:IfDisqusShortname} {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> {/block:PermalinkPage} </div> {/block:Posts} {block:IndexPage} </div> <!-- .posts --> {/block:IndexPage} <div style="clear: both;"></div> {block:IndexPage} <div class="footer" style="display:none;"> <a href="#">Loading</a> </div> <!-- #footer --> <div class="navigation" id="navigation"> {block:Pagination} {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{lang:Previous}{block:PreviousPage}</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} &rarr;{block:NextPage}</a>{/block:NextPage} {/block:Pagination} </div> <!-- .navigation --> {/block:IndexPage} </div> <!-- #container --> {block:IfDisqusShortname} <script type="text/javascript"> //<![CDATA[ (function() { var links = document.getElementsByTagName('a'); var query = '?'; for(var i = 0; i < links.length; i++) { if(links[i].href.indexOf('#disqus_thread') >= 0) { query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&'; } } document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>'); })(); //]]> </script> {/block:IfDisqusShortname} <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery-1.7.1.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.masonry.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.infinitescroll.min.js"></script> <script type="text/javascript"> $(window).load(function () { {block:IndexPage} $('div.box').live('mouseenter',function(){ $(this).find('.boxhover').fadeIn(); }); $('div.box').live('mouseleave',function(){ $(this).find('.boxhover').fadeOut(); }); {/block:IndexPage} $('.header .readmore').click(function(){ if($(this).hasClass("up")){ $(this).removeClass("up"); $('.header-more').slideUp(); } else{ $(this).addClass("up"); $('.header-more').slideDown(); } }); {block:IndexPage} // endless scrolling var $container = $('#allposts'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '.box' }); }); $container.infinitescroll({ navSelector : 'div.navigation', // selector for the paged navigation nextSelector : 'div.navigation a#nextPage', // selector for the NEXT link (to page 2) itemSelector : '.box', // selector for all items you'll retrieve bufferPx: 0, debug : true, loading: { finishedMsg: 'No more posts to load.', img: '', msgText: 'Loading' } }, // trigger Masonry as a callback function( newElements ) { // hide new items while they are loading var $newElems = $( newElements ).css({ opacity: 0 }); // ensure that images load before adding to masonry layout $newElems.imagesLoaded(function(){ // show elems now they're ready $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); } ); // End of endless scrolling {/block:IndexPage} }); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1419534-14']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div style="color: #000000; font-size: 8px; font-family: arial; background-color: transparent; text-align: center; position: relative; bottom: 5px; left: 40%; width: 500px; height: 18px; filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;" align="center"><a href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/tumblr/tumblr-themes" target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target="_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a>, <a href="http://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Facebook Covers"><b>Facebook Covers</b></a>, <a href="http://www.totallylayouts.com/totallyplayer/" target="_blank" title="Tumblr Music Player"><b>Tumblr Music Player</b></a> and <a href="http://www.followercounter.com" target="_blank" title="Tumblr Follower Counter"><b>Tumblr Follower Counter</b></a></div> </body> </html>

Skinny Tumblr Theme

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PostSummary} ({PostSummary}){/block:PostSummary}</title> <meta name="description" content="{block:IndexPage}{block:Description}{MetaDescription}{/block:Description}{/block:IndexPage}{block:PermalinkPage}{PostSummary}{/block:PermalinkPage}" /> <meta name="author" content="TotallyLayouts.com" /> <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}" /> <link rel="stylesheet" href="http://static.tumblr.com/ydokqes/6rNm1ux6k/reset.css" type="text/css" /> <script src="http://www.totallylayouts.com/inc/js/infinitescroll.js"></script> <!-- ### Custom Stuff ### --> <meta name="if:Show notes on permalink pages" content="1"/> <meta name="image:Body" content="http://static.tumblr.com/ydokqes/q9qm2axzw/background.png"/> <meta name="text:Disqus Shortname" content="" /> <style type="text/css"> body { color: #aeaeae; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; background: url('http://www.themesltd.com/backgrounds-large/city_street_at_night.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } a:link, a:visited, a:active { color: #aeaeae; text-decoration: underline; outline-color: invert; outline-style: none; outline-width: medium; } a:hover { color: #747575; text-decoration: none; } #container { margin: 50px auto; position: relative; width: 438px; } .leftWrap{ width: 158px; position: fixed; top: 0; margin-right: 10px; margin-left: 0; margin-top: 50px; } .header { background: #fff; padding: 15px 15px 10px 15px; } .topWrap { padding-bottom: 5px; } .tmlogo { float: left; width: 40px; height: 40px; overflow: hidden; } .tmtitle{ float: left; margin-left:20px; height: 40px; font-size: 11px; font-weight: normal; line-height: 40px; font-family: font-family: Verdana, Arial, Helvetica, sans-serif; color: #969696; text-transform: uppercase; } .tmnav{ } .tmnav, .tmnav ul { font-family: font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; } .tmnav ul { } .tmnav li { background: #fff; padding: 5.5px 15px; font-size: 11px; font-weight: normal; text-align:center; list-style: none; margin-top: 5px; } .tmnav a:link, .tmnav a:visited, .tmnav a:active { text-decoration: none; color: #969696; text-transform: uppercase; } .tmnav a:hover { text-decoration: underline; } /* header Active Css */ .header-more{ } .description { margin: 0; } .description-text{ margin: 0; padding: 0; background: #fff url(http://static.tumblr.com/ydokqes/dumm2av3p/border.png) repeat; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; overflow:hidden; } .header .readmore{ width: 10px; height: 6px; margin: 0 auto; cursor: pointer; background: #fff url(http://static.tumblr.com/ydokqes/S1Vm2av1e/arrow_down.png) no-repeat center top; } .header .up{ background: #fff url(http://static.tumblr.com/ydokqes/Nnrm2av1y/arrow_up.png) no-repeat center top; } #container .posts { float:right; width: 270px; } #container .box { background-color: #fff; width: 270px; margin: 0 0 10px; float: left; overflow: hidden; } #container .box h3 { font-size: 13px; font-weight: bold; } .innerbox { padding: 10px; position: relative; color: #3f3f3f; } .boxhover { width: 270px; height: 100%; position: absolute; left: 0px; top: 0px; padding: 20px; background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #fff; display: none; text-shadow: 0px 0px 5px #000000; filter: dropshadow(color=#000000, offx=0, offy=0); } .boxhover-inner{ padding: 10px; } .boxhover.active { display: block; } .tmlabel { font-size: 10px; text-transform: uppercase; line-height: 10px; } .tmvalue { font-size: 30px; padding-bottom: 15px; line-height: 32px; } a.title { color: #aeaeae; text-decoration: none; } .footer { margin-left:168px; padding: 80px 0 40px 0; width: 270px; text-align: center; } blockquote.classy { background-image: url("http://static.tumblr.com/ydokqes/qjvm1wq4i/openquote1.gif"); background-position: left top; background-repeat: no-repeat; font: 14px/20px italic Times,serif; margin: 5px; padding: 8px; text-indent: 23px; } blockquote.classy span { background-image: url("http://static.tumblr.com/ydokqes/REzm1wq5e/closequote1.gif"); background-position: right bottom; background-repeat: no-repeat; display: block; } table.chat { width: 100%; margin: 0 0 10px 0; border-collapse: collapse; } h2 + table.chat { margin: 10px 0 3px 0 !important; } table.chat tr td { padding: 0 10px; } table.chat tr td.name { font-weight: bold; text-align: right; vertical-align: top; } table.chat tr td.line1 { background: #F7F7F7; } .footer a:link, .footer a:visited, .footer a:active { text-decoration: none; color: #ffffff; text-transform: uppercase; background: transparent url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 5px; font-size: 18px; line-height: normal; } .footer a:hover { text-decoration: underline; } /* permelink page with notes */ .postbox { float:right; width: 270px; } .postcontent { background: #fff; float: left; padding: 10px; width: 270px; margin: 0 0 10px; } .postcontent img { float: left; } .postinfo { padding: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 5px 0 10px 0; font-size: 10px; text-transform: uppercase; text-align: center; background-color: #fff; width: 100%; float: left; width: 270px; } .note { padding: 10px 10px 11px 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px; font-size: 10px; width: 100%; float: left; width: 270px; line-height: normal; background: #fff url(http://static.tumblr.com/ydokqes/oDZm1xgo6/border.png) no-repeat center bottom; list-style: none; } .clear { clear: both; } .notes { padding: 0px; margin: 0px; } .note .avatar { width: 16px; height: 16px; float: left; overflow: hidden; } .note .action { margin-left: 10px; line-height: 16px; font-size: 11px; text-transform: uppercase; } .more_notes_link_container { background-image: none; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #aeaeae; text-transform: uppercase; } .more_notes_link_container a:link, .more_notes_link_container a:visited, .more_notes_link_container a:active { color: #aeaeae; text-decoration: none; } .more_notes_link_container a:hover { color: #747575; } .c1 { display: block; text-align: center; } #infscr-loading { background: url("http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png") repeat scroll 0 0 transparent; color: #FFFFFF; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 18px; line-height: normal; padding: 5px; text-decoration: none; text-transform: uppercase; bottom: 40px; margin-left: 92px; position: fixed; z-index: 100; text-align: center; } #infscr-loading img{ position: absolute; left: -99999px; top: -99999px; } .rounded-corners { -moz-border-radius: 2px; -webkit-border-radius:2px; -khtml-border-radius: 2px; behavior: url(http://static.tumblr.com/ydokqes/ZpAm27ly3/border-radius.htc); border-radius: 2px; -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.3); box-shadow: 0 1px 10px rgba(0,0,0,.3); } </style> </head> <body> <div id="container"> <div class="leftWrap"> <div class="header rounded-corners"> <div class="topWrap"> <a href="/"><img src="{PortraitURL-128}" width="128" height="128" border="0" /></a> </div> <div class="header-more"> <div class="description"> <div class="description-text"> {Description} </div> </div> </div> <div style="clear:both"></div> </div> <div class="tmnav"> <ul> <li class="rounded-corners"><a href="/">HOME</a></li> {block:AskEnabled}<li class="rounded-corners"><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled} {block:HasPages} {block:Pages}<li class="rounded-corners"><a href="{URL}">{Label}</a></li>{/block:Pages} {/block:HasPages} </ul> </div> </div> <!-- / leftWrap --> {block:IndexPage} <div class="posts" id="allposts"> {/block:IndexPage} {block:Posts} {block:PermalinkPage} <div class="postbox"> <div class="postcontent rounded-corners"> {/block:PermalinkPage} {block:IndexPage} <div class="box rounded-corners"> <div class="innerbox rounded-corners"> {/block:IndexPage} {block:Photo} {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-250}{/block:PermalinkPage}" alt="{PhotoAlt}"> {block:IndexPage}</a>{/block:IndexPage} {block:Caption}{Caption}{/block:Caption} {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {/block:Photo} {block:Audio} {AudioPlayerWhite} {block:Caption}{Caption}{/block:Caption} {/block:Audio} {block:Video} {block:IndexPage}{Video-250}{/block:IndexPage} {block:PermalinkPage}{Video-250}{/block:PermalinkPage} {block:Caption}{Caption}{/block:Caption} {/block:Video} {block:Text} {block:Title} <h3>{Title}</h3> {/block:Title} {Body} {block:More} <a href="{Permalink}" class="readMore">{lang:Read more}</a> {/block:More} {/block:Text} {block:Answer} <b>{lang:Asker asked}:&nbsp;</b>{Question} <p><br><b>{lang:Answer}:</b>{Answer}</p> {/block:Answer} {block:Link} <a href="{URL}" class="title link" {Target}>{Name} &rarr;</a> {block:Description}{Description}{/block:Description} {/block:Link} {block:Quote} {block:Source}<h2>{Source}</h2>{/block:Source} <blockquote class="classy"><span>{Quote}</span></blockquote> {/block:Quote} {block:Chat} {block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{block:Title} <table class="chat" cellspacing="0"> {block:Lines} <tr> {block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td> </tr> {/block:Lines} </table> {/block:Chat} {block:IndexPage} <a href="{Permalink}" class="boxhoverlink"> <div class="boxhover rounded-corners"> <div class="boxhover-inner"> {block:NoteCount} <div class="tmlabel">Notes</div> <div class="tmvalue">{NoteCount}</div> {/block:NoteCount} {block:Date} <div class="tmlabel">Posted</div> <div class="tmvalue">{TimeAgo}</div> {/block:Date} </div> </div> </a> {/block:IndexPage} </div> {block:PermalinkPage} <div class="postinfo rounded-corners">{block:NoteCount}NOTES {NoteCount} {/block:NoteCount}{block:Date}{TimeAgo}{/block:Date}</div> {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> {block:IfDisqusShortname} <div style="overflow: hidden" class="rounded-corners"> <div id="disqus_thread"></div> <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script> <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript> {/block:Date} {/block:IfDisqusShortname} {block:IfShowNotesOnPermalinkPages} {block:PostNotes}{PostNotes}{/block:PostNotes} {/block:IfShowNotesOnPermalinkPages} {block:IfDisqusShortname}</div>{/block:IfDisqusShortname} {/block:PermalinkPage} {block:PermalinkPage} <div style="clear: both;"></div> {/block:PermalinkPage} </div> {/block:Posts} {block:IndexPage} </div> <!-- .posts --> {/block:IndexPage} <div style="clear: both;"></div> {block:IndexPage} <div class="footer" style="display:none;"> <a href="#">Loading</a> </div> <!-- #footer --> <div class="navigation" id="navigation"> {block:Pagination} {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{lang:Previous}{block:PreviousPage}</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} &rarr;{block:NextPage}</a>{/block:NextPage} {/block:Pagination} </div> <!-- .navigation --> {/block:IndexPage} </div> <!-- #container --> {block:IfDisqusShortname} <script type="text/javascript"> //<![CDATA[ (function() { var links = document.getElementsByTagName('a'); var query = '?'; for(var i = 0; i < links.length; i++) { if(links[i].href.indexOf('#disqus_thread') >= 0) { query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&'; } } document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>'); })(); //]]> </script> {/block:IfDisqusShortname} <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery-1.7.1.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.masonry.min.js"></script> <script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery.infinitescroll.min.js"></script> <script type="text/javascript"> $(window).load(function () { {block:IndexPage} $('div.box').live('mouseenter',function(){ $(this).find('.boxhover').fadeIn(); }); $('div.box').live('mouseleave',function(){ $(this).find('.boxhover').fadeOut(); }); {/block:IndexPage} $('.header .readmore').click(function(){ if($(this).hasClass("up")){ $(this).removeClass("up"); $('.header-more').slideUp(); } else{ $(this).addClass("up"); $('.header-more').slideDown(); } }); {block:IndexPage} // endless scrolling var $container = $('#allposts'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '.box' }); }); $container.infinitescroll({ navSelector : 'div.navigation', // selector for the paged navigation nextSelector : 'div.navigation a#nextPage', // selector for the NEXT link (to page 2) itemSelector : '.box', // selector for all items you'll retrieve bufferPx: 0, debug : true, loading: { finishedMsg: 'No more posts to load.', img: '', msgText: 'Loading' } }, // trigger Masonry as a callback function( newElements ) { // hide new items while they are loading var $newElems = $( newElements ).css({ opacity: 0 }); // ensure that images load before adding to masonry layout $newElems.imagesLoaded(function(){ // show elems now they're ready $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); } ); // End of endless scrolling {/block:IndexPage} }); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1419534-14']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div style="color: #000000; font-size: 8px; font-family: arial; background-color: transparent; text-align: center; position: relative; bottom: 5px; left: 40%; width: 500px; height: 18px; filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;" align="center"><a href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/tumblr/tumblr-themes" target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target="_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a>, <a href="http://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Facebook Covers"><b>Facebook Covers</b></a>, <a href="http://www.totallylayouts.com/totallyplayer/" target="_blank" title="Tumblr Music Player"><b>Tumblr Music Player</b></a> and <a href="http://www.followercounter.com" target="_blank" title="Tumblr Follower Counter"><b>Tumblr Follower Counter</b></a></div> </body> </html>