/* Theme Name: Deep Pond Theme URI: http://blog.rossharmes.net/ Description: Custom theme for rossharmes.net. Version: 1.0 Author: Ross Harmes Author URI: http://blog.rossharmes.net/ */ /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.1 */ /*reset.css*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} /*fonts.css*/body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;} /*grids.css*/body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.117em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gb .yui-u,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:.8%;}.yui-gb .yui-u{float:right;}.yui-gb div.first{margin-left:0;float:left;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u{width:66%;}.yui-gd div.first,.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first{width:24%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first {float:left;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}.yui-gb .yui-u{float:left;} /* Stylesheet for rossharmes.net */ /* */ /* (CC) 2004-2007 Ross Harmes. Some Rights Reserved. */ /* http://creativecommons.org/licenses/by/2.0 */ /* This style sheet is licensed under a Creative Commons License. */ body { background: #0d1026 url('images/body_bkgd.gif') repeat-x 0 0; font-size: 11px; line-height: 18px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #cacde0; } * { outline : none; -moz-outline : none -moz-mac-focusring; } a { text-decoration: none; font-weight: bold; color: #cf7e08; } a:hover { border-bottom: 1px #cf7e08 dotted; } h2, h2 a, h2 a:hover { border: 0; font-size: 18px; font-weight: normal; color: #c36000; } h3 { font-size: 14px; color: #c36000; } strong { font-weight: bold; } em { font-style: italic; } code { font-family: Courier, monospace; } /* Major sections. */ #doc { width: 910px; } /* Header section. */ #hd h1 { margin-left: 80px; } #hd #home { display: block; width: 483px; height: 106px; margin: 0 0 52px -12px; background: transparent url('images/title.gif') no-repeat 0 0; text-indent: -999em; } #hd #home:hover { border: 0; } #hd p.description { position: absolute; top: 58px; left: 50%; margin-left: -374px; width: 280px; padding-left: 20px; color: #313446; text-align: right; /* background: url('images/warning.png') no-repeat 0 0; */ } #hd #nav { position: absolute; top: 8px; left: 50%; margin-left: 82px; padding: 0; width: 450px; text-transform: lowercase; } #hd #nav h3, #hd #nav li { float: left; width: auto; margin-left: 7px; font-size: 11px; } #hd #nav li a { width: auto; color: #eeeef8; font-weight: normal; } #hd #nav li a:hover { border: none; color: #d1b398; } #hd.wide #nav { margin-left: 498px; } #hd #admin-nav { position: absolute; top: 44px; left: 50%; margin-left: 162px; padding: 0; width: 270px; list-style: none; text-transform: lowercase; } #hd #admin-nav h3 { float: left; width: auto; height: 18px; margin-right: 5px; color: #313446; } #hd #admin-nav li { float: left; width: auto; height: 18px; margin-left: 2px; background: #1b1e33 url('images/rounded_left.gif') no-repeat top left; } #hd #admin-nav li a { display: block; width: auto; height: 17px; padding: 1px 8px 0; background: url('images/rounded_right.gif') no-repeat top right; font-weight: normal; color: #101222; } #hd #admin-nav li:hover { background: #2a2d40 url('images/rounded_left.gif') no-repeat -18px left; } #hd #admin-nav li a:hover { background: url('images/rounded_right.gif') no-repeat -18px right; color: #fff; border: 0; } /* Main section. */ #yui-main { width: 515px; margin-left: 80px; } #yui-main.wide { width: 530px; margin-right: -15px; } #yui-main p, #yui-main blockquote { margin: 0 0 1.5em; } #yui-main p.comment-info { margin-top: -1em; } #yui-main blockquote { padding-left: 12px; margin-left: 12px; border-left: 1px #3d4061 solid; font-style: italic; color : #b7bad6; } #yui-main strong.quote-credit { display: block; margin-top: .5em; text-align: right; } #yui-main ul { margin: 0 0 1.5em 40px; } #yui-main ol { list-style-type: decimal; margin: 0 0 1.5em 40px; } #yui-main ol ol { } #yui-main li { } #yui-main ul li { list-style-position: outside; list-style-image: url('images/dot.gif'); } #yui-main div.post { position: relative; padding: 8px 0 16px; } #yui-main div.post h2 { margin-bottom: 12px; } #yui-main #past-entries a { font-size: 18px; font-weight: normal; } /* Footer section. */ #ft { position: absolute; width: 100%; height: 252px; left: 0; padding: 8px 0 0; background: #0a0d1e; border-top: 2px solid #080b19; color: #313446; text-align: center; } #ft a { color: #55596e; } #ft a:hover { border-bottom: 1px #55596e dotted; } /* Posts. */ #yui-main div.post p.author { color: #313446; } #yui-main div.post p.author a { font-weight: normal; color: #313446; text-decoration: none; border-bottom: 1px dotted #1a1d33; } #yui-main div.post p.author a:hover { font-weight: normal; color: #313446; text-decoration: none; border-bottom: 1px solid #313446; } #yui-main div.post p.date { width: 52px; height: 57px; padding: 1px 7px 0 0; margin: -29px 0 -25px -67px; background: transparent url('images/date_bkgd.png') no-repeat 0 0; text-align: center; } #yui-main div.post p.date .month { display: block; font-size: 13px; color: #101222; text-transform: lowercase; } #yui-main div.post p.date .day { display: block; margin-top: 3px; font-size: 22px; font-family: Georgia, Times New Roman, Times, serif; color: #fff; } #yui-main div.post p.date .year { display: none; } #yui-main div.post p.comment-info { position: absolute; top: 79px; width: 48px; height: 28px; margin: 0 0 0 -82px; padding: 0 18px 0 0; background: url('images/comment.gif') no-repeat right top; font-size: 22px; font-family: Georgia, Times New Roman, Times, serif; text-align: right; } #yui-main div.post p.comment-info a:hover { border: 0; } #yui-main div.post p.edit-post-link { float: right; margin-top: -3.1em; padding: 0 4px 0 20px; background: url('images/edit_post.png') no-repeat 0 0; } /* Tweets. */ #yui-main div.tweet-post { margin-top: 30px; } #yui-main div.tweet-post .entry { position: relative; margin-top: -58px; padding-bottom: 1px; } #yui-main div.tweet-post .entry p { padding: 8px; background: #030a1d; border: 1px solid #151e38; border-color: #000 #151e38 #151e38 #000;font-size: 15px; line-height: 22px; color: #c36000; } #yui-main div.tweet-post .entry p a { font-weight: normal; color: #c36000; border-bottom: 1px dotted #3b241c; } #yui-main div.tweet-post .entry p a:hover { border-bottom: 1px dotted #c36000; } #yui-main div.tweet-post .entry .speech-arrow { position: absolute; bottom: 12px; left: 13px; width: 13px; height: 13px; background: url('images/speech_arrow.gif') no-repeat 0 0; } #yui-main div.tweet-post .author { margin-top: -10px; } #yui-main div.tweet-post p.comment-info { top: 49px; } /* From Dunstan: http://www.1976design.com/blog/archive/2003/11/14/49/ */ #yui-main .img-dec { float: right; background: url('images/drop-shadow.gif') bottom right no-repeat; margin: 10px 0 10px 5px; } #yui-main .img-dec br { display: none; } #yui-main .img-dec img { margin: -5px 5px -2px -5px; padding: 4px; background-color: #fff; } #yui-main .img-dec a:hover { border: 0; } #yui-main .img-caption { float: right; width: 98%; margin: -16px 0 0; padding-right: 10px; font-size: 85%; color: #313446; text-align: right; } #yui-main .img-caption a, #yui-main .img-caption a:hover { text-decoration: none; border-bottom: 1px dotted #313446; color: #313446; } /* Flickr posts. */ .flickr-photo { } .flickr-yourcomment { } .flickr-frame { } .flickr-caption { } #yui-main #past-entries a { color : #cf7e08; } /* Comments section. */ #yui-main ol.commentlist { margin-left: 0; } .comment { margin: 1.5em 0; } .comment h2, .comment h2 a { font-size: 14px; color: #c36000; } .comment h3 { font-size: 11px; color: #313446; } #yui-main .comment p { margin-top: 1em; } #comment-form { margin: 2em 0 1.5em; } #comment-form label { display: block; margin: 4px 0 1px; } #comment-form input.submit { position: relative; top: -4px; margin: 0 0 0 15px; font-size: 13px; } #comment-title, #comment-author, #comment-text { width: 350px; font-size: 13px; padding: 1px; } #tags-allowed { position: relative; top: -158px; left: 15px; width: 158px; float: right; color: #313446; } #comment-preview h3 { display: inline; } #comment-preview #preview-text { margin: 0; } h2.comments-disabled { margin: 2em 0; } h2.nocomments { margin: 0 0 2em; } /* Sidebar section. */ #sidebar { width: 268px; margin: 0 17px 0 0; padding: 0; font-size: 11px; color: #313446; text-align: right; } #sidebar a { color: #eeeef8; font-weight: normal; } #sidebar a:hover { border: none; color: #d1b398; } #sidebar h3 { font-size: 11px; text-transform: lowercase; } #sidebar .decorations { font-weight: bold; } #sidebar li a, #page-info #accessibility-statement a { display: block; width: 270px; } #page-info li a { display: inline; } #sidebar .sidebar-section { padding: 0 0 22px; } #sidebar #site-search { margin-bottom: 7px; } #sidebar #site-search label { display: none; } #sidebar #site-search #search-field { width: 200px; margin: 7px 6px 0 0; padding: 1px; font-size: 14px; } #sidebar #site-search #search-button { width: 52px; margin: -7px 0 0; font-size: 13px; } #sidebar .recent-photos-thumbs { float: right; width: 276px; margin: 5px 0 0 -7px; } #sidebar .recent-photos-thumbs a { display: block; float: left; width: 60px; height: 46px; margin: 0 0 9px 9px; color: #313446; text-align: center; text-transform: lowercase; } #sidebar .recent-photos-thumbs img { border: 2px solid #fff; } #sidebar .recent-photos-thumbs a:hover img { border-color: #d1b398; } #sidebar .recent-photos-num { display: block; margin: 4px 0 6px; font-size: 28px; font-family: Georgia, Times New Roman, Times, serif; font-weight: normal; } #sidebar #current-links li { width: 268px; margin-bottom: 2px; text-align: left; } #sidebar #current-links li a { display: inline; margin-right: 4px; } #sidebar #current-links li.update-date { margin-top: 1em; text-align: right; } #sidebar #current-links li.update-link { text-align: right; } #sidebar #current-links li.update-link a { margin-right: 0; } #sidebar #reading, #sidebar #listening { text-indent: -999em; } #sidebar li .librarious_cover img { float: left; margin-right: 9px; padding: 4px; border: 1px solid #313446; } #sidebar li.last .librarious_cover img { margin: 0; } #sidebar .librarious_rating, #sidebar .librarious_review, #sidebar .librarious_tags { display: none; } #sidebar #reading li.update-date, #sidebar #listening li.update-date { clear: both; float: none; padding-top: 1em; text-indent: 0; } #sidebar #reading li.update-link, #sidebar #listening li.update-link { text-indent: 0; } #sidebar #friends { float: right; width: 126px; } #sidebar #daily-reads { float: left; width: 126px; text-align: left; } #sidebar #page-info { float: right; width: 126px; } #sidebar #friends li a, #sidebar #daily-reads li a, #sidebar #page-info li a { width: 126px; } /* Styles for the archives. */ #yui-main.archives { padding-bottom: 2em; } #yui-main.archives p { margin-top : 1.2em; margin-bottom : 0; } #yui-main.archives h3 { clear : both; padding-top : .5em; } #yui-main.archives h3 a:link, #yui-main.archives h3 a:visited, #yui-main.archives h3 a:active { font-weight : normal; color : #C36000; } #yui-main.archives h3 a:hover { border : 0; } #yui-main.archives dt { width : 28px; float : left; margin : 0 1em 0 1.5em; padding-left : 14px; background : url('images/dot.gif') no-repeat 0 5px; } #yui-main.archives dd { float : left; color : #313446; } #yui-main.archives dl { clear : both; } #yui-main.archives dl.month, #yui-main.archives dl.months { padding-top : 1.5em; } #yui-main.archives dd.post { margin : 0 0 0 6.5em; color : #fff; } .post-nav { height: 2em; } .post-nav #archive-prev-link { display: block; float: left; } .post-nav #archive-next-link { display: block; float: right; } /* Styles for the search results page. */ ul#search-results { margin: 2em 0 0; padding: 0; } #search-results li { display: block; list-style: none; margin-bottom: 22px; } #search-results h3 a.title:link, #search-results h3 a.title:visited, #search-results h3 a.title:active { color : #C36000; font-weight : normal; } #search-results h3 span { font-size : 11px; color : #313446; } #search-results li p.date { width: 52px; height: 57px; padding: 2px 7px 0 0; margin: -17px 0 -37px -67px; background: transparent url('images/date_bkgd.png') no-repeat 0 0; text-align: center; } #search-results li p.date .month { display : block; font-size : 13px; color : #101222; text-transform : lowercase; } #search-results li p.date .day { display : block; margin-top : 10px; font-size : 22px; font-family : Georgia, Times New Roman, Times, serif; color : #fff; } #search-results li p.date .year { display : none; } #search-results p.date { margin-bottom : -.2em; font : .9em/1.4em "Trebuchet MS", Verdana, Arial, sans-serif; font-weight: normal; color : #A9A9A9; } strong.search-term { padding : 0 .4em; background : #242740; color : #C36000; } /* Styles for the error page. */ p.error-message { padding-top : 1.5em; } /* Styles for the links page. */ #link-list { padding-top : 1.5em; } /* Styles for the misc page. */ .misc { margin : 1.5em 0; } /* Styles for the good books page. */ .book-block { padding-top: 1.5em; margin : 1.5em 0; border-top: 1px solid #1E213F; } #yui-main .book-block div.img-dec { float: right; background: url('images/drop-shadow.gif') bottom right no-repeat; margin: 10px 0 0 15px; } #yui-main .book-block div.img-dec img { margin: -5px 5px -1px -5px; padding: 0; background-color: transparent; } /* Styles for CSS Cheat Sheet page. */ .parameters { color : #FF9B3B; } /* Styles for the photo pages. */ #photos ul { margin-top : 1em; } #photos .date { margin-left : 14px; color : #313446; } #album { width: 522px; } #album p.date { width: 52px; height: 57px; padding: 1px 7px 0 0; margin: -17px 0 -37px -67px; background: transparent url('images/date_bkgd.png') no-repeat 0 0; text-align: center; } #album p.date .month { display : block; font-size : 13px; color : #101222; text-transform : lowercase; } #album p.date .day { display : block; margin-top : 3px; font-size : 22px; font-family : Georgia, Times New Roman, Times, serif; color : #fff; } #album p.date .year { display : none; } #album ul { margin : 1.8em 0 0; } #album ul li { list-style-image: none; width : 150px; height : 150px; float : left; margin-right : 24px; font-size : 9px; line-height : 13px; text-align : center; } #album li img { display : block; margin : 0 auto; padding : 4px; background : #fff; } #album li a:hover { border : 0; } #picture-frame { width : 840px; float : left; margin : -62px 0 0 0; } #picture-frame a:hover { border : 0; } #picture-frame h2 { margin-bottom : 10px; } #picture-frame p.date { width: 52px; height: 57px; padding: 1px 7px 0 0; margin: -29px 0 -25px -67px; background: transparent url('images/date_bkgd.png') no-repeat 0 0; text-align: center; } #picture-frame p.date .month { display : block; font-size : 13px; color : #101222; text-transform : lowercase; } #picture-frame p.date .day { display : block; margin-top : 3px; font-size : 22px; font-family : Georgia, Times New Roman, Times, serif; color : #fff; } #picture-frame p.date .year { display : none; } #picture-frame div.img-dec { float : left; margin : 8px 0 0 4px; background: url(/images/drop-shadow.gif) bottom right no-repeat; } #picture-frame div.img-dec img { margin: -5px 5px -2px -5px; padding: 6px; background-color: #fff; } #picture-frame #home { margin-bottom : -10px; } #picture-frame #previous { position : absolute; top : 112px; margin-left : 280px; display : block; } #picture-frame #back-to-album { position : absolute; top : 112px; margin-left : 362px; display : block; } #picture-frame #next { position : absolute; top : 112px; margin-left : 470px; display : block; } #picture-frame p.caption { clear : both; width : 700px; margin-top : 4px; text-align : center; } /* Styles for the statistics page. */ .statistics { padding-bottom: 530px; } .statistics h2 { margin-top: -52px; } .statistics #thirty-days { position : absolute; top : 133px; width : 442px; height : 160px; padding : 4px; border : 1px solid #46495E; } .statistics #basic-stats { position : absolute; top : 133px; width : 212px; height : 160px; margin-left : 460px; padding : 4px; border : 1px solid #46495E; } .statistics #most-popular { position : absolute; top : 311px; width : 212px; height : 160px; padding : 4px; border : 1px solid #46495E; } .statistics #referrers { position : absolute; top : 311px; width : 212px; height : 160px; margin-left : 230px; padding : 4px; border : 1px solid #46495E; } .statistics #search-strings { position : absolute; top : 311px; width : 212px; height : 160px; margin-left : 460px; padding : 4px; border : 1px solid #46495E; } .statistics #last-year { position : absolute; top : 490px; width : 442px; height : 160px; padding : 4px; border : 1px solid #46495E; } .statistics #browsers { position : absolute; top : 490px; width : 212px; height : 160px; margin-left : 460px; padding : 4px; border : 1px solid #46495E; } .statistics div.text div { width : 212px; height : 160px; padding : 0 0 0 0; overflow : auto; } .statistics div.text div h3 { width : 96%; height : 14px; padding : 1px 1px 0 4%; background : #30324A; border : 0; font : .9em/1.4em "Trebuchet MS", Verdana, Arial, sans-serif; color : #fff; } .statistics div.text div dt { width : 78%; height : 16px; float : left; overflow : hidden; padding : 3px 4% 0; } .statistics div.text div dd { width : 50%; height : 16px; float : right; overflow : visible; margin-top : -19px; padding : 3px 4% 0 0; text-align : right; } .statistics div.text div dl { width : 100%; clear : both; margin-top : -1px; border-bottom : 1px dotted #30324A; font : .9em/1.4em "Trebuchet MS", Verdana, Arial, sans-serif; } /* Styles for the administration page. */ #admin #content { } #admin h1 a:link, #admin h1 a:visited, #admin h1 a:active, #admin h1 a:hover { color : #FF9900; } #admin h2 { margin : 0 0 6px; font-size : 16px; } #admin #login-form { position : absolute; top : 6px; margin-left : 500px; } #admin #login-form label { display : none; } #admin #login-form input { display : inline; margin : 0 0 0 6px; } #admin #login-form #username-field, #admin #login-form #password-field { width : 140px; } #admin #login-form input.submit { } #new-post, #edit-post, #upload { position : absolute; top : 102px; width : 908px; } #admin input { display : block; } #admin label { display : block; margin : 4px 0 2px; } #admin #post-title, #admin #edit-post-title { width : 712px; } #admin #post-text, #admin #edit-post-text { width : 712px; height : 380px; margin-bottom : 18px; } #admin .left { margin : 3px 6px 0 8px; } #admin .delete-label { margin-top : 1px; } #admin .option-header { margin-bottom : 2px; border-bottom : 1px solid #3A3D54; } #admin #new-post-main, #admin #edit-post-main { width : 732px; float : left; } #admin #new-post-side, #admin #edit-post-side { width : 154px; float : left; margin : 22px 0 0; padding : 2px 8px 10px; border : 1px solid #3A3D54; background : #242740; } #admin #new-post-side #post-time-field { width : 126px; margin : 5px 0 14px 26px; } #admin #edit-post-side #edit-post-time { width : 126px; margin : 5px 0 14px 10px; } #admin #edit-post-side #edit-post-id { width : 126px; margin : 5px 0 14px 10px; } #admin #edit-post-form #edit-id { width : 90px; } #admin #edit-post-form #edit-title { width : 342px; } #admin #edit-post-form label, #admin #edit-post-form input, #admin #edit-post-form select, #admin #edit-file-form label, #admin #edit-file-form input, #admin #edit-delete-form label, #admin #edit-delete-form input { display : inline; margin : 10px 6px 48px 0; } #admin #upload-form label, #admin #upload-form input { display : inline; margin : 10px 6px 6px 0; } #admin #edit-file-form #edit-filename, #admin #edit-delete-form #delete-filename { } #admin #upload-form #upload-path { } /* 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; } .clean, .clean:hover { border: 0; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }