ENEC-BA

CSS do Sítio

Modularizando:

%STARTINCLUDE%
body{
  margin: 0px;
  background-color: #5d8ac6;
  font-family: sans-serif;
  font-size: 12px;
  background-image: url("%ATTACHURL%/LogoFundo_A.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
}

#cabecalho{
  margin: 10px 0px 0px 10px;
  width: 150px;
  height: 10px;
  font-weight: 900;
  font-size: 0px;
  float: left;
}

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

/********************* Menu *****************************/

#menu{
  width: 155px;
  padding-left: 5px;
  float: left;
  clear: left;
  text-align: center;
}

#menu ul{
  margin: 0px;
  padding: 5px;
}

#menu li{
  list-style: none;
  margin: 6px 0px 0px 0px;
  padding: 0px;
}

#menu li a:link,
#menu li a:active,
#menu li a:visited{
  display: block;
  color: #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 12px;
  font-weight: 800;
  padding: 1px 0px 1px 0px;
  text-decoration: none;
  text-align: center;
}
#menu li a:hover{
  color: #000;
  background-color: #91aacc;
}

/********************* Conteudo *****************************/

#conteudo{
  min-height: 300px;
  padding: 30px 25px 15px 25px;
  margin: 0px 50px 0px 170px;
  border: 10px solid #000;
  border-right: 30px solid #000;
  border-top: none;
  background-color: #FFF;
  color: #505050;
  text-align: justify;
  background-image: url("%ATTACHURL%/LogoFundo_B.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
}

/********************* Botões Twiki*****************************/

#btsTWiki{
  position: relative;
  bottom: 7px;
  float: right;
  z-index: 10;
}
#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{
  border: 1px solid #E0E0E0;
  background-color: #F4F4F4;
  display: block;
  font-size: 0px;
  height: 16px;
  width: 16px;
  float: left;
  margin: 1px 6px 1px 1px;
  text-decoration: none;
}
#btsTWiki a#btEdit:hover,
#btsTWiki a#btAnexar:hover,
#btsTWiki a#btVersao:hover,
#btsTWiki a#btMais:hover{
  border: 2px solid #E0E0E0;
  background-color: #FFFFFF;
  margin: 0px 5px 0px 0px;
}
#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");   }

/********************* Botões Power *****************************/
#btsPower{
  clear: left;
  text-align: center;
  margin: 10px 0px 10px 0px;
  padding: 10px 10px 0px 10px;
  border-top: 1px solid #D0D0D0;
}
#btsPower a{
  margin-left: 5px;
}

#btsFormata{
  position: absolute;
  right: 5px;
  top: 10px;
}

#btsFormata a:link,
#btsFormata a:active,
#btsFormata a:visited{
  display: block;
  color: #4c7fc3;
  background-color: #809dc5;
  border: 1px solid #4c7fc3;
  font-weight: 900;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  text-decoration: none;
  width: 12px;
  height: 12px;
  overflow: hidden;
  margin-bottom: 4px;
}
#btsFormata a:hover{

  color: #91aacc;
  background-color: #91aacc;
  border: 1px solid #91aacc;
}

/********************* Rodapé *****************************/
#rodape{
  padding: 20px 60px 30px 180px;
  text-align: justify;
  text-indent: 10px;
  color: #000000;
}

#rodape a:link,
#rodape a:active,
#rodape a:visited{
  color: #575b60;
  text-decoration: none;
}
#rodape a:hover{
  color: #91aacc;
}

/********************* Outros *****************************/
.atencao{
  margin: 10px;
  padding: 6px;
  border: 2px dotted #000000;
  background-color: #5d8ac6;
  color: #4f74ec;
  text-align: center;
  font-size: 150%;
}
.atencao a{
  color: #4c7fc3;
}


/* * * * Conteúdo * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{ConteudoCSS}%
/* * * * Tabelas * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
%INCLUDE{TablesCSS}%
%STOPINCLUDE%


-- LeandroSantos - 18 Aug 2005

Attachment sort Action Size Date Who Comment
png BtAnexar.png manage 0.2 K 20 Aug 2005 - 06:50 LeandroSantos botão anexar
png BtEdit.png manage 0.2 K 20 Aug 2005 - 06:52 LeandroSantos botão editar
png BtMais.png manage 0.2 K 20 Aug 2005 - 06:53 LeandroSantos botão mais
png BtVersao.png manage 0.2 K 20 Aug 2005 - 06:54 LeandroSantos botão versão
Página Inicial >> ProjetoGrafico
TableLess - Coerência, Simplicidade e Acessibilidade no código HTML TWiki - Ambiente Web Colaborativo Esse documento é XHTML 1.0 Valido! Esse documento contém CSS-2 Valido!
Editar Anexar Versões Mais...
+ - F
Copyright © 2004 por ENEC.
Todo material na web BA do TWiki-ENEC é propriedade da ENEC, pode ser reproduzido livremente, desde que permaneça livre e a fonte seja citada, seguindo os termos da Creative Commons License . Agradecimentos ao PSL-BA pela ajuda no layout.