CSS do Sítio
Modularização:
%STARTINCLUDE%
body{
background-color: #f1d9dd;
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;
}
#cabecalho input{
font-size: 10px;
height: 12px;
text-align: center;
background-color: #fff3f5;
color: #e0a3ab;
border: none;
border-bottom: 1px dotted #e7b7be;
}
#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 70px 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: #9b0045;
}
#menu a:hover{
color: #c10056;
}
#noticias{
margin: -30px 0px 0px 0px;
padding: 0px 3px 0px 3px;
width: 128px;
max-width: 127px;
float: left;
text-align: right;
}
#noticias h3{
color: #e0a3ab;
text-align: left;
margin: 0px 2px 0px 0px;
padding: 0px 0px 8px 3px;
border-bottom: 1px dotted #e7b7be;
font-size: 16px;
font-weight: 900;
}
#noticias ul{
margin: 0px 0px 0px 0px;
padding: 0px;
}
#noticias li{
margin: 0px;
padding: 7px 0px 7px 0px;
list-style: none;
border-bottom: 1px dotted #e7b7be;
}
#noticias li a{
text-decoration: none;
color: #e0a3ab;
}
#noticias li a:hover{
text-decoration: none;
color: #9b0045;
}
#noticias div{
margin-top: 20px;
font-size: 10px;
color: #e7b7be;
}
#noticias div a{
color: #e0a3ab;
}
#noticias div a:hover{
color: #9b0045;
}
#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: #e0a3ab;
padding: 10px 10px 0px 0px;
}
#rodape a{
color: #9b0045;
}
#rodape a:hover{
color: #e0a3ab;
}
#rodape #rev{
text-align: right;
}
#rodape #topicosPais{
margin-left: 170px;
text-align: left;
color: #606ba0;
padding: 10px 0px 10px 0px;
}
#rodape #topicosPais a{
color: #9b0045;
font-size: 10px;
text-decoration: none;
}
#rodape #topicosPais a:hover{
color: #e0a3ab;
}
#rodape #copyright{
float: left;
width: 500px;
margin: 48px 0px 0px 10px;
text-align: left;
padding: 10px 0px 10px 4px;
}
#rodape #copyright a{
color: #9b0045;
font-size: 10px;
text-decoration: none;
}
#rodape #copyright a:hover{
color: #f9d6dc;
}
#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 #e0a3ab;
background: #f9d6dc;
color: #e0a3ab;;
}
#rodape #btsTWiki a:hover {
background: #e0a3ab;
color: #FFFFFF;
border: 1px solid #9b0045;
}
#btsPower{
padding: 5px 0px 5px 140px;
}
#btsPower img{
margin: 0px 2px;
}
#conteudo{
float: left;
margin: 0px 2px 0px 2px;
width: 452px;
text-align: justify;
color: #e38b97;
}
/* * * * Conteúdo * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{WebCSSConteudo}%
/* * * * Tabelas * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{WebCSSTabelas}%
%STOPINCLUDE%