|
|
|
|
Pink Roses In Bloom 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.totallylayouts.com/backgrounds/floral/pink_roses_in_bloom.jpg') repeat center; }
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}: </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} →</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}
/
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} →{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.totallylayouts.com/backgrounds/floral/pink_roses_in_bloom.jpg') repeat center; }
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}: </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} →</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}
/
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} →{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>
Against The Wall 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: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-image:url('http://www.totallylayouts.com/backgrounds/floral/pink_roses_in_bloom.jpg'); repeat center; }
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: 31px auto;
position: relative;
margin-right:10px;
width: 500px; /* Permalink width */
{block:IndexPage}
width: 700px; /* 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: 700px;
}
#container .box {
background-color: #fff;
width: 320px;
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: 320px;
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: 4%;
text-align: center;
margin-left:4%;
}
.boxhover.active {
display: block;
visibility: visible;
}
.tmlabel {
font-family: BebasNeueRegular,tahoma;
font-size: 50px;
font-weight: none;
color: #ffffff;
letter-spacing: 0px;
line-height: 190px;
text-transform: uppercase;
width:320px;
}
.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;display:block; line-height:27px;width:120px;
}
a.menu:hover {
color: #ffffff;font-weight:none;text-shadow: 1px 1px 1px #000000;text-decoration:underline;display:block; line-height:27px; width:120px;
{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>
<div style="position: absolute; z-index: 1999; position: fixed; top:25%; left:80%; margin-left:-1000px; width:500px; height: 58px;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>
<img src="{PortraitURL-128}" border="10" style="border-radius: 85px;{Block:IfShadow} -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}
">
<br><br><br>
{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: {text:Title Size}px; {Block:IfUppercaseTitle}text-transform:uppercase;{/Block:IfUppercaseTitle}color:#ffffff;text-decoration:none; line-height:90px;text-shadow: 2px 2px 10 rgba(0,0,0,0.6);">{title}</font></center>{/Block:IfnotBannerImage}
{Block:IfBannerImage}<center><img src="{Image:Banner}" id="logo" /></a>}</center>{/Block:IfBannerImage}
<br>
{block:Description}{Description}{/block:Description}</center><br>
<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="320"{/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">
{AudioPlayerWhite}
{block:Caption}{Caption}{/block:Caption}
</div>
{/block:Audio}
{block:Video}
{block:IndexPage}{Video-320}{/block:IndexPage}
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
{block:Caption}
<div class="innerbox rounded-corners">
{Caption}
</div>
{/block:Caption}
{/block:Video}
{block:Text}
<div class="innerbox rounded-corners">
{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">
<b>{lang:Asker asked}: </b>{Question}
<p><br><b>{lang:Answer}:</b>{Answer}</p>
</div>
{/block:Answer}
{block:Link}
<div class="innerbox rounded-corners">
<a href="{URL}" class="title link" {Target}>{Name} →</a>
{block:Description}{Description}{/block:Description}
</div>
{/block:Link}
{block:Quote}
<div class="innerbox rounded-corners">
{/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">
{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}
/
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} →{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-image:url('http://www.totallylayouts.com/backgrounds/floral/pink_roses_in_bloom.jpg'); repeat center; }
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}: </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} →</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}
/
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} →{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>
Tall Skinny 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="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-image:url('http://www.totallylayouts.com/backgrounds/floral/pink_roses_in_bloom.jpg'); background-repeat:repeat;;background-position:center top; background-attachment:fixed; }
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: 230px auto;{/Block:IfnotBannerImage}
{Block:IfBannerImage}margin: 335px auto;{/Block:IfBannerImage}
position: relative;
width: 500px; /* Permalink width */
{block:IndexPage}
width: 560px; /* 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: 560px;
}
#container .box {
background-color: #fff;
width: 250px;
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: 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: 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: 500px;
line-height: normal;
background: #fff url() 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;
}
a.menu:link, a.menu:visited, a.menu:active {
color: #000000;
font-weight:none;text-decoration:none; padding-right:10px; padding-left:10px;
}
a.menu:hover {
color: #000000;font-weight:none;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: 70px;left:50%; margin-left:-291px; width:580px;{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: 40px; {Block:IfUppercaseTitle}text-transform:uppercase;{/Block:IfUppercaseTitle}color: #000000;">{title}</font></a></center></div>{/Block:IfnotBannerImage}
{Block:IfBannerImage}<div style="position: fixed; z-index:9999999999; top: 20px;left:50%; margin-left:-291px; width:580px;{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;{Block:IfBannerImage}top: 250px;{/Block:IfBannerImage} {Block:IfnotBannerImage}top: 140px;{/Block:IfnotBannerImage}left:50%; margin-left:-291px; width:580px;font-family:Montserrat;font-size:9pt;text-decoration:none;color:#000000;font-weight:none;"><center><font style="">{block:Description}{Description}{/block:Description}</font></center>
<br>
<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>
{Block:IfnotBannerImage}<div style="position: fixed; z-index: 0; width:580px; 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); background-color:#FFFFFF; top:21px; left:50%; margin-left:-295px; {Block:IfShadow} -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}"></div>
<div style="position: fixed; z-index: 999999999; width:580px; height:20px;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); background-color:#FFFFFF; top:21px; left:50%; margin-left:-295px;"></div>
<div style="position: fixed; z-index: 99999999; width:580px; height:40px;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); background-color:; top:0px; left:50%; margin-left:-295px; "><table cellpadding="0" cellspacing="0" border="0">
<tr><td height="16" width="1242" style="background-image:url('http://www.totallylayouts.com/backgrounds/floral/pink_roses_in_bloom.jpg'); repeat;background-position:center top;"></td></tr>
<tr>
<td height="5" style="background-color:#ffffff;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; {Block:IfShadow}-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}"></td>
</tr>
</table></div>{/Block:IfnotBannerImage}
{Block:IfBannerImage}<div style="position: fixed; z-index: 0; width:580px; 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); background-color:#FFFFFF; top:221px; left:50%; margin-left:-295px; {Block:IfShadow} -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}"></div>
<div style="position: fixed; z-index: 999999999; width:580px; height:20px;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); background-color:#FFFFFF; top:221px; left:50%; margin-left:-295px;"></div>
<div style="position: fixed; z-index: 99999999; width:580px; height:40px;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); background-color:; top:0px; left:50%; margin-left:-295px; "><table cellpadding="0" cellspacing="0" border="0">
<tr><td height="216" width="1242" style="background-image:url('http://www.totallylayouts.com/backgrounds/floral/pink_roses_in_bloom.jpg'); repeat;background-position:center top;"></td></tr>
<tr>
<td height="5" style="background-color:#ffffff;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; -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}"></td>
</tr>
</table></div>{/Block:IfBannerImage}
<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="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}: </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} →</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}
/
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} →{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="z-index:-1;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.totallylayouts.com/backgrounds/floral/pink_roses_in_bloom.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-image:url('http://www.totallylayouts.com/backgrounds/floral/pink_roses_in_bloom.jpg'); repeat center;"><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}: </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} →</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}
/
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} →{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.totallylayouts.com/backgrounds/floral/pink_roses_in_bloom.jpg') repeat center; }
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}: </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} →</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}
/
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} →{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.totallylayouts.com/backgrounds/floral/pink_roses_in_bloom.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: 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}: </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} →</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}
/
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{lang:Next} →{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
Super Skinny Tumblr Theme
Comments
|
|
|
|
|
|
|
 |
| | | |
© TOTALLYLAYOUTS 2007 - 2013. All rights reserved. TOTALLYLAYOUTS is not affiliated with any social networking site. All images and logos are the legal property of the individuals they represent. Tumblr, Twitter, Facebook and Google references and logos are their own legal property. . |
|
|
|
|
|
|
|
|
