| /* $Id: style.css,v 1.1 2007/02/14 01:01:57 filhocf Exp $ */ |
| |
| /* |
| ** HTML elements |
| */ |
| body { |
| margin: 0; |
| padding: 0; |
| color: #000; |
| background-color: #fff; |
| font: 76% Verdana, Arial, Helvetica, sans-serif; |
| } |
| tr.dark td, tr.light td { |
| padding: 0.3em; |
| } |
| h1, h2, h3, h4, h5, h6 { |
| margin: 0.5em; |
| } |
| h1 { |
| font-size: 1.3em; |
| } |
| h2 { |
| font-size: 1.2em; |
| } |
| h3, h4, h5, h6 { |
| font-size: 1.1em; |
| } |
| a { |
| text-decoration: none; |
| } |
| :link, :visited { |
| color: #00b; |
| } |
| |
| :link:hover, :visited:hover { |
| background-color: #ccc; |
| color: #00b; |
| text-decoration:none; |
| } |
| fieldset { |
| border: 1px solid #ccc; |
| } |
| pre { |
| background-color: #eee; |
| padding: 0.75em 1.5em; |
| font-size: 12px; |
| border: 1px solid #ddd; |
| } |
| table { |
| /* make <td> 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: 0em; |
| } |
| .comment .links { |
| margin-bottom: 0em; |
| } |
| |
| /* |
| ** Page layout blocks / IDs |
| */ |
| #header, #content { |
| width: 100%; |
| } |
| /*#header { |
| background-color: #69c; |
| } |
| #logo { |
| background: url(fundo_topo.png); |
| height: 120px; |
| vertical-align: middle; |
| border: 0; |
| } |
| #logo img { |
| float: left; |
| padding: 0em 1.0em 0em 1em; |
| border: 0; |
| }*/ |
| #menu { |
| padding: 0.5em 0.5em 0 0.5em; |
| text-align: right; |
| vertical-align: middle; |
| } |
| |
| /* Main navigation bar - Copiado do TRAC */ |
| #primary { |
| background: #f7f7f7 url(topbar_gradient.png); |
| border-top: 1px solid #0B026F; |
| border-bottom: 1px solid #0B026F; |
| font: normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif; |
| margin-top: 0px; |
| padding: 2px; |
| padding-right: 5px; |
| text-align: right; |
| |
| } |
| |
| #primary :link, #primary :visited { |
| border-right: 1px solid #555; |
| border-left: 1px solid #555; |
| color: #FFFFFF; |
| padding: .2em 20px; |
| font: normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif; |
| text-decoration: none; |
| margin-right: -5px; |
| |
| } |
| |
| |
| #primary :link:hover, #primary :visited:hover { |
| |
| background: #f7f7f7 url(topbar_gradient1.png); |
| border-right: 1px solid #555; |
| border-left: 1px solid #555; |
| color: #FFFFFF; |
| padding: .2em 20px; |
| font: normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif; |
| text-decoration: none; |
| margin-right: -5px; |
| |
| } |
| |
| #primary :link:active { |
| |
| background: #333 url(topbar_gradient2.png) 0 0 repeat-x; |
| border-left: 1px solid #555; |
| color: #FFFFFF; |
| padding: .2em 20px; |
| font: normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif; |
| text-decoration: none; |
| font-weight: bold; |
| } |
| |
| |
| /* Meta navigation bar */ |
| #secondary { |
| padding: 2em 1em 0.5em 0; |
| font-weight: bold; |
| color: #fff; |
| font-size:10px; |
| } |
| |
| #secondary :link, #secondary :visited { |
| color: #fff; |
| text-decoration:none; |
| } |
| |
| /* Quick search */ |
| #search .form-text, #search .form-submit { |
| border: 1px solid #369; |
| font-size: 1.1em; |
| } |
| #search .form-text { |
| width: 8em; |
| height: 1.4em; |
| padding: 0 0.5em 0 0.5em; |
| margin: 3em 0 0.5em 0; |
| } |
| #search .form-submit { |
| height: 1.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 0em 0em 0em; |
| padding: 0em; |
| 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: 0em 0em 0em 0em; |
| font-style: italic; |
| font-weight: bold; |
| } |
| #main { |
| /* padding in px not ex because IE messes up 100% width tables otherwise */ |
| padding: 10px; |
| } |
| #mission, .node .content, .comment .content { |
| line-height: 1.4; |
| } |
| #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; |
| } |
| #sidebar-left, #sidebar-right { |
| background-color: #fff; |
| width: 15em; |
| /* padding in px not ex because IE messes up 100% width tables otherwise */ |
| padding: 10px; |
| vertical-align: top; |
| } |
| #footer { |
| border-top: 1px solid; |
| background-color: #fff; |
| padding: 1em; |
| font-size: 0.8em; |
| } |
| |
| /* |
| ** 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 0 auto; /* decrease default margins for h<x>.title */ |
| } |
| .submitted { |
| color: #999; |
| font-size: 0.8em; |
| } |
| .links { |
| color: #999; |
| } |
| .links a { |
| font-weight: bold; |
| } |
| .block, .box { |
| padding: 0 0 1.5em 0; |
| } |
| .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 0; |
| } |
| .sticky { |
| padding: .5em; |
| background-color: #eee; |
| border: solid 1px #ddd; |
| } |
| .node .content, .comment .content { |
| margin: .5em 0 .5em 0; |
| } |
| .node .taxonomy { |
| color: #999; |
| font-size: 0.8em; |
| padding: 1.5em; |
| } |
| .node .picture { |
| border: 1px solid #ddd; |
| float: right; |
| 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; |
| font-weight: bold; |
| font-size: 0.8em; |
| float: right; |
| color: red; |
| } |
| .comment .picture { |
| border: 1px solid #abc; |
| float: right; |
| margin: 0.5em; |
| } |
| |
| /* |
| ** Module specific styles |
| */ |
| #aggregator .feed { |
| background-color: #eee; |
| border: 1px solid #ccc; |
| padding: 1em; |
| margin: 1em 0 1em 0; |
| } |
| #aggregator .news-item .source, #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 0.5em 0.5em 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 1em 0em; |
| } |
| #profile .profile .name { |
| padding-bottom: 0.5em; |
| } |
| .block-forum h3 { |
| margin-bottom: .5em; |
| } |
| .calendar a { |
| text-decoration: none; |
| } |
| .calendar td, .calendar th { |
| padding: 0.4em 0; |
| border-color: #888; |
| } |
| .calendar .day-today { |
| background-color: #69c; |
| } |
| .calendar .day-today a { |
| color: #fff; |
| } |
| .calendar .day-selected { |
| background-color: #369; |
| color: #fff; |
| } |
| .calendar .header-week { |
| background-color: #ccc; |
| } |
| .calendar .day-blank { |
| background-color: #ccc; |
| } |
| .calendar .row-week td a:hover { |
| background-color: #fff; color: #000; |
| } |
| |
| /* Downloads */ |
| div#round { |
| width:100%; |
| text-align:left; |
| margin:10px auto 10px;/* centraliza a caixa de texto - segunda parte */ |
| padding:0; |
| } |
| div#round h5 { |
| font-size:14px; |
| font-weight:bold; |
| color:#1B7E01; |
| background:#C4EFA1; |
| margin:0; |
| padding:10px; |
| } |
| div#round p { |
| font-size:100%; |
| font-weight:400; |
| color:#000000; |
| background:#C4EFA1; |
| margin:0; |
| padding:10px; |
| } |
| |
| span.rtop, span.rbottom { |
| display:block; |
| background:#FFFFFF; |
| } |
| span.rtop span, span.rbottom span { |
| display:block; |
| height:1px; |
| overflow:hidden; |
| background:#C4EFA1; |
| } |
| span.r1 { |
| margin:0 5px; |
| } |
| span.r2 { |
| margin:0 3px; |
| } |
| span.r3 { |
| margin:0 2px; |
| } |
| span.rtop span.r4, span.rbottom span.r4 { |
| margin:0 1px; |
| height:2px; |
| } |
| |
| |
| A.links:LINK { |
| font-family: Arial, Helvetica, sans-serif; |
| font-size: 11px; |
| font-style: normal; |
| color: #333333; |
| text-decoration: none; |
| } |
| div#round A.links:ACTIVE { |
| font-family: Arial, Helvetica, sans-serif; |
| font-size: 11px; |
| font-style: normal; |
| color: #333333; |
| text-decoration: none; |
| } |
| div#round A.links:VISITED { |
| font-family: Arial, Helvetica, sans-serif; |
| font-size: 11px; |
| font-style: normal; |
| color: #333333; |
| text-decoration: none; |
| } |
| div#round A.links:HOVER { |
| font-family: Arial, Helvetica, sans-serif; |
| font-size: 11px; |
| font-style: normal; |
| color: #333333; |
| text-decoration: underline; |
| } |
