SkinCSS < AnpedGT16

---+!! CSS do Sítio


A especificação das tabelas está em TablesCSS.


<verbatim>
%STARTINCLUDE%

body{
  font-family: arial;
  font-size: 12px;
  margin: 0px;
  background-color: #ffffff;
}

#cabecalho{
  margin: 0px;
  height: 230px;
  
}
#cabecalho big{
  display: block;
  height: 230px;
  background-image: url("%ATTACHURL%/topo.jpg");
  background-repeat: no-repeat;
  background-position: 70% 0%;
  margin-top: 10px;
}
#cabecalho span{
  display: none;
}
#menu {
  width: 190px;
  float: left;
  background-image: url("%ATTACHURL%/");
}
#menu h3 {
  background-image: url("%ATTACHURL%/");
  height: 49px;
  font-size: 0px;
  margin: 0px;
}

#menuLinks {
  background-image: url("%ATTACHURL%/menu_base.png");
  background-repeat: no-repeat;
  background-position: 0% 100%;
  padding-bottom: 20px;
}

#menuLinks a:link,
#menuLinks a:active,
#menuLinks a:visited{
  display: block;
  text-align: left;
  text-decoration: none;
  margin: 10px 15px 10px 40px;
  border-bottom: 2px dotted #669999;
  color:  #3333CC;
}
#menuLinks a:hover{
  background-color: #99CCCC;
 border-bottom: 2px dotted #6699CC;
  color:  #330066;
}

#fBusca{
  float: left;
  clear: left;
  margin: 20px 0px 0px 20px;
}
#fBusca input{
  text-align: center;
  font-size: 11px;
  color: #808080;
  width: 130px;
  border: 1px solid #808080;
}
#fBusca input#btBuscar{
  width: 20px;
}

#conteudo {
  margin-left: 200px;
  padding-left: 10%;
  padding-top: 30px;
  padding-right: 10%;
  text-align: justify;
}

#conteudo  a:link,
#conteudo a:active,
#conteudo a:visited{
  text-decoration: none;
  color: #990033;
}
#conteudo a:hover{
  background-color: #FFFFFF;
  color: #0090E0;
}

#rodape{
   color: #000000;
   font-family: sans-serif;
   font-size: 11px;
   text-align: center;
   border-top: 2px dotted #999999;
   padding: 20px 20px 20px 20px;
   margin-top: 20px;
   clear: both;
}
#rodape a:link,
#rodape a:active,
#rodape a:visited{
   color: #999999;
}
#rodape a:hover{
   color: #000000;
}

#promocao{
  float: left;
}

#btsPower{
  text-align: right;
}
#btsPower img{
  margin-right: 10px;
}
#btsPower pre{
  float: right;
}#conteudo #topicosPais{
  font-size: 11px;
  color: #90C0F8;
  margin: 10px 10px 0px 0px;
  text-align: right;
}
#conteudo #topicosPais a:link,
#conteudo #topicosPais a:active,
#conteudo #topicosPais a:visited{
  color: #80B0F0;
  text-decoration: none;
}
#conteudo #topicosPais a:hover{
  color: #4080D0;
  text-decoration: none;
}

#btsTWiki{
  position: relative;
  bottom: -2px;
  float: right;
}
#btsTWiki a#btEdit:link,   #btsTWiki a#btEdit:active,   #btsTWiki a#btEdit:visited,
#btsTWiki a#btAnexar:link, #btsTWiki a#btAnexar:active, #btsTWiki a#btAnexar:visited,
#btsTWiki a#btVersao:link, #btsTWiki a#btVersao:active, #btsTWiki a#btVersao:visited,
#btsTWiki a#btMais:link,   #btsTWiki a#btMais:active,   #btsTWiki a#btMais:visited{
  display: block;
  font-size: 0px;
  height: 30px;
  width: 35px;
  float: left;
  margin-left: 5px;
  border: 0px solid #FFFFFF;
  text-decoration: none;
  background-position: 2px 2px;
  background-repeat: no-repeat;
}
#btsTWiki a#btEdit:hover,
#btsTWiki a#btAnexar:hover,
#btsTWiki a#btVersao:hover,
#btsTWiki a#btMais:hover{
  border: 0px solid #999999;
  text-decoration: none;
}
#btsTWiki a#btEdit{   background-image: url("%ATTACHURL%/BtEdit.png");   }
#btsTWiki a#btAnexar{ background-image: url("%ATTACHURL%/BtAnexar.png"); }
#btsTWiki a#btVersao{ background-image: url("%ATTACHURL%/BtVersao.png"); }
#btsTWiki a#btMais{   background-image: url("%ATTACHURL%/BtMais.png");   }

#PreviewNote{
  border: 3px dotted #580000;
  background-color: #F00000;
  margin: 0px 20px 0px 20px;
  color: #FFFFFF;
  text-align: center;
  font-size: 160%;
  font-weight: 800;
}

#conteudo h1, #conteudo h2,
#conteudo h3, #conteudo h4,
#conteudo h5, #conteudo h6{
  margin: 0px 0px 10px 0px;
  color: #330066;
}
#conteudo h1 a:hover, #conteudo h2 a:hover,
#conteudo h3 a:hover, #conteudo h4 a:hover,
#conteudo h5 a:hover, #conteudo h6 a:hover{
  color: #330066;
  text-decoration: none;
}
#conteudo h1{
  font-size: 210%;
  font-weight:900;
  text-align: center;
  margin: 20px 0px 20px 0px;
}
#conteudo h2{ font-size: 160%; }
#conteudo h3{ font-size: 145%; }
#conteudo h4{ font-size: 130%; }
#conteudo h5{ font-size: 115%; }
#conteudo h6{ font-size: 100%; }

#conteudo hr{
  height: 0px;
  border: none;
  border-top: 6px double #D0D0D0;
}

/* * * * Tabelas * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{TablesCSS}%
%STOPINCLUDE%
</verbatim>
Attachments
Topic attachments
I	Attachment	Action	Size	Date	Who	Comment
jpg	topo.jpg	manage	27.0 K	04 Oct 2006 - 13:48	UnknownUser
This topic: AnpedGT16 > Ceb > ProjetoGrafico > SkinCSS
Topic revision: r4 - 04 Oct 2006 - 18:20:43 - RozaneZart?
Copyright &Â© by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback