Help - Search - Members - Calendar
Full Version: TUMBLR how to make posts and pictures bigger/wider (there's no wrapper in my html)
HTMLHelp Forums > Web Authoring > Web Site Functionality
apogloza
Just like the title says, trying to make all my posts take up more space on the page. Like quite a bit more space. I looked around and saw messing with the wrapper would seem to do the trick, however I couldn't find a wapper in my html. HELP! Thanks smile.gif



<!DOCTYPE html>

<!-- Revised 14 September, 2011 -->
<!-- Revised 20 September, 2011 -->
<!-- Revised 19 October, 2011 -->
<!-- Revised 8 November, 2011 -->
<!-- Revised 14 November, 2011 -->

<html>
<head>
<meta name="tumblr-theme" content="14330" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />

<meta name="text:Subtitle" content="" />

<meta name="text:Disqus Shortname" content="" />

<meta name="color:Background Color" content="#162E41" />
<meta name="color:Site Name Color" content="#1a1f24" />
<meta name="color:Body Text Color" content="#1a1f24" />
<meta name="color:Meta Text Color" content="#6C7B86" />
<meta name="color:Navigation Color" content="#050606" />

<meta name="image:Site Name Logo" content="" />
<meta name="image:Background Image" content="http://static.tumblr.com/bte9rhd/UGFl9mowh/noise.png" />
<meta name="if:Tile Background Image" content="1" />

<meta name="if:Show RSS Link" content="1" />
<meta name="if:Show Archive Link" content="1" />
<meta name="if:Show Notes" content="1" />

<meta name="text:Space between header" content="140" />
<meta name="text:Space between posts" content="180" />
<meta name="text:Twitter Profile Link" content="" />
<meta name="text:Facebook Profile Link" content="" />
<meta name="text:Dribbble Profile Link" content="" />
<meta name="text:Flickr Profile Link" content="" />
<meta name="text:Vimeo Profile Link" content="" />
<meta name="text:Lastfm Profile Link" content="" />
<meta name="text:LinkedIn Profile Link" content="" />

<meta name="text:Contact Email Address" content="" />


<title>{Title}</title>

<!-- There's a bug in Firefox that prevents the font variants being applied to Droid Serif if the font is locally installed.
So, I've just moved to using @font-face directives, with the local source nerfed, in the css.
-->
<!--<link href="http://fonts.googleapis.com/css?family=Droid+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css" />-->

<!-- Possible proxy errors causing users Tumblr's to hang on load. I've uploaded the font files to the CDN and include a Base64 variant for FF -->
<!-- <link href="http://kernest.com/fonts/BetecknaLowerCaseMedium-lower-case.css" media="screen" rel="stylesheet" type="text/css" /> -->


<link href="http://static.tumblr.com/gmeghwp/2qyluo5ka/beteckna.css" media="screen" rel="stylesheet" type="text/css" />

<style>

@font-face {
font-family: 'NevisBold';
src: url('http://static.tumblr.com/bte9rhd/a0Jl9mose/nevis-webfont.eot');
src: local('☺'), url('http://static.tumblr.com/bte9rhd/dVwl9moul/nevis-webfont.woff') format('woff'), url('http://static.tumblr.com/bte9rhd/vmjl9motn/nevis-webfont.ttf') format('truetype'), url('http://static.tumblr.com/bte9rhd/XHsl9mot5/nevis-webfont.svg#webfontCBwO4kY9') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'NevisBold';
src: url('http://static.tumblr.com/bte9rhd/a0Jl9mose/nevis-webfont.eot');
src: local('☺'), url('http://static.tumblr.com/bte9rhd/dVwl9moul/nevis-webfont.woff') format('woff'), url('http://static.tumblr.com/bte9rhd/vmjl9motn/nevis-webfont.ttf') format('truetype'), url('http://static.tumblr.com/bte9rhd/XHsl9mot5/nevis-webfont.svg#webfontCBwO4kY9') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Droid Serif';
font-style: italic;
font-weight: normal;
src: local('☺'), url('http://themes.googleusercontent.com/font?kit=cj2hUnSRBhwmSPr9kS5890eOrDcLawS7-ssYqLr2Xp4') format('truetype');
}
@font-face {
font-family: 'Droid Serif';
font-style: normal;
font-weight: bold;
src: local('☺'), url('http://themes.googleusercontent.com/font?kit=QQt14e8dY39u-eYBZmppwXe1Pd76Vl7zRpE7NLJQ7XU') format('truetype');
}
@font-face {
font-family: 'Droid Serif';
font-style: italic;
font-weight: bold;
src: local('☺'), url('http://themes.googleusercontent.com/font?kit=c92rD_x0V1LslSFt3-QEps_zJjSACmk0BRPxQqhnNLU') format('truetype');
}
@font-face {
font-family: 'Droid Serif';
font-style: normal;
font-weight: normal;
src: local('☺'), url('http://themes.googleusercontent.com/font?kit=DgAtPy6rIVa2Zx3Xh9KaNaCWcynf_cDxXwCLxiixG1c') format('truetype');
}




html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb
r,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strik
e,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legen
d,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0
;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes: none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}:focus{o
utline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

body {
background: #fff url(http://static.tumblr.com/bte9rhd/UGFl9mowh/noise.png) repeat 0 0;
color: #1a1f24;
font: 400 13px/1.8 'Droid Serif', Georgia, Times, serif;
-webkit-font-smoothing: antialiased;
}

a { color: #1a1f24; text-decoration: none; }


#container { width: 619px; position: relative; margin: 0 auto; padding: 50px 0; }

#next_post { z-index: 3; position: fixed; top: 100px; left: 50px; width: 38px; height: 38px; display: block; background: transparent url(http://static.tumblr.com/bte9rhd/JhTl9mov3/next_fixed.png) no-repeat 0 0; text-indent: -9999px; }
#prev_post { z-index: 3; position: fixed; top: 100px; right: 50px; width: 38px; height: 38px; display: block; background: transparent url(http://static.tumblr.com/bte9rhd/sEMl9mozd/prev_fixed.png) no-repeat 0 0; text-indent: -9999px; }
.ios #next_post, .ios #prev_post { display: none; }


.nav { height: 14px; margin: 16px 0; text-align: center; position: relative; z-index: 2; }
.nav ul { display: inline-block; height: 14px; margin: 0 auto; }
.nav li { float: left; border-right: 1px solid rgba(26,31,36, 0.5); border-left: 1px solid #1a1f24; }
.nav li:first-child { border-left: none; }
.nav li:last-child { border-right: none; }
.nav a { color: #050606; font-family: 'NevisBold', NevisBold, Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 11px; display: block; padding: 0 1.1em; line-height: 14px; }

#about, #about.post { position: relative; z-index: 2; padding: 23px 0 63px; margin: 0 0 {text:Space between header}px; text-align: center; }

#about .post_top { padding: 0; background-image: url(http://static.tumblr.com/bte9rhd/Gt4l9mokr/about_top.png); height: 23px; width: 619px; }
#about .post_content { background-image: url(http://static.tumblr.com/bte9rhd/saTl9mokb/about_slice.png); }
#about .post_bottom { background: url(http://static.tumblr.com/bte9rhd/WyIl9moit/about_bottom.png) no-repeat -1px 0; height: 63px; }

.permalink #about { display: none; }
#about h1 { font-family: 'NevisBold', NevisBold, Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 1.7em; letter-spacing: 0.1em; margin: 0 0 0.1em; }
#about .subtitle { font-style: italic; }
#about .description { padding: 0 60px; margin: 20px 0; }
#about .networks { width: 499px; height: 16px; position: absolute; bottom: 84px; }
#about .networks a { text-indent: -9999px; display: inline-block; margin: 0 4px; width: 16px; height: 16px; background-image: url(http://static.tumblr.com/bte9rhd/I6Nl9morv/networks.png); background-repeat: no-repeat; }
.networks a.twitter { background-position: 0 0; }
.networks a.facebook { background-position: -16px 0; }
.networks a.dribbble { background-position: -32px 0; }
.networks a.flickr { background-position: -48px; 0; }
.networks a.vimeo { background-position: -64px; 0; }
.networks a.lastfm { background-position: -80px; 0; }
.networks a.linkedin { background-position: -96px; 0; }
.networks a.email { background-position: -112px 0; }

#about_glow { position: absolute; top: 0; left: -200px; z-index: 1; height: 754px; width: 1020px; background: url(http://static.tumblr.com/bte9rhd/aFkl9mopn/glow.png) no-repeat 0 0;}

#paginator { width: 550px; height: 43px; margin: 0 auto; }
#paginator a { text-indent: -9999px; display: block; width: 130px; height: 43px; background: transparent url(http://static.tumblr.com/bte9rhd/ftYl9moxa/paginator.png) no-repeat 0 0; }
#paginator a.prev { float: left; background-position: 0 0; }
#paginator a.next { float: right; background-position: -157px 0; }

#search { position: relative; margin:0 auto; top: -37px; background: transparent url(http://static.tumblr.com/bte9rhd/ZuLl9mp44/search_input.png) no-repeat 0 0; width: 204px; height: 19px; padding: 4px 6px 6px 20px; }
#search input { background: none; border: none; padding: 0; width: 150px; }

#footer { opacity: 0.2; filter:alpha(opacity=20); padding: 0 0 20px; text-align: center; color: #fff; position: relative; z-index: 4; }
#footer a { color: #fff; }
#footer a.pixelunion { font-size: 1.1em; }

#mask { position: fixed; bottom: 0; left: 0; z-index: 3; width: 100%; height: 90px; background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.4));
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.4))); }

