/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */ /* Layout *************************************************/ #wrap { } #header { width: 100%; float: left; background-color: #69c; } #logo { float: left; } #logo img { float: left; /* LTR */ padding: 0 1em; border: 0px; } #menu { float: right; height: 55px; vertical-align: middle; } #navlist { font-size: 1.0em; padding: 1.3em 0.8em 0 0; /* LTR */ color: #9cf; } #navlist a { font-weight: bold; color: #fff; } #subnavlist { padding: 0.5em 1.2em 0.4em 0; /* LTR */ font-size: 0.8em; color: #9cf; } #subnavlist a { font-weight: bold; color: #9cf; } ul.links li { border-left: 1px solid #9cf; /* LTR */ } ul.links li.first { border: none; } #search .form-text, #search .form-submit { border: 1px solid #369; font-size: 1.1em; height: 1.5em; vertical-align: middle; } #search .form-text { width: 8em; padding: 0 0.5em; } #mission { background-color: #369; padding: 1.5em 2em; color: #fff; } #mission a, #mission a:visited { color: #9cf; font-weight: bold; } .site-name { margin: 0.6em 0 0; padding: 0; font-size: 2em; } .site-name a:link, .site-name a:visited { color: #fff; } .site-name a:hover { color: #369; text-decoration: none; } .site-slogan { font-size: 1em; color: #eee; display: block; margin: 0; font-style: italic; font-weight: bold; } #header-addition { float: left; } #mission, .node .content, .comment .content { line-height: 1.4em; } #help { font-size: 0.9em; margin-bottom: 1em; } .breadcrumb { margin-bottom: .5em; } .messages { background-color: #eee; border: 1px solid #ccc; padding: 0.3em; margin-bottom: 1em; } .error { border-color: red; } #middle { float: left; width: 100%; background-color: #ddd; } .columns_3 { width: 66.8%; /* (2 * 15%) - (0.8 * 4) */ } .columns_2 { width: 83.4%; /* 15% - (0.8 * 2) */ } .columns_1 { width: 100%; } #body { background-color: white; float: left; verticle-align: top; } #main { padding: 10px; } #sidebar-left { float: left; } #sidebar-right { float: right; } #sidebar-left, #sidebar-right { background-color: #ddd; width: 16.6%; /* IE fix: 15 + (0.8 * 2) */ /* IE6 doesn't render this right */ /*padding: 0.8%;*/ /* approximate equivilent to 16em */ vertical-align: top; } /* fix for IE6 */ .sidebar-spacer { margin: 0px auto; padding: 10px 0; width: 90%; } #footer { float: left; width: 100%; background-color: #eee; } #footer div { padding: 1em; font-size: 0.8em; } /* HTML Elements *************************************************/ body { margin: 0px; padding: 0px; color: #000; background-color: #fff; font: 76% Verdana, Arial, Helvetica, sans-serif; } tr.odd td, tr.even td { padding: 0.3em; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; } h1 { font-size: 1.3em; } h2 { font-size: 1.2em; } h3, h4, h5, h6 { font-size: 1.1em; } p { margin-top: 0.5em; margin-bottom: 0.9em; } a { text-decoration: none; font-weight: bold; } a:link { color: #39c; } a:visited { color: #369; } a:hover { color: #39c; text-decoration: underline; } fieldset { border: 1px solid #ccc; } pre { background-color: #eee; padding: 0.75em 1.5em; font-size: 12px; border: 1px solid #ddd; } table { /* make sizes relative to body size! */ font-size: 1em; } .form-item label { font-size: 1em; color: #222; } .item-list .title { font-size: 1em; color: #222; } .links { margin-bottom: 0; } .comment .links { margin-bottom: 0; } /* ** Common declarations for child classes of node, comment, block, box, etc. ** If you want any of them styled differently for a specific parent, add ** additional rules /with only the differing properties!/ to .parent .class. ** See .comment .title for an example. */ .title, .title a { font-weight: bold; font-size: 1.3em; color: #777; margin: 0 auto; /* decrease default margins for h.title */ } .submitted { color: #999; font-size: 0.8em; } .links { color: #999; } .links a { font-weight: bold; } .block, .box { padding: 0 0 1.5em 0; /* LTR */ } .block { border-bottom: 1px solid #bbb; padding-bottom: 0.75em; margin-bottom: 1.5em; } .block .title { margin-bottom: .25em; } .box .title { font-size: 1.1em; } .node { margin: .5em 0 2em; /* LTR */ } .sticky { padding: .5em; background-color: #eee; border: solid 1px #ddd; } .node .content, .comment .content { margin: .5em 0 .5em; } .node .taxonomy { color: #999; font-size: 0.8em; padding-left: 1.5em; /* LTR */ } .node .picture { border: 1px solid #ddd; float: right; /* LTR */ margin: 0.5em; } .comment { border: 1px solid #abc; padding: .5em; margin-bottom: 1em; } .comment .title a { font-size: 1.1em; font-weight: normal; } .comment .new { text-align: right; /* LTR */ font-weight: bold; font-size: 0.8em; float: right; /* LTR */ color: red; } .comment .picture { border: 1px solid #abc; float: right; /* LTR */ margin: 0.5em; } /* ** Module specific styles */ #aggregator .feed-source { background-color: #eee; border: 1px solid #ccc; padding: 1em; margin: 1em 0; } #aggregator .news-item .categories, #aggregator .source, #aggregator .age { color: #999; font-style: italic; font-size: 0.9em; } #aggregator .title { margin-bottom: 0.5em; font-size: 1em; } #aggregator h3 { margin-top: 1em; } #forum table { width: 100%; } #forum td { padding: 0.5em; } #forum td.forum, #forum td.posts { background-color: #eee; } #forum td.topics, #forum td.last-reply { background-color: #ddd; } #forum td.container { background-color: #ccc; } #forum td.container a { color: #555; } #forum td.statistics, #forum td.settings, #forum td.pager { height: 1.5em; border: 1px solid #bbb; } #forum td .name { color: #96c; } #forum td .links { padding-top: 0.7em; font-size: 0.9em; } #profile .profile { clear: both; border: 1px solid #abc; padding: .5em; margin: 1em 0em; } #profile .profile .name { padding-bottom: 0.5em; } .block-forum h3 { margin-bottom: .5em; } div.admin-panel .description { color: #999; } div.admin-panel .body { background: #f4f4f4; } div.admin-panel h3 { background-color: #69c; color: #fff; padding: 5px 8px 5px; margin: 0; }