/* (CC) 2004-2006 Ross Harmes. Some Rights Reserved. */ /* http://creativecommons.org/licenses/by/2.0 */ /* This style sheet is licensed under a Creative Commons License. */ html { height : 100%; } body { height : 100%; background : #666 url('../images/big_stripes.gif') repeat-x fixed; font-family : Helvetica, Arial, sans-serif; font-size : 77%; color : #555; text-align : center; } * { outline : none; -moz-outline : none -moz-mac-focusring; } a:link, a:visited, a:active { border-bottom : 1px solid #DEE6F7; text-decoration : none; color : #5d7097; } a:hover { /* background : #C2D0EC; */ border-width : 0 0 2px 0; color : #041e53; } h1, h2, h3, h4 { color : #111; font-weight : normal; } h2 { font-size : 114%; } h2 a:link, h2 a:visited, h2 a:active { border : 0; } h2 a:hover { background : transparent; border : 0; } h3 { font-size : 107%; } abbr { cursor : help; border-bottom : 1px dotted #222; } code, pre { font-family : Courier, monospace; /* "Lucida Grande", Veranda, Arial, Helvetica, sans-serif; */ } p { margin : 1em 0; } /* Major sections. */ #doc { width : 956px; margin : 0 auto; border : 1px solid #ddd; border-width : 0 5px; } #hd { position : relative; width : 920px; height : 60px; margin : 0 auto; background : #fff; border : 1px solid #fff; border-width : 0 18px; text-align : center; } #bd { position : relative; width : 920px; min-height : 300px; height : auto !important; height : 300px; margin : 0 auto; padding : 15px 0 0; background : #fff; border : 1px solid #fff; border-width : 0 18px; text-align : left; zoom : 1; } #bd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #ft { position : relative; height : 152px; margin : 0; padding : 16px 0 0; background : #fff; border-bottom : 5px solid #ddd; text-align : center; font-size : 92%; } #system-message { position : relative; height : 0; margin : 0; overflow : hidden; background : #f7f7f7 url('../images/light/message_bkgd.gif'); border-bottom : 1px solid #d3d3d3; font-size : 92%; text-align : left; } /* Header. */ #hd h2 { color : #000; } #hd a:link, #hd a:visited, #hd a:active { border-color : #fff; color : #000; } #hd a:hover { border-color : #5d7097; } #header-main { width : 920px; margin : 0 auto; border-bottom : 8px solid #eee; color : #777; text-align : left; } #header-main h2 { font-size : 122%; } #header-main a:link, #header-main a:visited, #header-main a:active { margin : 0 4px; } #header-main a:hover { } #home { height : 27px; margin-left : -4px; padding-top : 20px; font-size : 232%; text-transform : lowercase; } #home a:link, #home a:visited, #home a:active { display : block; border : 0; color : #000; } #home a:hover { border : 0; background : transparent; } #home #logo { display : block; float : left; height : 50px; margin : -12px 0 0 -50px; padding : 12px 0 0 50px; background: url('/images/star.png') no-repeat 0 0; font-size : 63%; } #home #tagline { display : block; float : left; margin-left : 2px; padding-top : 3px; font-size : 47%; letter-spacing : 0; color : #aaa; } #navigation { position : absolute; top : 28px; right : 50%; margin-right : -172px; text-align : right; } #navigation ul, #navigation li { display : inline; } #navigation li a:link, #navigation li a:visited, #navigation li a:active { } #navigation li a:hover { padding : 0 0 3px 0; background : transparent; border-bottom : 3px solid #7b8aaa; } #navigation #nav-header, #navigation #nav-home, #navigation #nav-search { display : none; } #site-search { float : right; margin-top : -28px; } #site-search h3 { display : none; } #site-search label { display : none; } #search-field { width : 240px; margin-left : 4px; padding : 3px; border : 1px solid #dfdfdf; } #search-field.grey { color : #999; } #system-message-container { position : relative; width : 920px; overflow : hidden; zoom : 1; padding : 10px 0 6px; margin : 0 auto; } #system-message-container h2 { color : #000; font-size : 136%; text-transform : lowercase; } #system-message-container p { margin : 1em 0 0; } #system-message-container .style-thumb { display : block; float : left; width : 118px; height : 106px; margin : -26px 14px 4px 0; background : transparent url('../images/style_thumbs.gif') no-repeat 0 0; border : 1px solid #d3d3d3; text-indent : -9999px; } #system-message-container #style-light { margin-left : 120px; } #system-message-container #style-dark { background-position : -118px 0; } /* Main. */ #main { width : 625px; float : left; margin : 0 0 0 0; padding : 0 0 12px; } #main p { line-height : 19px; } #main p.date { margin : 0 0 1em; color : #aaa; font-size : 92%; } #main p.permalink { margin : -2.7em 0 1em; text-align : right; font-size : 92%; } #main code { font-size : 12px; color : #c4b300; } #main ol { margin : 1em 0; padding-left : 2em; list-style-type : decimal; } #main ul { margin : 1em 0; padding-left : 2em; list-style-image : url('../images/light/list_dots.gif'); } #main li { margin : 5px 0; line-height : 19px; } #main strong { font-weight : bold; } #main em { font-style: italic; } #main blockquote { overflow : visible; padding : 0 26px; background : url('../images/light/quotes.gif') no-repeat -20px 0; color : #666; } #main blockquote p { } #main blockquote span.end-quote { overflow : visible; margin : 0 0 0 5px; padding : 1px 10px 15px 10px; background : url('../images/light/quotes.gif') no-repeat 0 0; } #main .citation { color : #999; text-align : right; } /* Footer. */ #recent-posts { position : absolute; z-index : 10; top : 10px; left : 50%; width : 920px; margin : 0 0 0 -460px; padding-top : 16px; border-top : 8px solid #ddd; text-align : left; } #recent-posts ul { padding-top : 8px; } #recent-posts ul li { margin-bottom : 8px; } #recent-posts ul li span.num-comments { color : #b3b3b3; } #ft-nav { position : absolute; z-index : 30; top : 34px; right : 50%; margin-right : -172px; font-size : 107%; text-align : right; } #ft-nav ul, #ft-nav li { display : inline; } #ft-nav li a:link, #ft-nav li a:visited, #ft-nav li a:active { margin : 0 4px; border-color : #fff; color : #000; } #ft-nav li a:hover { border-color : #5d7097; } #ft-nav h2 { display : none; } #copyright { position : absolute; z-index : 30; top : 34px; left : 50%; width : 250px; margin : 0 0 0 214px; text-align : left; } #ex-ft { position : relative; width : 920px; height : 28px; padding : 0; text-align : center; } #footer-graph { position : absolute; top : 44px; left : 390px; width : 530px; height : 120px; background : url('../images/footer_graph.png') no-repeat; } /* Posts. */ #main .post { padding-bottom : 2em; } #main .post h2 a { background : transparent; border : 0; color : #000; } #main .post h2 a:hover { background : transparent; border : 0; color : #000; } #main .post .date abbr { border : 0; line-height : 19px; cursor : default; } #main .updated { display : none; } #main .post-footer { padding : 4px 0; margin-bottom : 1em; color : #999; font-size : 92%; } #main .post-footer p { margin : 0; } #main .post-footer strong { font-weight : normal; } #main .post-footer .posted-by { margin-bottom : 2px; } #main .post-footer .comment-info { margin-bottom : 0; } #main .post-footer .share { margin : -1.4em 0 0; text-align : right; } #main .post-footer .share a { margin : 0 2px; } #main .post-footer .tags { margin : -1.9em 0 5px; text-align : right; } /* CSS for styling code examples */ #main .code-container { overflow : hidden; } #main ol.code { list-style-type : decimal-leading-zero; color : #aaa; font-family : Courier, monospace; margin : 0; overflow : auto; padding : 4px 5px 5px 32px; background : transparent; } #main ol.code li { background-color : #f2f2f2; margin : 0; padding : 2px 5px; } #main .code-controls { padding-right : 10px; font-size : 92%; text-align : right; text-transform : lowercase; } #main .code-plain-link { visibility : hidden; } #main ol.code li+li { margin-top : 2px; } #main ol.code li.tab1 { padding-left : 25px; } #main ol.code li.tab2 { padding-left : 50px; } #main ol.code li.tab3 { padding-left : 75px; } #main ol.code li.tab4 { padding-left : 100px; } #main ol.code li.tab5 { padding-left : 125px; } #main ol.code li.tab6 { padding-left : 150px; } #main ol.code li code { color : #333; font-size : 12px; } #main ol.code li.cmnt code, #main ol.code li span.cmnt { color : #de575d; } #main .code-plain { display : none; width : 599px; overflow : auto; padding : 8px; margin: 4px 5px 0 5px; border : 1px solid #eee; background : #f7f7f7; font-size : 12px; } #main .code-plain pre { color : #333; font-size : 100%; } /* Comments section. */ .comment { margin : 1.5em 0; border-bottom : 4px solid #e5e5e5; } .comment h3 { height : 20px; font-size : 122%; } .comment h3 span.author { display : block; float : left; } .comment h3 span.date { display : block; float : right; font-size : 85%; color : #b6b6b6; } .comment h3 span.number { display : block; position : absolute; width : 200px; margin : -7px 0 0 -230px; font-size : 300%; color : #727272; text-align : right; } .comment code { font-size : 12px; } #comment-form { margin : 1.5em 0; } #comment-form label { display : block; margin : 4px 0 1px; } #comment-form input.submit { position : relative; top : -4px; margin : 0 0 0 15px; } #comment-author, #comment-text { width : 414px; padding : 3px; border : 1px solid #ddd; border-color : #bbb #ddd #ddd #bbb; font-size : 100%; } #tags-allowed { position : absolute; margin-top : -225px; margin-left : 438px; width : 160px; font-size : 92%; line-height : 15px; color : #888; } #tags-allowed code { color : #666; font-size : 92%; } #comment-preview h2 { } #comment-preview #preview-text { margin : 0 0 0; } /* Sidebar section. */ #sidebar { width : 250px; float : left; margin : 0 0 0 44px; padding : 0 0 12px; color : #777; } #sidebar .sidebar-section { margin : 0 0 1.8em; } #sidebar h3 { margin : 0 0 .3em; padding : 3px 4px 0; font-size : 100%; color : #000; } #sidebar p { margin : .3em 0 1em; padding : 3px 4px 0; font-size : 100%; } #sidebar li { padding : 4px 4px; font-size : 92%; line-height : 17px; } #live-results { display : none; height : 0; overflow : hidden; } #live-results h3 { overflow : hidden; zoom : 1; } #live-results h3 span { display : block; float :left; } #live-results h3 span.total { display : block; float : right; margin-top : 4px; color : #999; font-size : 92%; } #live-results .view-full { text-align : right; } #sidebar-tags a { margin-right : 2px; } #current-links h3 { overflow : hidden; } #current-links h3 span { display : block; float : left; } #current-links h3 #delicious-link { display : block; float : right; padding-top : 2px; font-size : 92%; } #current-links li a { margin-right : 3px; } #reading li { overflow : hidden; } .librarious_cover img { border : 1px solid #e6e6e6; padding : 5px; margin-right : 8px; } .librarious_rating, .librarious_tags { display : none; } .update-date { color : #aaa; text-align : right; } #sidebar-tags h3 { overflow : hidden; } #sidebar-tags h3 span { display : block; float : left; } #sidebar-tags h3 span.side-link { display : block; float : right; padding-top : 1px; font-size : 92%; } #page-info li { overflow : hidden; } #page-info li span { display : block; float : left; } #page-info li span.side-link{ display : block; float : right; } li.share a { margin : 0 2px; } #technorati-link-count { margin-left : 10px; } #technorati-link-count a { border : 0; } #post-nav { overflow : hidden; zoom : 1; } #post-nav h3 { float : left; } #post-nav ul { float : right; } #post-nav ul li { display : inline; color : #999; } li.new-section { margin-top : 1em; } /* Styles for the archives. */ #main.archives { } #main.archives .bookmark, #main.archives .updated { display : none; } #archives { padding-bottom : 58px; } #archives p { } #archives h3 { clear : both; padding-top : .5em; font-size : 107%; } #archives h3 a:link, #archives h3 a:visited, #archives h3 a:active { border-color : #fff; color : #000; } #archives h3 a:hover { border-color : #5d7097; } #archives dt { width : 28px; float : left; margin : 0 1em 0 5px; padding : 2px 0 3px; } #archives dd { float : left; padding : 0 0 3px; color : #b3b3b3; line-height : 18px; } #archives dl { clear : both; margin : 3px 0 0; padding : 4px 4px; line-height : 17px; } #archives dl a { margin-right : 2px; } #archives dl.month { overflow : hidden; padding : .75em 0; border-bottom : 4px solid #e5e5e5; zoom : 1; } #archives dd.post { margin : 0 0 0 46px; padding : 0; color : #444; } /* Styles for the author page. */ .img-dec { padding : 4px; border : 1px solid #ddd; } #author-page #author-title { overflow : hidden; zoom : 1; margin-bottom : 0; } #author-page .fn { display : block; float : left; margin-right : 8px; font-size : 114%; color : #000; border : 0; } #author-page .fn:hover { border : 0; } #author-page .org { display : block; float : left; margin-top : 2px; color : #999; } #author-page .email { display : block; float : right; margin-top : 2px; margin-right : 8px; } #author-page .download-vcard { display : block; float : right; width : 30px; height : 20px; background: url('../images/icon-hcard-add.png') no-repeat 0 0; border : 0; text-indent : -9999px; } #author-page .download-vcard:hover { border : 0; } #author-page .photo { float : left; margin : 13px 8px 5px 0; padding : 4px; border : 1px solid #ddd; } .author #archives { margin-top : 3em; } .author #archives h2 { margin-bottom : .8em; } /* Styles for the examples page. */ #main.examples ul { margin : 1em 0; padding : 0; list-style-type : none; list-style-image : none; } #main.examples li { margin : -1px 0 0; padding : 4px 4px; line-height : 17px; } #main.examples code { font-size : 12px; } #main.examples .date { color : #b3b3b3; } /* Styles for the tag pages. */ .tag-posts h2 span { font-size : 92%; color : #999; } .tag-posts h2 span.tag { font-weight : bold; color : #000; } #tag-list ul { list-style-type : none; list-style-image : none; clear : both; padding : 0; text-align : justify; } #tag-list li { display : inline; padding-right : 0.4em; line-height : 1.4em; } #tag-list li.popular { font-size : 100%; } #tag-list li.v-popular { font-size : 120%; } #tag-list li.vv-popular { font-size : 140%; } #tag-list li.vvv-popular { font-size : 160%; } #tag-list li.vvvv-popular { font-size : 180%; } /* Styles for the search results page. */ #num-results { margin-top : 0; } #main.search-results ul { margin : 1em 0; padding : 0; list-style-type : none; list-style-image : none; } #main.search-results li { margin : -1px 0 0; padding : 1em 4px 0; border : 1px solid #e5e5e5; border-width : 1px 0; line-height : 17px; } #main.search-results h3 span { color : #b3b3b3; font-size : 85%; } strong.search-term { padding : 0 .4em; background : #ddd; color : #000; font-weight : bold; } /* Styles for the error page. */ #main.error { margin-bottom : 3em; } p.error-message { } /* Styles for the statistics page. */ div.stats-header { position : absolute; bottom : 4px; width : 210px; height : 260px; } div.stats-header h2 span { display : block; float : right; color : #38393b; } div.stats-header p { margin-bottom : 1.5em; font-size : 92%; } div.stats-header dl { font-size : 92%; } #stat-visitors { margin-left : 0; } #stat-links { margin-left : 234px; } #stat-comments { margin-left : 468px; } #stat-posts { margin-left : 702px; } div.stats-header strong { color : #444; font-weight : bold; } div.stats-header dl { clear : both; height : 1em; margin-bottom : 4px; padding-bottom : 4px; border-bottom : 1px dotted #cacaca; } div.stats-header dl.section-start { margin-top : 1.5em; } div.stats-header dt { display : block; float : left; width : 148px; padding-left : 4px; margin-right : 8px; } div.stats-header dd { display : block; float : left; width : 46px; padding-right : 4px; color : #444; font-weight : bold; text-align : right; } #main.statistics { width : 920px; height : 510px; float : none; font-size : 92%; } #main.statistics #home { margin-bottom : 0; } #main.statistics .stat-pane { position : absolute; padding : 4px; border : 1px solid #d3d3d3; } #main.statistics #thirty-days { top : 29px; width : 672px; height : 210px; } #main.statistics #basic-stats { top : 29px; width : 212px; height : 210px; margin-left : 690px; } #main.statistics #most-popular { top : 257px; width : 212px; height : 160px; } #main.statistics #referrers { top : 257px; width : 212px; height : 160px; margin-left : 230px; } #main.statistics #search-strings { top : 257px; width : 212px; height : 160px; margin-left : 460px; } #main.statistics #browsers { top : 257px; width : 212px; height : 160px; margin-left : 690px; } #main.statistics #last-year { top : 436px; width : 902px; height : 210px; } #main.statistics .text div { width : 212px; height : 160px; padding : 0 0 0 0; overflow : auto; } #main.statistics .text div h3 { width : 94%; height : 14px; padding : 1px 1px 0 4%; background : #ddd; border : 0; font : .9em/1.4em "Trebuchet MS", Verdana, Arial, sans-serif; color : #000; } #main.statistics .text div dt { width : 78%; height : 16px; float : left; overflow : hidden; padding : 3px 4% 0; } #main.statistics .text div dd { width : 50%; height : 16px; float : right; overflow : visible; margin-top : -19px; padding : 3px 4% 0 0; text-align : right; } #main.statistics .text div dl { width : 94%; clear : both; margin-top : -1px; border-bottom : 1px dotted #d3d3d3; font : .9em/1.4em "Trebuchet MS", Verdana, Arial, sans-serif; } /* Styles for the time stats page. */ #main.statistics #basic-stats-time { top : 29px; width : 212px; height : 210px; border : 0; } #main.statistics #thirty-days-time { top : 29px; width : 672px; height : 210px; margin-left : 230px; border : 0; } #main.statistics #one-year-time { top : 257px; width : 902px; height : 210px; border : 0; } /* General classes. */ .strong { font-weight : bold; } .spaced { margin : 1em 0 .5em; } .first { padding-top : 1.5em; } .indent { padding-left : 2.5em; } .white { color : #fff; } .left { float : left; } .clear { clear : both; } br.clear { display : none; } /* Hacks that force certain browsers to display the page correctly. */ * html #content { height : 100%; } * html #tags-allowed { margin-left : -120px; margin-top : 0px; width : 125px; } * html .comment h3 span.number { margin-left : -670px; left : 50%; } * html #authors img { margin-left : -44px; } * html #authors .last img { margin-left : -70px; } * html #current-links h3 { height : 16px; } * html #main.statistics { font-size : 10px; } * html #main.statistics .text div dl { width : 86%; font-size : 10px; } * html #main.statistics .text div h3 { width : 86%; } * html #home #logo { background : none; height : auto; margin : 0; padding : 0; }