/* THEME NAME:AutoFocus THEME URI:http://www.allancole.com/wordpress/themes/autofocus DESCRIPTION:AutoFocus is a Wordpress theme specifically for photographers looking for a simple and elegant way to display their work online. VERSION:1.0.1 AUTHOR:Allan Cole AUTHOR URI:http://www.allancole.com/wordpress TAGS:photoblogging, fixed-width, one-column, threaded-comments, white This theme is released under GNU General Public License (GPL): http://www.gnu.org/licenses/gpl.html 1.0.1: Adds IE6 support (still a work in progress but better than before). Fixes the 'Leave a comment' link. Fixes images on the home page using the index.php template file. Fixes image floating issue in the front page template. Improved Static navigation arrows for an easier UX. Now pulls the 'large' (800px wide) image instead of the full size image for CSS backgrounds on the homepage. Adds EXIF Data to image attachment pages (Shutter Speed does not work). Fixes borders and shadows for Firefox 3.5. Reworked comments section to include Pings. New 404 template that adheres to the site format. 0.9.7: Fixes 'Headers already sent' error. 0.9.6: Fixes removed images on pages. 0.9.5: Removes the first image(the duplicate image) from the post content when it comes before the_content text. Allows for images to show up in the RSS feed. Adds indented sub-page formating in the main menu. Removes grey background for smaller images on single pages. 0.9.4: Removes [shortcode] & CSS from single page next/previous excerpts. 0.9.3: Fixes ‘From URL’ image errors. Removes [shortcode] & CSS from homepage excerpts. 0.9.1: Fixes some IE bugs. 0.9.0: First Public release. */ /* =home */ .home #container #nav-above {display:block;position:fixed;} .home #container #nav-above .nav-previous a, .home #container #nav-above .nav-next a {display:block;color:#efefef;padding:0 20px;} .home #container #nav-above a:hover, .home #container #nav-above a:hover {color:#888;text-decoration:none;} .home #container #nav-above .nav-previous {position:absolute;display:block;width:100px;top:50%;left:-100px;text-align:right;line-height:4em;font-size:5em;} .home #container #nav-above .nav-next {position:absolute;display:block;width:100px;top:50%;right:-900px;text-align:left;line-height:4em;font-size:5em;} .home #container #nav-below {display:none;} .home #content {clear:both;margin-bottom:3em;} .home .featured.post{ background:transparent url('img/loading.gif') center center no-repeat; display:inline;float:left; height:200px; margin:0;overflow:hidden;position:relative; width:200px;} .home .featured.post.p1 {border-bottom:5px solid #FFF;width:640px; z-index:1;} .home .featured.post.p1 .post-content{width:620px;} .home .featured.post.p2 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:295px;} .home .featured.post.p2 .post-content{width:280px;} .home .featured.post.p3 {border-bottom:5px solid #FFF;width:490px;} .home .featured.post.p3 .post-content{width:475px;} .home .featured.post.p4 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:445px;} .home .featured.post.p4 .post-content{width:430px;} .home .featured.post.p11 {margin-left:10px;border-bottom:5px solid #FFF;width:620px;} .home .featured.post.p11 .post-content{width:600px;} .home .featured.post.p12 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:290px;} .home .featured.post.p12 .post-content{width:270px;} .home .featured.post.p13 {margin-left:10px;border-bottom:5px solid #FFF;width:480px;} .home .featured.post.p13 .post-content{width:460px;} .home .featured.post.p14 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:430px;} .home .featured.post.p14 .post-content{width:410px;} .home .featured.post.p5 {border-bottom:5px solid #FFF;width:380px; height:300px;} .home .featured.post.p5 .post-content{width:365px;} .home .featured.post.p6 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:325px; height:300px;} .home .featured.post.p6 .post-content{width:310px;} .home .featured.post.p7 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:225px; height:300px;} .home .featured.post.p7 .post-content{width:210px;} .home .featured.post.p8 {border-bottom:5px solid #FFF;width:200px;} .home .featured.post.p8 .post-content{width:180px;} .home .featured.post.p9 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:345px;} .home .featured.post.p9 .post-content{width:330px;} .home .featured.post.p10 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:245px;} .home .featured.post.p10 .post-content{width:230px;} .home .post-content{background:#FFFFFF;bottom:0;left:0;font-weight:200;padding:10px;position:absolute;visibility:hidden;-moz-opacity:0;filter:alpha(opacity=0);opacity:0;} .home .post-content p { padding:0; margin:0; color:#000000; font-size:13px; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent none repeat scroll 0 0; border:0 none; margin:0; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; padding:0; vertical-align:baseline; font-family:helvetica,arial,sans-serif; } span { font-size:15px; } .date { font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#666; border-bottom:1px dashed #B8AF9B; margin-bottom:8px; line-height:25px; } .home .post-content h4 { font-weight: bold; color:#000000; margin: 0; padding: 0; text-decoration: none; font-size: 24px; outline: none; border-bottom:none; line-height:1.6; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent none repeat scroll 0 0; border:0 none; margin:0; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; padding:0; vertical-align:baseline; } .home .post-content a{font-weight:800;} .home .post-content-title{position:absolute;top:0;display:block;line-height:1em;margin:0;padding:0;width:100%;height:100%;z-index:30} .home .post-content-title a {display:block;height:100%;} .home .post-content-title a span {visibility:hidden;} .home .post-content-excerpt{display:block;font-size:0.8em;font-weight:normal;width:90%;/*cursor:pointer;*/} .home .post-content:hover, .home .post:hover .post-content {-moz-opacity:0.7;filter:alpha(opacity=70);opacity:0.7;visibility:visible;} .home .post .bigdate{font-family:"Hoefler Text","Georgia",Georgia,serif,sans-serif;color:#fff;font-size:3.6em;font-weight:100;letter-spacing: -0.05em;position:absolute;text-transform:normal;left:0;top:0;padding:5px 0 0 15px;visibility:visible;z-index:60;-moz-opacity:1;filter:alpha(opacity=100);opacity:1;text-shadow:1px 2px 5px #333333; line-height:1.6;} .home .post .bigdate span{font-family:"Hoefler Text","Georgia",Georgia,serif,sans-serif;color:#fff;font-size:3.6em;font-weight:100;letter-spacing: -0.05em;position:absolute;text-transform:normal;left:0;top:0;padding:5px 0 0 15px;visibility:visible;z-index:60;-moz-opacity:1;filter:alpha(opacity=100);opacity:1; line-height:1.6; display: block; width: 100%; filter: glow(color=#0000ff,strength=3); } .home .featured .flickr-mini-gallery-thumb img {width:60px;} .home .featured a:hover{text-decoration:none;color:#444;} .home .featured a:hover img{-moz-opacity:0.7px;filter:alpha(opacity=70);opacity:0.7px;} .home .post {background:#999;height:300px;margin:0;overflow:hidden;width:400px;} .home #footer {margin-top:3em;}