.ios #mask { display: none; }

#reactions { position: relative; width: 581px; z-index: 2; padding: 0 18px; color: rgba(255,255,255,0.7); }
.hasnotes #reactions { width: 656px; }
#reactions h3.column_header { text-transform: uppercase; font-size: 0.9em; font-family: NevisBold, Helvetia, Arial, sans-serif; padding: 0 0 0 20px; margin: 0 0 1.1em 0; background: transparent url(http://static.tumblr.com/bte9rhd/rgyl9mor3/meta_icons.png) no-repeat 0 0; border-bottom: 1px solid; }
#reactions_comments h3.column_header { background-position: 0 4px; }
#reactions_notes h3.column_header { background-position: 0 -21px; }

#reactions h3.column_header a { color: inherit; }
.shownotes.hasnotes #reactions_comments { float: left; width: 420px; }
#reactions_notes { display: none; }
#reactions_notes .notes { font-family: 'BetecknaLowerCaseMedium', Helvetica, Arial, sans-serif; font-size: 1.1em; }
#reactions_notes .notes li { margin: 0 0 4px; }
#reactions_notes .notes .action a { color: inherit; border-bottom: 1px dotted; }
#reactions_notes .notes .avatar { background: #fff; vertical-align: bottom; padding: 2px; margin: 0 2px 0 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.shownotes.hasnotes #reactions_notes { margin-left: 450px; display: block; }


