Encontro Mineiro dos Estudantes de Computação
CSS do Sítio
Modularização:
%STARTINCLUDE%
body {
font-family: verdana, sans-serif;
font-size: 12px;
margin: 0px;
background-color: #eeeeee;
}
#tudo{
text-align: center;
background-color: #eeeeee;
padding: 10px 0px 50px 0px;
}
#corpo{
background-image: url("%ATTACHURL%/fundo.jpg");
width: 778px;
text-align: left;
margin: auto;
}
.Caixa {
border: 1px dashed #000000;
width: 90%;
padding: 2px;
}
#cabecalho{
background-image: url("%ATTACHURL%/fatia_r1_c1.jpg");
height: 174px;
}
#cabecalho h1{
display: none;
}
#cabecalho form{
margin: 0px;
padding: 35px 180px 0px 0px;
float: right;
}
#cabecalho input{
font-size: 10px;
height: 12px;
text-align: center;
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: 132px;
padding: 0px;
margin: 0px 0px 0px 1px;
}
#menu ul{
margin:1px;
padding: 1px;
}
#menu li{
margin: 3px 2px 10px 10px;
padding: 0px 0px 0px 25px;
background-image: url("%ATTACHURL%/seta_menu.jpg");
background-repeat: no-repeat;
color: white;
text-align: left;
list-style: none;
}
#menu a{
text-decoration: none;
color: white;
}
#menu a:hover{
color: black;
}
#noticias{
margin: 0px;
padding: 0px 2px 0px 0px;
width: 113px;
/* max-width: 110px;*/
float: right;
text-align: right;
}
#noticias h3{
color: #FFFFFF;
text-align: center;
margin: 0px;
padding: 4px 8px 0px 0px;
border-bottom: 1px dotted white;
font-size: 16px;
font-weight: 900;
}
#noticias h4{
color: #FFFFFF;
text-align: center;
margin: 0px;
padding: 4px 8px 0px 0px;
border-bottom: 1px dotted white;
font-size: 14px;
font-weight: 900;
}
#noticias ul{
margin: 0px;
padding: 0px;
}
#noticias li{
margin: 0px;
padding: 7px 0px 7px 0px;
list-style: none;
border-bottom: 1px dotted #FFFFFF;
}
#noticias li a{
text-decoration: none;
color: white;
}
#noticias li a:hover{
text-decoration: none;
color: black;
}
#noticias div{
margin-top: 20px;
font-size: 10px;
color: white;
}
#noticias div a{
color: #8bd7ff;
}
#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 140px 0px 180px;
}
#rodape a{
color: #82b9cb;
}
#rodape a:hover{
color: #00c0ff;
}
#rodape #rev{
text-align: right;
}
#rodape #topicosPais{
margin-left: -35px;
text-align: left;
color: #60a063;
padding: 10px 0px 10px 0px;
}
#rodape #topicosPais a{
color: #3ba5c8;
font-size: 10px;
text-decoration: none;
}
#rodape #topicosPais a:hover{
color: #00c0ff;
}
#btsWiki {
text-align: right;
padding-bottom: 3px;
}
#rodape #btsWiki a:link,
#rodape #btsWiki a:visited {
padding: 0px 2px 0px 2px;
text-decoration: none;
border: 1px solid #0094de;
background: #8fc1ff;
color: white;
}
#rodape #btsWiki a:hover {
background: #0094de;
color: black;
border: 1px solid black;
}
#btsPower{
padding: 5px 0px 5px 140px;
}
#btsPower img{
margin: 0px 2px;
}
#conteudo{
color: #505050;
float: left;
margin: 0px 10px 20px 21px;
min-height: 670px;
text-align: justify;
background-color: white;
width: 490px;
}
/* * * * Conteúdo * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{WebCSSConteudo}%
/* * * * Tabelas * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{WebCSSTabelas}%
%STOPINCLUDE%
----