/* Theme Name: Tumblelog Theme URI: Description: Author: Steve Smith Author URI: http://steve.xf-s.com Version: 0.1 . General comments/License Statement if any. . */ /* 10pt is set as base font size in , so make spacings equivalent in pixels (multiples of 13px), so they don't grow */ body { background: #ffffff url(images/puffin.png) no-repeat; margin: 0; padding: 0; font-family: arial; font-size: 80%; /* makes ems grow and shrink at a similar rate in different browsers, size is 10pt */ color: #000000; } a, a:visited { text-decoration: none; color: #3366cc; } a:hover, a:active { text-decoration: underline; color: #666666; } h1 { position: relative; margin: 26px 0 0 3.25em; /* the width of the .postdate plus 1em gap is 13em, 13/4=3.25, to allow for the font size of

/ width: 425px; / the width of an embedded video / font-size: 4em; } h1 a, h1 a:visited { color: #cc4d33; } h1 a:hover, h1 a:active { color: #666666; } p { margin: 0 0 1em 0; font-size: 1em; line-height: 1.2em; text-align: justify; } ul { margin: 0 0 1em 0; font-size: 1em; line-height: 1.2em; text-align: justify; } img { border: 0; } img.alignleft { margin: 0 16px 16px 0; float: left; } img.alignright { margin: 0 0 16px 16px; float: right; } blockquote{ margin: -0.8em 2em -0.5em 2em; padding: 0; width: 12.5em; font-weight: bold; font-size: 2em; text-align: left; } blockquote:before, blockquote:after { font-size: 3em; color: #666666; } blockquote:before { margin: 0 0 0 -0.6em; content: open-quote; } blockquote:after { margin: 0 0 0 4.3em; content: close-quote; } blockquote p { margin: -2.4em 0 -1.6em 0; margin-top: 0; /* IE is great / margin-bottom: 0; /* IE is great / } cite { font-style: normal; } #whole_page_container { position: relative; / allows you to position:absolute things inside the container / margin: auto; width: 887px; height: 100%; / allows you to position things at the bottom of the page / } .meta { font-size: 1em; text-transform: lowercase; } .meta a, .meta a:visited { text-decoration: none; color: #666666; } .meta a:hover, .meta a:active { text-decoration: underline; color: #3366cc; } #skip_to_content { position: absolute; top: 13px; left: -2000px; } #skip_to_content:focus, #skip_to_content:active { background: #ffffff; border: solid 4px #666666; position: absolute; padding: 13px; left: 0; top: 13px; font-weight: bold; } #skip_to_navigation { position: absolute; top: 13px; left: -2000px; } #skip_to_navigation:focus, #skip_to_navigation:active { background: #ffffff; border: solid 4px #666666; position: absolute; padding: 13px; left: 0; top: 13px; font-weight: bold; } #sitemap_link { position: relative; top: 13px; text-align: right; } #large_rss_icon { position: absolute; right: 0; top: 4em; } #description { position: relative; margin: 0 0 39px 10.83em; / the width of the .postdate plus 1em gap is 13em, 13/1.2=10.83, to allow for the font size of <#description> / height: 1.2em; / keeps the vertical spacing if there is no text in the description / font-weight: bold; font-size: 1.2em; color: #666666; } #content { float: left; width: 512px; / the width of a BBC embedded video / } .post { width: 512px; / same as #content, or comment bubbles on short posts won't be right / } .postdate { background: #66cc33; width: 12em; height: 4.6em; } .postdate h2 { padding: 0.8em; font-size: 1.2em; color: #ffffff; text-align: center; } .post, .related-bookmarks { position: relative; left: 13em; / the width of the .postdate plus 1em gap / margin: 0 0 26px 0; / using margin and padding to allow for a border-top between the two / padding: 26px 0 0 0; font-size: 1em; border-top: solid 1px #dddddd; } .post h3 { margin: 0 0 1em 0; padding: 0; font-weight: bold; font-size: 1.3em; } .post h3.top_level_page { margin: 0; padding: 0; position: absolute; left: -2000px; font-size: 0; } .post h4 { margin: 4em 0 1em 0; padding: 0; font-weight: bold; font-size: 1em; } .post .byline { margin: 0 0 1em 0; color: #666666; } .post .subpages { padding: 0; list-style: none; } .gallery { margin: auto; } .gallery-item { float: left; margin-top: 10px; width: 33%; text-align: center; } .gallery img { border: 2px solid #cfcfcf; } .gallery-caption { margin-left: 0; } .top-post-of-day { margin-top: -4.6em; / if it's the first post of the day, move it up by the height of the .postdate to make it level with the .postdate / } .more-link, .postsource { position: relative; / needed for the z-index / z-index: 1; / keeps it in front of the close-quote of the blockquote / float: right; margin: -1em 1em 0 0; font-size: 1.2em; font-weight: bold; } .more-link { float: none; margin-top: 0; } .mobile-post h3, .ramblings h3, .quotes h3, .logos h3 { margin: 0; padding: 0; position: absolute; left: -2000px; font-size: 0; } .lyrics h3 { float: right; margin: -1em 1em 0 0; font-size: 1.2em; font-weight: bold; } / full lyrics on single post page / .full-lyrics { margin: 26px 0 26px 0; / using margin and padding to allow for a border-top between the two / padding: 26px 0 0 0; border-top: solid 1px #dddddd; } .postcommentslink { background: url(images/speech-bubble.png) no-repeat; position: absolute; padding: 5px 0 0 0; width: 39px; height: 32px; top: 13px; right: 0; text-align: center; } .commentlist li .commentmeta { background: url(images/comments-bubble.png) no-repeat top right; padding: 2em 2em 1em 4em; } .commentlist li .commenttext { background: url(images/comments-bubble.png) no-repeat bottom right; padding: 0 2em 4em 4em; } .commentlist li .avatar { margin: 0 0 13px 0; } #commentform textarea { width: 512px; } .related-bookmarks li.linkcat { margin: 0 104px 0 0; } #sidebar { float: right; width: 14em; font-weight: bold; } #sidebar h2, .related-bookmarks h5 { margin: 0 0 0.5em 0; font-size: 1em; } #sidebar h2:first-letter, .related-bookmarks h5:first-letter { text-transform: capitalize; } #sidebar ul, .related-bookmarks ul { margin: 0 0 52px 0; padding: 0; list-style: none; line-height: 1.5em; } .related-bookmarks ul { margin-bottom: 13px; } #navigation { font-size: 1.2em; line-height: 2em; } #sidebar div { margin: 0 0 52px 0; } #sidebar .wp-tag-cloud h2, #sidebar .adicons h2 { margin: 0; padding: 0; position: absolute; left: -2000px; font-size: 0; } #sidebar .wp-tag-cloud a { margin: 0 0.5em 0 0; } #wordpress-logo { margin: 0 0 1em 3em; } #wordpress { padding: 0; list-style: none; font-weight: normal; } #return_to_top_of_page { position: absolute; left: -2000px; bottom: 13px; } #return_to_top_of_page:focus, #return_to_top_of_page:active { background: #ffffff; border: solid 4px #666666; position: absolute; padding: 13px; left: 0; bottom: 13px; font-weight: bold; } / My Flickr page / ul.thumbnails { list-style: none; } / Snazzy Archives plugin / .snazzy { width: 1000px; } / Buy me a drink page */ .buy_me_a_drink { float: left; }