#disqus_thread h3 { font-size: 1.4em; font-weight: normal; }
#disqus_thread a { color: #fff; }
#dsq-content .dsq-request-user-avatar { background: #fff; }
#dsq-content .dsq-button, #dsq-content .dsq-button-small { color: #555; background: -moz-linear-gradient(top, #F5F5F5, #DDDDDD); background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDDDDD)); }

#posts { position: relative; z-index: 2; }

.post { position: relative; padding: 74px 0 33px 0; width: 619px; margin: 0 0 {text:Space between posts}px; }
.post:last-child { margin-bottom: 60px; }
.permalink .post { margin-bottom: 50px; }
.post_top { background: url(http://static.tumblr.com/bte9rhd/ETKl9mp5t/text_top.png) no-repeat 0 0; padding: 39px 0 8px 59px; width: 560px; height: 27px; position: absolute; top: 0; left: 0; }
.post_content { background: url(http://static.tumblr.com/bte9rhd/mVDl9mp5g/text_slice.png) repeat-y 0 0; padding: 16px 59px 40px; zoom:1; overflow: hidden; /* zoom/overflow forces hasLayout in IE */ }
.post_bottom { background: url(http://static.tumblr.com/bte9rhd/Omzl9mp50/text_bottom.png) no-repeat 0 0; width: 619px; height: 33px; position: absolute; bottom: 0; left: 0; }

.post.photo { padding-bottom: 82px; }
.post.photo .post_top { background-image: url(http://static.tumblr.com/bte9rhd/71yl9moyx/photo_top.png); }
.post.photo .post_content { background-image: url(http://static.tumblr.com/bte9rhd/Wedl9moyl/photo_slice.png); padding-bottom: 0; }
.post.photo .post_bottom { background-image: url(http://static.tumblr.com/bte9rhd/9OWl9moxz/photo_bottom.png); height: 82px; }

.post.audio .post_top { background-image: url(http://static.tumblr.com/bte9rhd/La3l9molc/audio_top.png); }

.post.video .post_top { background-image: url(http://static.tumblr.com/bte9rhd/5nKl9mp67/video_top.png); }

.post.quote .post_top { background-image: url(http://static.tumblr.com/bte9rhd/GiOl9mp3j/quote_top.png); }

.post.link .post_top { background-image: url(http://static.tumblr.com/bte9rhd/kvil9moqr/link_top.png); }

.post.chat .post_top { background-image: url(http://static.tumblr.com/bte9rhd/HLQl9momv/chat_top.png); }

.post.answer .post_top { background-image: url(http://static.tumblr.com/bte9rhd/mXKl9mp2a/question_top.png); }

.post_icon { display: none;; width: 35px; height: 35px; }
.post_date { display: inline-block; padding: 9px 0 0 39px; color: #6C7B86; font-family: NevisBold; text-transform: uppercase; text-decoration: none; font-size: 11px; }

.post h2 { font-style: italic; font-weight: bold; font-size: 2.8em; line-height: 1.4em; }
.post h2 a { text-decoration: none; }

.post_content .copy { clear: left; }
.post_content .copy a, .post_content .meta a, .asked_by a { display: inline-block; background: transparent url(http://static.tumblr.com/bte9rhd/GeZl9mooe/dots.png) repeat-x 0px 93%; }
.post_content .copy p { margin: 1.2em 0; clear: left; }
.post_content .copy p:last-child, .post_content .copy p.last { margin-bottom: 0; }
.post_content .copy p.photo_container { margin-top: 0; }

.copy ol { list-style: decimal inside; padding: 0 0 0 0.8em; }
.copy ol ol { list-style: upper-alpha inside; }
.copy ol ol ol { list-style: upper-roman inside; }
.copy ol ol ol ol { list-style: lower-alpha inside; }
.copy ol ol ol ol ol { list-style: lower-roman inside; }

.copy ul { list-style: disc inside; }
.copy ul ul { list-style: circle inside; }
.copy ul ul ul { list-style: square inside; }
.copy ul ul ul { list-style: disc inside; }

.copy ul, .copy ol { line-height: 1.8em; margin: 1.2em 0; }
.copy li ol, .copy li ul { margin: 0; }
.copy ul:last-child, .copy ol:last-child { margin-bottom: 0; }

.post_content .meta { clear: left; overflow: auto; color: #6C7B86; font-family: 'BetecknaLowerCaseMedium', Helvetia, Arial, sans-serif; font-size: 1.1em; margin: 26px 0 0; }
.post_content .meta span { float: left; margin: 0 1.3em 0 0; padding: 0 0 0 20px; background: transparent url(http://static.tumblr.com/bte9rhd/rgyl9mor3/meta_icons.png) no-repeat 0 0; }
.post_content .meta span.comments { background-position: 0 4px; }
.post_content .meta span.notes { background-position: 0 -21px; }
.post_content .meta span.reblog { background: none; }
.post_content .meta a { color: #6C7B86; }

.photo_container { float: left; clear: left; padding: 5px; background: #fff; border: 1px solid #F4F2F0; box-shadow: 1px 1px 2px #dadada; -webkit-box-shadow: 1px 1px 2px #dadada; -moz-box-shadow: 1px 1px 2px #dadada; }
.photo_container img, .photo_container embed, .photo_container object, .photo_container iframe { display: block; max-width: 488px; }
.post.photo .photo_container { margin-bottom: 1.4em; }

.audio.albumart .audio_content_columnA { float: left; width: 270px; }
.audio.albumart .audio_content_columnB { margin: 0 0 0 300px; width: 200px; }
.post.audio h2 { font-size: 2.0em; line-height: 1.2em; }
.post.audio .audio_artist { font-weight: normal; font-size: 1.4em; }
.post.audio .audio_player { margin: 1.4em 0; }


.quote_container { background: transparent url(http://static.tumblr.com/bte9rhd/P9Xl9mona/diag_grey.png) repeat 0 0; padding: 10px 0; }
.quote_container blockquote { font-size: 2em; line-height: 1.4em; position: relative; left: -10px; padding: 0 10px 0 43px; background: transparent url(http://static.tumblr.com/bte9rhd/tiAl9mp2s/quote_glyph.png) no-repeat 0 0; }
.post.quote .copy { margin-top: 0.6em; }

.link_container { background: transparent url(http://static.tumblr.com/bte9rhd/qJ5l9moq9/link_glyph.png) no-repeat 0 0; padding: 0 0 0 44px; }
.link_container a { display: inline; font-size: 2em; line-height: 1.4em; background: transparent url(http://static.tumblr.com/bte9rhd/GeZl9mooe/dots.png) repeat-x 0px 100%; }

.post.chat h2 { padding: 0 0 0 0.1em; }
.chat_container {}
.chat_container p { padding: 0.5em 0.8em; }
.chat_container p.odd { background: transparent url(http://static.tumblr.com/bte9rhd/P9Xl9mona/diag_grey.png) repeat 0 0; }
.chat_container p.even { margin: 0.6em 0; }
.chat_container .label { font-weight: bold; font-style: italic; }

.asked_by { padding: 0 0 5px 70px; font-style: italic; font-size: 1.3em; }
.question_container { position: relative; padding: 15px 0 19px;}
.question_container_top { position: absolute; top: 0; width:510px; height: 15px; background: transparent url(http://static.tumblr.com/bte9rhd/E98l9mp1b/question_box_top.png) no-repeat 0 0; }
.question_container_glyph { position: absolute; top: 11px; left: 5px; width: 62px; height: 68px; background: transparent url(http://static.tumblr.com/bte9rhd/BGpl9mp1t/question_glyph.png) no-repeat 0 0; }
.question_container_bottom { position: absolute; bottom: 0; width:510px; height: 19px; background: transparent url(http://static.tumblr.com/bte9rhd/rD8l9mp0f/question_box_bottom.png) no-repeat 0 0; }
.question_container_content { width: 418px; padding: 5px 22px 0px 70px; font-size: 2.2em; line-height: 1.4em; background: transparent url(http://static.tumblr.com/bte9rhd/bKMl9mp0t/question_box_slice.png) repeat-y 0 0; }



</style>



<style>

body { background-color: {color:Background Color};
color: {color:Body Text Color};
{block:IfBackgroundImageImage}background-image: url({image:Background Image}); {/block:IfBackgroundImageImage}
{block:IfTileBackgroundImage}background-repeat: repeat;{/block:IfTileBackgroundImage}
{block:IfNotTileBackgroundImage}background-position: fixed;{/block:IfNotTileBackgroundImage}
}
.nav a { color: {color:Navigation Color}; }
#about h1 { color: {color:Site Name Color}; }
.post_date, .post .meta a { color: {color:Meta Text Color}; }

{CustomCSS}

</style>

<!--[if lte IE 7]>
<style>
#mask { display: none; }
</style>
<![endif]-->

</head>

<body class="{block:PermalinkPage}permalink{/block:PermalinkPage} {block:IfShowNotes}shownotes{/block:IfShowNotes} {block:PostNotes}hasnotes{/block:PostNotes}">
<!-- Tumblr Theme #14330 -->

<div id="container">
<a id="next_post" href="#" title="Next Post">Next</a>
<a id="prev_post" href="#" title="Previous Post">Previous</a>

<div class="nav top">
<ul>
<li><a href="/">Home</a></li>
{block:HasPages}
{block:Pages}
<li><a href="{URL}">{Label}</a></li>
{/block:Pages}
{/block:HasPages}

{block:AskEnabled}<li><a href="/ask">Ask</a></li>{/block:AskEnabled}
{block:IfShowArchiveLink}<li><a href="/archive">Archive</a></li>{/block:IfShowArchiveLink}
{block:IfShowRSSLink}<li><a href="{RSS}">RSS</a></li>{/block:IfShowRSSLink}
</ul>
</div>

<div id="about_glow"></div>

<div id="posts">
<div id="about" class="post">
<div class="post_top"></div>

<div class="post_content">
{block:IfSiteNameLogoImage}<h1 class="image"><img src="{image:Site Name Logo}" alt="{Title}" /></h1>{/block:IfSiteNameLogoImage}
{block:IfNotSiteNameLogoImage}<h1>{Title}</h1>{/block:IfNotSiteNameLogoImage}

<p class="subtitle">{text:Subtitle}</p>

<p class="description">{Description}</p>

<div class="networks">
{block:IfTwitterProfileLink}<a class="twitter" href="{text:Twitter Profile Link}">Twitter</a>{/block:IfTwitterProfileLink}
{block:IfFacebookProfileLink}<a class="facebook" href="{text:Facebook Profile Link}">Facebook</a>{/block:IfFacebookProfileLink}
{block:IfDribbbleProfileLink}<a class="dribbble" href="{text:Dribbble Profile Link}">Dribbble</a>{/block:IfDribbbleProfileLink}
{block:IfFlickrProfileLink}<a class="flickr" href="{text:Flickr Profile Link}">Flickr</a>{/block:IfFlickrProfileLink}
{block:IfVimeoProfileLink}<a class="vimeo" href="{text:Vimeo Profile Link}">Vimeo</a>{/block:IfVimeoProfileLink}
{block:IfLastfmProfileLink}<a class="lastfm" href="{text:Lastfm Profile Link}">Last.fm</a>{/block:IfLastfmProfileLink}
{block:IfLinkedInProfileLink}<a class="linkedin" href="{text:LinkedIn Profile Link}">LinkedIn</a>{/block:IfLinkedInProfileLink}
{block:IfContactEmailAddress}<a class="email" href="mailto:{text:Contact Email Address}">Email</a>{/block:IfContactEmailAddress}
</div>
</div>

<div class="post_bottom"></div>
</div>

{block:Posts}
{block:Text}
<div id="post-{PostID}" class="post text">
<div class="post_top">
<span class="post_icon"></span>
{block:Date}
<a class="post_date" href="{Permalink}">{ShortMonth} {DayOfMonth} {Year}</a>
{/block:Date}
</div>
<div class="post_content">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}

<div class="copy">
{Body}
</div>

<div class="meta">
{block:IfDisqusShortname}<span class="comments"><a href="{Permalink}#disqus_thread">0</a></span>{/block:IfDisqusShortname}
{block:IfShowNotes}<span class="notes"><a href="{Permalink}#notes">{NoteCountWithLabel}</a></span>{/block:IfShowNotes}
{block:RebloggedFrom}<span class="reblog">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a><span>{/block:RebloggedFrom}
</div>
</div>
<div class="post_bottom"></div>
</div>
{/block:Text}


{block:Photo}
<div id="post-{PostID}" class="post photo">
<div class="post_top">
<span class="post_icon"></span>
{block:Date}
<a class="post_date" href="{Permalink}">{ShortMonth} {DayOfMonth} {Year}</a>
{/block:Date}
</div>
<div class="post_content">
<div class="photo_container">
{LinkOpenTag}<img src="{PhotoURL-1000}" alt="{PhotoAlt}" />{LinkCloseTag}
</div>

{block:Caption}
<div class="copy">{Caption}</div>
{/block:Caption}

<div class="meta">
{block:IfDisqusShortname}<span class="comments"><a href="{Permalink}#disqus_thread">0</a></span>{/block:IfDisqusShortname}
{block:IfShowNotes}<span class="notes"><a href="{Permalink}#notes">{NoteCountWithLabel}</a></span>{/block:IfShowNotes}
{block:RebloggedFrom}<span class="reblog">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a><span>{/block:RebloggedFrom}
</div>
</div>
<div class="post_bottom"></div>
</div>
{/block:Photo}

{block:Video}
<div id="post-{PostID}" class="post photo video">
<div class="post_top">
<span class="post_icon"></span>
{block:Date}
<a class="post_date" href="{Permalink}">{ShortMonth} {DayOfMonth} {Year}</a>
{/block:Date}
</div>
<div class="post_content">
<div class="photo_container video_container">
{Video-500}
</div>

{block:Caption}
<div class="copy">{Caption}</div>
{/block:Caption}

<div class="meta">
{block:IfDisqusShortname}<span class="comments"><a href="{Permalink}#disqus_thread">0</a></span>{/block:IfDisqusShortname}
{block:IfShowNotes}<span class="notes"><a href="{Permalink}#notes">{NoteCountWithLabel}</a></span>{/block:IfShowNotes}
{block:RebloggedFrom}<span class="reblog">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a><span>{/block:RebloggedFrom}
</div>
</div>
<div class="post_bottom"></div>
</div>
{/block:Video}

{block:Audio}
<div id="post-{PostID}" class="post audio {block:AlbumArt}albumart{/block:AlbumArt}">
<div class="post_top">
<span class="post_icon"></span>
{block:Date}
<a class="post_date" href="{Permalink}">{ShortMonth} {DayOfMonth} {Year}</a>
{/block:Date}
</div>
<div class="post_content">
<div class="audio_content_columnA">
{block:TrackName}<h2>{TrackName}</h2>{/block:TrackName}

{block:Artist}<h3 class="audio_artist">by {Artist}</h3>{/block:Artist}

<div class="audio_player">{AudioPlayerGrey}</div>

{block:Caption}
<div class="copy">{Caption}</div>
{/block:Caption}

</div>

{block:AlbumArt}
<div class="audio_content_columnB">
<img src="{AlbumArtURL}" alt="" width="200" height="200" />
</div>
{/block:AlbumArt}

<div class="meta">
{block:IfDisqusShortname}<span class="comments"><a href="{Permalink}#disqus_thread">0</a></span>{/block:IfDisqusShortname}
{block:IfShowNotes}<span class="notes"><a href="{Permalink}#notes">{NoteCountWithLabel}</a></span>{/block:IfShowNotes}
{block:RebloggedFrom}<span class="reblog">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a><span>{/block:RebloggedFrom}
</div>
</div>
<div class="post_bottom"></div>
</div>
{/block:Audio}

{block:Quote}
<div id="post-{PostID}" class="post quote">
<div class="post_top">
<span class="post_icon"></span>
{block:Date}
<a class="post_date" href="{Permalink}">{ShortMonth} {DayOfMonth} {Year}</a>
{/block:Date}
</div>
<div class="post_content">
<div class="quote_container">
<blockquote class="{Length}">{Quote}</blockquote>
</div>

{block:Source}<div class="copy">{Source}</div>{/block:Source}

<div class="meta">
{block:IfDisqusShortname}<span class="comments"><a href="{Permalink}#disqus_thread">0</a></span>{/block:IfDisqusShortname}
{block:IfShowNotes}<span class="notes"><a href="{Permalink}#notes">{NoteCountWithLabel}</a></span>{/block:IfShowNotes}
{block:RebloggedFrom}<span class="reblog">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a><span>{/block:RebloggedFrom}
</div>
</div>
<div class="post_bottom"></div>
</div>
{/block:Quote}


{block:Link}
<div id="post-{PostID}" class="post link">
<div class="post_top">
<span class="post_icon"></span>
{block:Date}
<a class="post_date" href="{Permalink}">{ShortMonth} {DayOfMonth} {Year}</a>
{/block:Date}
</div>
<div class="post_content">
<div class="link_container">
<a href="{URL}" {Target}>{Name}</a>
</div>

{block:Description}<div class="copy">{Description}</div>{/block:Description}

<div class="meta">
{block:IfDisqusShortname}<span class="comments"><a href="{Permalink}#disqus_thread">0</a></span>{/block:IfDisqusShortname}
{block:IfShowNotes}<span class="notes"><a href="{Permalink}#notes">{NoteCountWithLabel}</a></span>{/block:IfShowNotes}
{block:RebloggedFrom}<span class="reblog">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a><span>{/block:RebloggedFrom}
</div>
</div>
<div class="post_bottom"></div>
</div>
{/block:Link}


{block:Chat}
<div id="post-{PostID}" class="post chat">
<div class="post_top">
<span class="post_icon"></span>
{block:Date}
<a class="post_date" href="{Permalink}">{ShortMonth} {DayOfMonth} {Year}</a>
{/block:Date}
</div>
<div class="post_content">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}

<div class="chat_container">
{block:Lines}
<p class="{Alt} user_{UserNumber}">{block:Label}<strong class="label">{Label}</strong>{/block:Label} {Line}</p>
{/block:Lines}
</div>

<div class="meta">
{block:IfDisqusShortname}<span class="comments"><a href="{Permalink}#disqus_thread">0</a></span>{/block:IfDisqusShortname}
{block:IfShowNotes}<span class="notes"><a href="{Permalink}#notes">{NoteCountWithLabel}</a></span>{/block:IfShowNotes}
{block:RebloggedFrom}<span class="reblog">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a><span>{/block:RebloggedFrom}
</div>
</div>
<div class="post_bottom"></div>
</div>
{/block:Chat}

{block:Answer}
<div id="post-{PostID}" class="post answer">
<div class="post_top">
<span class="post_icon"></span>
{block:Date}
<a class="post_date" href="{Permalink}">{ShortMonth} {DayOfMonth} {Year}</a>
{/block:Date}
</div>
<div class="post_content">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}

<div class="asked_by">{Asker} asked:</div>

<div class="question_container">
<div class="question_container_top"></div>
<div class="question_container_glyph"></div>
<div class="question_container_content">{Question}</div>
<div class="question_container_bottom"></div>
</div>

<div class="copy">{Answer}</div>

<div class="meta">
{block:IfDisqusShortname}<span class="comments"><a href="{Permalink}#disqus_thread">0</a></span>{/block:IfDisqusShortname}
{block:IfShowNotes}<span class="notes"><a href="{Permalink}#notes">{NoteCountWithLabel}</a></span>{/block:IfShowNotes}
{block:RebloggedFrom}<span class="reblog">Reblogged from <a href="{ReblogParentURL}">{ReblogParentTitle}</a><span>{/block:RebloggedFrom}
</div>
</div>
<div class="post_bottom"></div>
</div>
{/block:Answer}

{block:PermalinkPage}
<div id="reactions" class="">
{block:IfDisqusShortname}
<div id="reactions_comments">
<h3 class="column_header"><a href="#disqus_thread">Comments</a></h3>

<div id="disqus_thread"></div>
</div>
{/block:IfDisqusShortname}

{block:PostNotes}
<div id="reactions_notes">
<h3 class="column_header"><a name="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a></h3>

{PostNotes}
</div>
{/block:PostNotes}

<div style="clear:both;"></div>
</div>
{/block:PermalinkPage}

{/block:Posts}
</div>



<div class="nav bottom">
<ul>
<li><a href="/">Home</a></li>
{block:HasPages}
{block:Pages}
<li><a href="{URL}">{Label}</a></li>
{/block:Pages}
{/block:HasPages}

{block:AskEnabled}<li><a href="/ask">Ask</a></li>{/block:AskEnabled}
{block:IfShowArchiveLink}<li><a href="/archive">Archive</a></li>{/block:IfShowArchiveLink}
{block:IfShowRSSLink}<li><a href="{RSS}">RSS</a></li>{/block:IfShowRSSLink}
</ul>
</div>


<div id="paginator">
{block:Pagination}
{block:PreviousPage}<a class="prev" href="{PreviousPage}" title="Newer Posts">Previous</a>{/block:PreviousPage}
{block:NextPage}<a class="next" href="{NextPage}" title="Older Posts">Next</a>{/block:NextPage}
{/block:Pagination}


{block:PermalinkPagination}
{block:PreviousPost}<a class="prev" href="{PreviousPost}" title="Previous Post">Previous</a>{/block:PreviousPost}
{block:NextPost}<a class="next" href="{NextPost}" title="Next Post">Next</a>{/block:NextPost}
{/block:PermalinkPagination}
</div>



<form id="search" method="get" action="/search">
<input type="text" name="q" value="" />
</form>

</div>


{block:IfDisqusShortname}
{block:PermalinkPage}
<script type="text/javascript">
var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";
var disqus_identifier = "{Permalink}";
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
{/block:PermalinkPage}

<script type="text/javascript">
var disqus_shortname = '{text:Disqus Shortname}';
(function () {
var s = document.createElement('script'); s.async = true;
s.src = 'http://disqus.com/forums/{text:Disqus Shortname}/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
{/block:IfDisqusShortname}

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<!--[if lte IE 7 ]>
<script>
$(function(){
$('.nav ul').each(function(){
var w = 0;
$(this).children().each(function(){ w += $(this).outerWidth(); }).filter(':last-child').addClass('last');
$(this).css({ width: w, margin: '0 auto', display: 'block' });
});
});
</script>
<![endif]-->

<script>
var iOS = (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/iPad/i));
if(iOS)
$('body').addClass('ios');

$.extend($.easing, {
easeInOutQuad: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t + b;
return -c/2 * ((--t)*(t-2) - 1) + b;
}
});

$.belowthefold = function(element, settings) {
var fold = $(window).height() + $(window).scrollTop();
return fold <= $(element).offset().top - settings.threshold;
};

$.abovethetop = function(element, settings) {
var top = $(window).scrollTop();
return top >= $(element).offset().top + $(element).height() - settings.threshold;
};

$.rightofscreen = function(element, settings) {
var fold = $(window).width() + $(window).scrollLeft();
return fold <= $(element).offset().left - settings.threshold;
};

$.leftofscreen = function(element, settings) {
var left = $(window).scrollLeft();
return left >= $(element).offset().left + $(element).width() - settings.threshold;
};

$.inviewport = function(element, settings) {
return !$.rightofscreen(element, settings) && !$.leftofscreen(element, settings) && !$.belowthefold(element, settings) && !$.abovethetop(element, settings);
};

$.extend($.expr[':'], {
"below-the-fold": function(a, i, m) {
return $.belowthefold(a, {threshold : 0});
},
"above-the-top": function(a, i, m) {
return $.abovethetop(a, {threshold : 0});
},
"left-of-screen": function(a, i, m) {
return $.leftofscreen(a, {threshold : 0});
},
"right-of-screen": function(a, i, m) {
return $.rightofscreen(a, {threshold : 0});
},
"in-viewport": function(a, i, m) {
return $.inviewport(a, {threshold : 0});
}
});

$(function(){
$('.post.text .copy img').parent('p').addClass('photo_container');
$('.post .copy p:last-child').addClass('last');

$('.photo_container').each(function(){
var $t = $(this), w = $t.width();
if(w < 487 && w > 0) {
$t.css('margin-left', Math.round((488 - w)/2));
}
});

function jump(dir) {
var c = $('.post:in-viewport').eq(0);
var n = dir == 'next'? c.next('.post') : c.prev('.post');

if(n.length) {
$('html, body').animate({ scrollTop: n.offset().top - 30}, 500, 'easeInOutQuad');
//window.location.hash = n.attr('id');
}
}

$('#next_post').click(function(){
jump('next');
return false;
});

$('#prev_post').click(function(){
jump('prev');
return false;
});

$(document).keyup(function(e){
switch(e.keyCode) {
case 72: // h
$('html, body').animate({ scrollTop: 0}, 500, 'easeInOutQuad');
break;
case 74: //j
jump('next');
break;
case 75: //k
jump('prev');
break;
}
});

}); //end ready
</script>

</body>

<!--
This Tumblr Theme and all of its CSS, Javascript,
and media assets are subject to Tumblr's Terms of Service:

http://www.tumblr.com/terms_of_service
-->
Frederiek
I know nothing about Tumblr, but you do have a <div id="container"> instead of "wrapper".
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.