webmaster@1: /* $Id: style.css,v 1.24 2007/12/22 23:24:26 goba Exp $ */ webmaster@1: webmaster@1: /* webmaster@1: ** HTML elements webmaster@1: */ webmaster@1: body { webmaster@1: color: #000; webmaster@1: background-color: #fff; webmaster@1: margin: 0; webmaster@1: padding: 0; webmaster@1: } webmaster@1: body, p, td, li, ul, ol { webmaster@1: font-family: Verdana, Helvetica, Arial, sans-serif; webmaster@1: } webmaster@1: h1, h2, h3, h4, h5, h6 { webmaster@1: font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif; webmaster@1: margin: 0; webmaster@1: } webmaster@1: h1 { webmaster@1: color: #369; webmaster@1: font-size: 1.6em; webmaster@1: } webmaster@1: tr.odd td, tr.even td { webmaster@1: padding: 0.3em; webmaster@1: } webmaster@1: a:link { webmaster@1: text-decoration: none; webmaster@1: font-weight: bold; webmaster@1: color: #ff8c00; webmaster@1: } webmaster@1: a:visited { webmaster@1: text-decoration: none; webmaster@1: font-weight: bold; webmaster@1: color: #c96; webmaster@1: } webmaster@1: a:hover, a:active { webmaster@1: font-weight: bold; webmaster@1: color: #ff4500; webmaster@1: text-decoration: underline; webmaster@1: } webmaster@1: fieldset { webmaster@1: border: 1px solid #ccc; webmaster@1: } webmaster@1: p { webmaster@1: margin: 0 0 1.3em 0; webmaster@1: padding: 0; webmaster@1: } webmaster@1: blockquote { webmaster@1: border-left: 4px solid #69c; /* LTR */ webmaster@1: padding: 0 15px; webmaster@1: margin: 25px 100px 25px 50px; /* LTR */ webmaster@1: color: #696969; webmaster@1: text-align: left; /* LTR */ webmaster@1: font-size: 1.2em; webmaster@1: line-height: 1.3em; webmaster@1: font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif; webmaster@1: } webmaster@1: pre { webmaster@1: background-color: #eee; webmaster@1: padding: 0.75em 1.5em; webmaster@1: font-size: 1.2em; webmaster@1: border: 1px solid #ddd; webmaster@1: } webmaster@1: .form-item { webmaster@1: margin-top: 1em; webmaster@1: } webmaster@1: .form-item label { webmaster@1: color: #369; webmaster@1: } webmaster@1: .item-list .title { webmaster@1: color: #369; webmaster@1: font-size: 0.85em; webmaster@1: } webmaster@1: webmaster@1: /* webmaster@1: ** Page layout blocks / IDs webmaster@1: */ webmaster@1: #primary-menu { webmaster@1: border-collapse: separate; webmaster@1: background-color: #e0edfb; webmaster@1: border-bottom: 3px solid #69c; webmaster@1: } webmaster@1: #primary-menu tr { webmaster@1: background: transparent url(header-a.jpg) left bottom repeat; /* LTR */ webmaster@1: } webmaster@1: td#home { webmaster@1: background: transparent url(logo-background.jpg) left top repeat; /* LTR */ webmaster@1: } webmaster@1: td#home a:link img, td#home a:visited img { webmaster@1: background: transparent url(logo-active.jpg) repeat; /* LTR */ webmaster@1: width: 144px; webmaster@1: height: 63px; webmaster@1: } webmaster@1: td#home a:hover img { webmaster@1: background: transparent url(logo-hover.jpg) repeat; /* LTR */ webmaster@1: width: 144px; webmaster@1: height: 63px; webmaster@1: } webmaster@1: .primary-links, .primary-links a:link, .primary-links a:visited { webmaster@1: color: #369; webmaster@1: } webmaster@1: .primary-links a:hover { webmaster@1: color: #000; webmaster@1: } webmaster@1: #primary-menu .primary-links { webmaster@1: background: transparent url(header-b.jpg) left top no-repeat; /* LTR */ webmaster@1: font-size: 0.79em; webmaster@1: } webmaster@1: #primary-menu .primary-links h1, #primary-menu .primary-links h2, #primary-menu .primary-links h3 { webmaster@1: font-size: 2.3em; webmaster@1: color: #369; webmaster@1: } webmaster@1: #secondary-menu { webmaster@1: border-collapse: separate; webmaster@1: background-color: #369; webmaster@1: border-bottom: 3px solid #69c; webmaster@1: } webmaster@1: .secondary-links, .secondary-links a:link, .secondary-links a:visited { webmaster@1: color: #e4e9eb; webmaster@1: } webmaster@1: .secondary-links a:hover { webmaster@1: color: #fff; webmaster@1: text-decoration: underline; webmaster@1: } webmaster@1: #secondary-menu .secondary-links { webmaster@1: font-size: 0.85em; webmaster@1: } webmaster@1: ul.links li { webmaster@1: border-left: 1px solid #ff8c00; /* LTR */ webmaster@1: } webmaster@1: #navlist li { webmaster@1: border-left: 1px solid #369; /* LTR */ webmaster@1: } webmaster@1: #subnavlist li, ul.primary-links li, ul.secondary-links li { webmaster@1: border-left: 1px solid #fff; /* LTR */ webmaster@1: } webmaster@1: #navlist li.first, #subnavlist li.first, ul.links li.first { webmaster@1: border: none; webmaster@1: } webmaster@1: .tabs { webmaster@1: margin: 15px 0; webmaster@1: } webmaster@1: .tabs ul.primary { webmaster@1: border-collapse: collapse; webmaster@1: padding: 0 0 3px 10px; /* LTR */ webmaster@1: white-space: nowrap; webmaster@1: list-style: none; webmaster@1: margin: 0; webmaster@1: height: auto; webmaster@1: line-height: normal; webmaster@1: border-bottom: 2px solid #369; webmaster@1: } webmaster@1: .tabs ul.primary li { webmaster@1: display: inline; webmaster@1: } webmaster@1: .tabs ul.primary li a { webmaster@1: padding: 3px 10px; webmaster@1: background: #fff url(tabs-off.png) left top no-repeat; /* LTR */ webmaster@1: border-color: #69C; webmaster@1: border-width: 2px; webmaster@1: border-style: none solid none none; /* LTR */ webmaster@1: height: auto; webmaster@1: margin-right: 10px; /* LTR */ webmaster@1: text-decoration: none; webmaster@1: text-transform: lowercase; webmaster@1: } webmaster@1: .tabs ul.primary li.active a { webmaster@1: background: #369 url(tabs-on.png) left top no-repeat; /* LTR */ webmaster@1: border-right: 2px solid #369; /* LTR */ webmaster@1: color: #fff; webmaster@1: } webmaster@1: .tabs ul.primary li a:hover { webmaster@1: background-color: #fffaf0; webmaster@1: color: #ff4500; webmaster@1: } webmaster@1: .tabs ul.secondary { webmaster@1: border-collapse: collapse; webmaster@1: padding: 10px 0; webmaster@1: margin: 0; webmaster@1: white-space: nowrap; webmaster@1: width: 100%; webmaster@1: list-style: none; webmaster@1: height: auto; webmaster@1: line-height: normal; webmaster@1: border-bottom: none; webmaster@1: } webmaster@1: .tabs ul.secondary li { webmaster@1: display: inline; webmaster@1: height: auto; webmaster@1: padding: 0 0 0 10px; /* LTR */ webmaster@1: text-decoration: none; webmaster@1: border-right: none; /* LTR */ webmaster@1: } webmaster@1: .tabs ul.secondary li a { webmaster@1: background: #fff url(tabs-option-off.png) left center no-repeat; /* LTR */ webmaster@1: padding: 10px 0 10px 25px; /* LTR */ webmaster@1: margin: 0; webmaster@1: } webmaster@1: .tabs ul.secondary li a.active { webmaster@1: background: #fff url(tabs-option-on.png) left center no-repeat; /* LTR */ webmaster@1: color: #369; webmaster@1: border-bottom: none; webmaster@1: } webmaster@1: .tabs ul.secondary li a:hover { webmaster@1: background: #fff url(tabs-option-hover.png) left center no-repeat; /* LTR */ webmaster@1: color: #FF4500; webmaster@1: } webmaster@1: #content { webmaster@1: background-color: #fff; webmaster@1: } webmaster@1: #contentstart { webmaster@1: background-color: #fff; webmaster@1: } webmaster@1: #menu { webmaster@1: padding: 0.5em 0.5em 0 0.5em; webmaster@1: text-align: right; /* LTR */ webmaster@1: vertical-align: middle; webmaster@1: } webmaster@1: #search .form-text, #search .form-submit { webmaster@1: border: 1px solid #369; webmaster@1: font-size: 0.85em; webmaster@1: margin: 0.2em; webmaster@1: } webmaster@1: #search .form-text { webmaster@1: width: 9em; webmaster@1: } webmaster@1: #search .form-submit { webmaster@1: height: 1.5em; webmaster@1: } webmaster@1: #mission { webmaster@1: background-color: #fff; webmaster@1: color: #696969; webmaster@1: border-top: 2px solid #dcdcdc; webmaster@1: border-bottom: 2px solid #dcdcdc; webmaster@1: padding: 10px; webmaster@1: margin: 20px 35px 0 35px; webmaster@1: font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif; webmaster@1: font-size: 1.1em; webmaster@1: font-weight: normal; webmaster@1: } webmaster@1: #site-info { webmaster@1: background-color: #bdd3ea; webmaster@1: background-image: url(header-c.png); webmaster@1: font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif; webmaster@1: } webmaster@1: .site-name { webmaster@1: font-size: 1.2em; webmaster@1: } webmaster@1: .site-name a:link, .site-name a:visited { webmaster@1: color: #fff; webmaster@1: } webmaster@1: .site-name a:hover { webmaster@1: color: #ff8c00; webmaster@1: text-decoration: none; webmaster@1: } webmaster@1: .site-slogan { webmaster@1: font-size: 0.8em; webmaster@1: font-weight: bold; webmaster@1: } webmaster@1: #main { webmaster@1: /* padding in px not ex because IE messes up 100% width tables otherwise */ webmaster@1: padding: 30px 35px 50px 35px; webmaster@1: background: transparent url(background.png) center center no-repeat; webmaster@1: /* fix background overlapping text in IE (aka Peekaboo Bug) */ webmaster@1: position: relative; webmaster@1: } webmaster@1: #mission, .node .content, .comment .content { webmaster@1: line-height: 1.4; webmaster@1: } webmaster@1: #help { webmaster@1: font-size: 0.9em; webmaster@1: margin-bottom: 1em; webmaster@1: } webmaster@1: .breadcrumb { webmaster@1: margin-bottom: .5em; webmaster@1: } webmaster@1: .messages { webmaster@1: background-color: #eee; webmaster@1: border: 1px solid #ccc; webmaster@1: padding: 0.3em; webmaster@1: margin-bottom: 1em; webmaster@1: } webmaster@1: .error { webmaster@1: border-color: red; webmaster@1: } webmaster@1: .nav { webmaster@1: padding: 0; webmaster@1: margin: 0; webmaster@1: } webmaster@1: #sidebar-left, #sidebar-right { webmaster@1: font-size: 0.75em; webmaster@1: width: 175px; webmaster@1: /* padding in px not ex because IE messes up 100% width tables otherwise */ webmaster@1: padding: 25px 10px 75px 10px; webmaster@1: vertical-align: top; webmaster@1: background: #FFFAF0; webmaster@1: } webmaster@1: #sidebar-left { webmaster@1: border-right: 3px solid #f5f5f5; webmaster@1: } webmaster@1: #sidebar-right { webmaster@1: border-left: 3px solid #f5f5f5; webmaster@1: } webmaster@1: #sidebar-left li, #sidebar-right li { webmaster@1: font-size: 1em; webmaster@1: } webmaster@1: .node .content { webmaster@1: text-align: left; /* LTR */ webmaster@1: font-size: 0.85em; webmaster@1: line-height: 1.3; webmaster@1: } webmaster@1: .comment .content { webmaster@1: text-align: left; /* LTR */ webmaster@1: font-size: 0.85em; webmaster@1: line-height: 1.3; webmaster@1: } webmaster@1: #footer-message { webmaster@1: padding: 15px 100px 30px 100px; webmaster@1: font-size: 0.85em; webmaster@1: text-align: center; webmaster@1: color: #aaa; webmaster@1: } webmaster@1: table#footer-menu { webmaster@1: border-top: 3px solid #69c; webmaster@1: border-bottom: 3px solid #69c; webmaster@1: background-color: #369; webmaster@1: color: #e4e9eb; webmaster@1: } webmaster@1: #footer-menu td { webmaster@1: padding: 5px; webmaster@1: font-size: 0.75em; webmaster@1: } webmaster@1: #footer-menu .primary-links, #footer-menu a:link, #footer-menu a:visited { webmaster@1: color: #e4e9eb; webmaster@1: } webmaster@1: #footer-menu a:hover { webmaster@1: color: #fff; webmaster@1: text-decoration: underline; webmaster@1: } webmaster@1: #footer-menu .primary-links h1, #footer-menu .primary-links h2, #footer-menu .primary-links h3 { webmaster@1: font-size: 1.3em; webmaster@1: color: #e4e9eb; webmaster@1: } webmaster@1: /* webmaster@1: ** Common declarations for child classes of node, comment, block, box, etc. webmaster@1: ** If you want any of them styled differently for a specific parent, add webmaster@1: ** additional rules /with only the differing properties!/ to .parent .class. webmaster@1: ** See .comment .title for an example. webmaster@1: */ webmaster@1: #content .title, #content .title a { webmaster@1: color: #369; webmaster@1: } webmaster@1: .content h1 { webmaster@1: color: #369; webmaster@1: font-size: 1.9em; webmaster@1: } webmaster@1: .content h2 { webmaster@1: color: #58b; webmaster@1: font-size: 1.7em; webmaster@1: } webmaster@1: .content h3 { webmaster@1: color: #69c; webmaster@1: font-size: 1.5em; webmaster@1: } webmaster@1: .content h4 { webmaster@1: color: #8be; webmaster@1: font-size: 1.3em; webmaster@1: } webmaster@1: .content h5 { webmaster@1: color: #96c6f6; webmaster@1: font-size: 1.15em; webmaster@1: } webmaster@1: .submitted { webmaster@1: color: #999; webmaster@1: font-size: 0.79em; webmaster@1: } webmaster@1: div.links { webmaster@1: color: #ff8c00; webmaster@1: } webmaster@1: .links a { webmaster@1: font-weight: bold; webmaster@1: } webmaster@1: .box { webmaster@1: padding: 0 0 1.5em 0; webmaster@1: } webmaster@1: .box { webmaster@1: padding: 0; webmaster@1: margin: 0; webmaster@1: } webmaster@1: .box h2 { webmaster@1: font-size: 9px; webmaster@1: } webmaster@1: .block .title h3 { webmaster@1: border-bottom: 2px solid #69c; webmaster@1: color: #369; webmaster@1: font-size: 18px; webmaster@1: font-weight: bold; webmaster@1: padding: 10px 5px 10px 30px; /* LTR */ webmaster@1: margin-bottom: .25em; webmaster@1: background: transparent url(icon-block.png) left center no-repeat; /* LTR */ webmaster@1: } webmaster@1: .block .content { webmaster@1: padding: 5px; webmaster@1: } webmaster@1: .block { webmaster@1: margin-bottom: 1.5em; webmaster@1: } webmaster@1: .box .title { webmaster@1: font-size: 1.1em; webmaster@1: } webmaster@1: .node { webmaster@1: margin: .5em 0 2.5em 0; webmaster@1: } webmaster@1: .node .content, .comment .content { webmaster@1: margin: .5em 0 .5em 0; webmaster@1: } webmaster@1: .node .taxonomy { webmaster@1: color: #999; webmaster@1: font-size: 0.83em; webmaster@1: padding: 1.5em; webmaster@1: } webmaster@1: .node .picture { webmaster@1: border: 1px solid #fff; webmaster@1: float: right; /* LTR */ webmaster@1: margin: 0.5em; webmaster@1: } webmaster@1: .comment { webmaster@1: border: 1px solid #abc; webmaster@1: padding: .5em; webmaster@1: margin-bottom: 1em; webmaster@1: } webmaster@1: .comment .title { webmaster@1: font-size: 1em; webmaster@1: padding: 10px 0 12px 19px; /* LTR */ webmaster@1: background: transparent url(icon-comment.png) left center no-repeat; /* LTR */ webmaster@1: } webmaster@1: .comment .new { webmaster@1: font-weight: bold; webmaster@1: font-size: 1em; webmaster@1: margin-left: 2px; /* LTR */ webmaster@1: color: red; webmaster@1: } webmaster@1: .comment .picture { webmaster@1: border: 1px solid #fff; webmaster@1: float: right; /* LTR */ webmaster@1: margin: 10px; webmaster@1: } webmaster@1: div.links { webmaster@1: font-size: 0.75em; webmaster@1: } webmaster@1: div.links .prev, div.links .next, div.links .up { webmaster@1: font-size: 1.15em; webmaster@1: } webmaster@1: .titles .prev, .titles .next { webmaster@1: font-size: 0.85em; webmaster@1: font-weight: bold; webmaster@1: color: #444; webmaster@1: } webmaster@1: .hide { webmaster@1: display: none webmaster@1: } webmaster@1: .nav .links .next a:link { webmaster@1: padding: 17px 17px 17px 0; /* LTR */ webmaster@1: background: transparent url(arrow-next.png) right center no-repeat; /* LTR */ webmaster@1: } webmaster@1: .nav .links .next a:visited { webmaster@1: padding: 17px 17px 17px 0; /* LTR */ webmaster@1: background: transparent url(arrow-next-visited.png) right center no-repeat; /* LTR */ webmaster@1: } webmaster@1: .nav .links .next a:hover { webmaster@1: padding: 17px 17px 17px 0; /* LTR */ webmaster@1: background: transparent url(arrow-next-hover.png) right center no-repeat; /* LTR */ webmaster@1: } webmaster@1: .nav .links .prev a:link { webmaster@1: padding: 17px 0 17px 17px; /* LTR */ webmaster@1: background: transparent url(arrow-prev.png) left center no-repeat; /* LTR */ webmaster@1: } webmaster@1: .nav .links .prev a:visited { webmaster@1: padding: 17px 0 17px 17px; /* LTR */ webmaster@1: background: transparent url(arrow-prev-visited.png) left center no-repeat; /* LTR */ webmaster@1: } webmaster@1: .nav .links .prev a:hover { webmaster@1: padding: 17px 0 17px 17px; /* LTR */ webmaster@1: background: transparent url(arrow-prev-hover.png) left center no-repeat; /* LTR */ webmaster@1: } webmaster@1: .nav .links .up a:link { webmaster@1: padding: 11px 0 17px 0; webmaster@1: background: transparent url(arrow-up.png) center top no-repeat; webmaster@1: } webmaster@1: .nav .links .up a:visited { webmaster@1: padding: 11px 0 17px 0; webmaster@1: background: transparent url(arrow-up-visited.png) center top no-repeat; webmaster@1: } webmaster@1: .nav .links .up a:hover { webmaster@1: padding: 11px 0 17px 0; webmaster@1: background: transparent url(arrow-up-hover.png) center top no-repeat; webmaster@1: } webmaster@1: webmaster@1: /* webmaster@1: ** Administration page styles webmaster@1: */ webmaster@1: div.admin-panel .description { webmaster@1: color: #999; webmaster@1: } webmaster@1: div.admin-panel h3 { webmaster@1: background-color: #369; webmaster@1: color: #fff; webmaster@1: padding: 5px 8px 5px; webmaster@1: margin: 0; webmaster@1: } webmaster@1: div.admin-panel .body { webmaster@1: background: #fffaf0; webmaster@1: } webmaster@1: webmaster@1: /* webmaster@1: ** Module specific styles webmaster@1: */ webmaster@1: .content .active { webmaster@1: color: #369; webmaster@1: } webmaster@1: #aggregator .feed-source { webmaster@1: background-color: #eee; webmaster@1: border: 1px solid #ccc; webmaster@1: padding: 1em; webmaster@1: margin: 1em 0 1em 0; webmaster@1: } webmaster@1: #aggregator .news-item .source { webmaster@1: color: #999; webmaster@1: font-style: italic; webmaster@1: font-size: 0.85em; webmaster@1: } webmaster@1: #aggregator .title { webmaster@1: font-size: 1em; webmaster@1: } webmaster@1: #aggregator h3 { webmaster@1: margin-top: 1em; webmaster@1: } webmaster@1: #tracker th { webmaster@1: text-align: center; webmaster@1: background-color: #f5f5f5; webmaster@1: border-bottom: 1px solid #ddd; webmaster@1: border-right: 1px solid #ddd; /* LTR */ webmaster@1: border-left: 1px solid #fafafa; /* LTR */ webmaster@1: } webmaster@1: #tracker th img { webmaster@1: float: right; /* LTR */ webmaster@1: } webmaster@1: #tracker tr.even, #tracker tr.odd { webmaster@1: background-color: #fff; webmaster@1: } webmaster@1: #tracker td { webmaster@1: vertical-align: top; webmaster@1: padding: 1em 1em 1em 0; /* LTR */ webmaster@1: border-bottom: 1px solid #bbb; webmaster@1: } webmaster@1: #forum { webmaster@1: margin: 15px 0 15px 0; webmaster@1: background-color: #fff; webmaster@1: } webmaster@1: #forum table { webmaster@1: width: 100%; webmaster@1: border: 2px solid #69c; webmaster@1: } webmaster@1: #forum table tr th { webmaster@1: text-align: center; webmaster@1: background: #69c; webmaster@1: color: #fff; webmaster@1: font-size: 0.75em; webmaster@1: border-bottom: 1px solid #aaa; webmaster@1: } webmaster@1: #forum table tr th a { webmaster@1: color: #fff; webmaster@1: text-decoration: underline; webmaster@1: } webmaster@1: #forum table tr th img { webmaster@1: margin: 0; webmaster@1: } webmaster@1: #forum tr.odd { webmaster@1: background: #e0edfb; webmaster@1: } webmaster@1: #forum tr.even { webmaster@1: background: #fff; webmaster@1: } webmaster@1: #forum td { webmaster@1: padding: 0.5em; webmaster@1: } webmaster@1: #forum td.container { webmaster@1: color: #000; webmaster@1: background: #369 url(forum-container.jpg) right top no-repeat; /* LTR */ webmaster@1: border: 2px solid #69c; webmaster@1: } webmaster@1: #forum td.container a { webmaster@1: color: #e4e9eb; webmaster@1: padding: 20px 0 20px 35px; /* LTR */ webmaster@1: background: transparent url(forum-link.png) left center no-repeat; /* LTR */ webmaster@1: } webmaster@1: #forum td.container a:visited { webmaster@1: color: #e4e9eb; webmaster@1: } webmaster@1: #forum td.statistics, #forum td.settings, #forum td.pager { webmaster@1: height: 1.5em; webmaster@1: border: 1px solid #bbb; webmaster@1: } webmaster@1: #forum td .name { webmaster@1: color: #96c; webmaster@1: } webmaster@1: #forum td .links { webmaster@1: padding-top: 0.7em; webmaster@1: font-size: 0.9em; webmaster@1: } webmaster@1: .block-forum h3 { webmaster@1: margin-bottom: .5em; webmaster@1: }