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*****************************/

#btsWiki{
  position: relative;
  bottom: 7px;
  float: right;
  z-index: 10;
}
#btsWiki a#btEdit:link,   #btsWiki a#btEdit:active,   #btsWiki a#btEdit:visited,
#btsWiki a#btAnexar:link, #btsWiki a#btAnexar:active, #btsWiki a#btAnexar:visited,
#btsWiki a#btVersao:link, #btsWiki a#btVersao:active, #btsWiki a#btVersao:visited,
#btsWiki a#btMais:link,   #btsWiki a#btMais:active,   #btsWiki 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;
}
#btsWiki a#btEdit:hover,
#btsWiki a#btAnexar:hover,
#btsWiki a#btVersao:hover,
#btsWiki a#btMais:hover{
  border: 2px solid #E0E0E0;
  background-color: #FFFFFF;
  margin: 0px 5px 0px 0px;
}
#btsWiki a#btEdit{   background-image: url("%ATTACHURL%/BtEdit.png");   }
#btsWiki a#btAnexar{ background-image: url("%ATTACHURL%/BtAnexar.png"); }
#btsWiki a#btVersao{ background-image: url("%ATTACHURL%/BtVersao.png"); }
#btsWiki 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
I Attachment Action Size Date Who Comment
CSS_Valido.gifgif CSS_Valido.gif manage 809 bytes 20 Aug 2005 - 06:46 UnknownUser css
ManipulaFonteDoConteudo.jsjs ManipulaFonteDoConteudo.js manage 3 K 20 Aug 2005 - 06:48 UnknownUser manipula fonte
SouTableLess.gifgif SouTableLess.gif manage 978 bytes 20 Aug 2005 - 06:49 UnknownUser tableless
foswiki-badge.gifgif foswiki-badge.gif manage 1 K 06 Jan 2012 - 02:21 PauloSantana logo 3
foswiki-logo-slogan.pngpng foswiki-logo-slogan.png manage 8 K 06 Jan 2012 - 02:20 PauloSantana logo 2
foswiki-poweredby.gifgif foswiki-poweredby.gif manage 1 K 06 Jan 2012 - 02:16 PauloSantana Foswiki logo
valid-xhtml10.pngpng valid-xhtml10.png manage 2 K 20 Aug 2005 - 06:52 UnknownUser valid
Página Inicial >> ProjetoGrafico
TableLess - Coerência, Simplicidade e Acessibilidade no código HTML Foswiki - 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 Foswiki-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.