CSS do Sítio
Modularização:
%STARTINCLUDE%
body{
background-color: #F3F3F3;
background-image: url("%ATTACHURL%/fundo.png");
margin: 0px;
font-family: verdana, sans-serif;
font-size: 12px;
}
#tudo{
background-image: url("%ATTACHURL%/fundo_top.jpg");
background-repeat: repeat-x;
text-align: center;
}
#corpo{
background-image: url("%ATTACHURL%/fundo_corpo.jpg");
width: 760px;
text-align: left;
margin: auto;
}
#cabecalho{
background-image: url("%ATTACHURL%/top.jpg");
height: 256px;
}
#cabecalho form{
margin: 0px;
padding: 236px 154px 0px 0px;
float: right;
/* background-color: blue;*/
}
#cabecalho input{
font-size: 10px;
height: 12px;
text-align: center;
background-color: #F3F3F3;
color: #C0C0C0;
border: none;
border-bottom: 1px dotted #D8D8D8;
}
#cabecalho #btBuscar{
background-color: #EDDFDF;
background-image: url("%ATTACHURL%/bt_buscar.png");
width: 15px;
height: 15px;
color: #FFFFFF;
font-size: 1px;
border: none;
}
#menu{
float: left;
width: 152px;
background-image: url("%ATTACHURL%/menu_fundo.jpg");
}
#menu ul{
margin: -13px 0px 0px 0px;
padding: 0px 0px 40px 0px;
background-image: url("%ATTACHURL%/menu_base.jpg");
background-repeat: no-repeat;
background-position: 0% 100%;
position: relative; /* Armengue pro IE */
}
#menu li{
margin: 0px;
padding: 5px 0px 5px 20px;
list-style: none;
}
#menu strong{
background-image: url("%ATTACHURL%/menu_titulo.jpg");
display: block;
width: 151px;
max-width: 141px;
margin-left: -20px;
padding: 3px 0px 3px 10px;
text-align: center;
color: #FFFFFF;
}
#menu a{
text-decoration: none;
color: #904040;
}
#menu a:hover{
color: #E00000;
display: block;
border: 3px dotted #ffffff;
width: 151px;
margin-left: -5px;
}
#noticias{
margin-top: -30px;
padding: 0px 20px 0px 3px;
width: 160px;
max-width: 137px;
float: right;
text-align: right;
/* background-color: yellow;*/
}
#noticias h3{
color: #acabab;
text-align: left;
margin: 0px 2px 0px 9px;
padding: 0px 0px 8px 3px;
border-bottom: 1px dotted #acabab;
font-size: 16px;
font-weight: 900;
}
#noticias ul{
margin: 0px 2px 0px 9px;
padding: 0px;
}
#noticias li{
margin: 0px;
padding: 7px 0px 7px 0px;
list-style: none;
border-bottom: 1px dotted #acabab;
}
#noticias li a{
text-decoration: none;
color: #808080;
}
#noticias li a:hover{
text-decoration: none;
color: #A02020; /* 0060A0 */
}
#noticias div{
margin-top: 20px;
font-size: 10px;
/* color: #C0C0C0;*/
color: #acabab;
}
#noticias div a{
/* color: #C0C0C0;*/
color: #acabab;
}
#rodape{
clear: both;
background-image: url("%ATTACHURL%/rodape.jpg");
background-position: 0% 100%;
background-repeat: no-repeat;
height: 160px;
max-height: 150px;
text-align: justify;
font-size: 9px;
color: #C0C0C0;
padding: 10px 10px 0px 0px;
}
#rodape a{
color: #D0B0B0;
}
#rodape a:hover{
color: #E07070;
}
#rodape #rev{
text-align: right;
}
#rodape #topicosPais{
margin-left: 170px;
text-align: left;
color: #A06060;
padding: 10px 0px 10px 0px;
}
#rodape #topicosPais a{
color: #900000;
font-size: 10px;
text-decoration: none;
}
#rodape #topicosPais a:hover{
color: #C00000;
}
#rodape #copyright{
float: left;
width: 500px;
margin: 48px 0px 0px 10px;
text-align: left;
padding: 10px 0px 10px 4px;
}
#rodape #copyright a{
color: #900000;
font-size: 10px;
text-decoration: none;
}
#rodape #copyright a:hover{
color: #C00000;
}
#btsTWiki {
text-align: right;
padding-bottom: 3px;
margin: 70px 0px 0px 0px;
}
#rodape #btsTWiki a:link,
#rodape #btsTWiki a:visited {
padding: 0px 4px 0px 4px;
text-decoration: none;
border: 1px solid #ccc;
background: #f6f6f6;
color: #C0C0C0;
}
#rodape #btsTWiki a:hover {
background: #C06060;
color: #FFFFFF;
border: 1px solid #802020;
}
#btsPower{
padding: 5px 0px 5px 140px;
}
#btsPower img{
margin: 0px 2px;
}
#conteudo{
float: left;
margin: 0px 0px 0px 10px;
width: 425px;
text-align: justify;
color: #505050;
}
/* * * * Conteúdo * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{WebCSSConteudo}%
/* * * * Tabelas * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{WebCSSTabelas}%
%STOPINCLUDE%