SkinCSS < GEC

---+!! CSS do Sítio


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


<verbatim>
%STARTINCLUDE%

body{
  font-family: sans-serif;
  font-size: 14px;
  margin: 0px;
  
}

#cabecalho{
  margin: 0px;
  height: 179px;
  background-image: url("%ATTACHURL%/");
  
}
#cabecalho big{
  display: block;
  height: 165px;
  background-image: url("%ATTACHURL%/top_esq.png");
  background-repeat: no-repeat;
  background-position: 30% 50%;
 
  
}
#cabecalho span{
  display: none;
}
#menu {
  width: 250px;
  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: 1px solid #CCCCCC;
  color:   #990033;
}
#menuLinks a:hover{
  background-color: #FFFFFF;
  border-bottom: 1px solid #000000;
  color:   #333300;
}

#fBusca{
  text-align: center;
}
#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: #900000;
}
#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: #900000;
  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>

------
-- Main.RozaneZart - 14 Sep 2004

Attachments

Topic attachments
I	Attachment	Action	Size	Date	Who
png	BtAnexar.png	manage	1.5 K	12 Mar 2006 - 16:04	UnknownUser
png	BtEdit.png	manage	1.7 K	12 Mar 2006 - 16:04	UnknownUser
png	BtMais.png	manage	1.1 K	12 Mar 2006 - 16:05	UnknownUser
png	BtVersao.png	manage	1.0 K	12 Mar 2006 - 16:05	UnknownUser
jpg	FundoTopo.jpg	manage	0.4 K	16 Oct 2004 - 17:10	UnknownUser
jpg	FundoTopoEsq.jpg	manage	22.3 K	16 Oct 2004 - 17:09	UnknownUser
jpg	fundo_topo.jpg	manage	0.9 K	12 Mar 2006 - 14:05	UnknownUser
jpg	menu_fundo.jpg	manage	0.9 K	12 Mar 2006 - 14:38	UnknownUser
jpg	menu_fundo.jpg.jpg	manage	0.9 K	12 Mar 2006 - 14:37	UnknownUser
jpg	menu_top.jpg	manage	2.1 K	12 Mar 2006 - 14:39	UnknownUser
jpg	menu_top.jpg.jpg	manage	2.1 K	12 Mar 2006 - 14:36	UnknownUser
png	psl.png	manage	8.2 K	05 Oct 2004 - 16:10	UnknownUser
png	top_dir.png	manage	0.9 K	08 Oct 2004 - 14:48	UnknownUser
png	top_esq.png	manage	28.1 K	08 Oct 2004 - 14:46	UnknownUser
jpg	topo_gec.jpg	manage	26.4 K	12 Mar 2006 - 13:56	UnknownUser

This topic: GEC > WebHome > ProjetoGrafico > SkinCSS
Topic revision: r10 - 26 Mar 2011 - 12:43:37 - AurelioAHeckert?

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