TUMBLR how to make posts and pictures bigger/wider (there's no wrapper in my html) |
TUMBLR how to make posts and pictures bigger/wider (there's no wrapper in my html) |
apogloza |
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
<!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 |
Jun 25 2012, 03:48 AM
Post
#2
|
Programming Fanatic Group: Members Posts: 5,146 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".
|
Lo-Fi Version | Time is now: 17th April 2024 - 10:13 PM |