The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> TUMBLR how to make posts and pictures bigger/wider (there's no wrapper in my html)
apogloza
post Jun 24 2012, 07:12 PM
Post #1





Group: Members
Posts: 1
Joined: 24-June 12
Member No.: 17,325



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
-->
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Jun 25 2012, 03:48 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 4,126
Joined: 23-August 06
From: Europe
Member No.: 9



I know nothing about Tumblr, but you do have a <div id="container"> instead of "wrapper".


--------------------
"The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French)

"Leave scepticism to others and take action"
from HOME by Goodplanet

An inconvenient truth by Al Gore
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 20th April 2014 - 09:14 PM