• CabecalhoCSS
• MenuCSS
• ConteudoCSS
• UltimasNoticiasCSS
• TabelaCSS
• BotoesTwikiCSS
• BotoesPowerCSS
• RodapeCSS

#cabecalho{ width: 760px; height: 220px; position: relative; left: 50%; margin-left: -380px; margin-top: 30px; background-image: url("http://www.twiki.faced.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/topoPag.png"); background-repeat: no-repeat; }

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

#menu{ width: 138px; position: absolute; text-align: center; left: 19px; background-color: #f1b8c6; padding: 0px; }

#menu ul{ min-height: 120px; padding: 0px; margin: 0px; }

#menu li{ min-height: 24px; list-style: none; margin: 5px 0px 3px 0px;

}

#menu a:link, #menu a:active, #menu a:visited{ display: block; text-decoration: none; color: #b50051; font-size: 110%; border: 1px dashed #b50051; text-align: center; }

#menu a:hover{ color: #FFFFFF; border: 2px solid #b50051; }

/****************** Conteúdo *****************************/

body{ background-image: url("http://www.twiki.faced.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/fundoPag.png"); background-repeat: repeat-x; background-color: #c8707d; font-size: 12px; margin-top: 0px; }

#body1{ width: 760px; background-image: url("http://www.twiki.faced.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/corpoPag.png"); background-repeat: repeat-y; position: relative; left: 50%; margin-left: -380px; padding: 0px;

}

#conteudo{ width: 430px; margin-left: 175px; text-align: justify; position: relative; max-width: 420px; min-height:400px; color: #ffffff; font-family: sans-serif; font-size: 100%; padding:0px; margin-top: 0px; margin-bottom: 0px; }

#conteudo p{ text-indent: 20px; }

#conteudo h1, #conteudo h2, #conteudo h3, #conteudo h4, #conteudo h5, #conteudo h6{ margin: 0px 0px 10px 0px; color: #b43d4d; } #conteudo h1{ font-size: 175%; text-align: center; } #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 a:link, #conteudo a:active, #conteudo a:visited{ color: #b43d4d; text-decoration: none; } #conteudo a:hover{ color: #e7949f; text-decoration: underline; }

#conteudo #topicosPais{ font-size: 11px; color: #f399c4; } #conteudo #topicosPais a:link, #conteudo #topicosPais a:active, #conteudo #topicosPais a:visited{ color: #f65dac; text-decoration: none; } #conteudo #topicosPais a:hover{ color: #e1059b; text-decoration: none; }

/****************** Ultimas Noticias CSS *****************************/

#ultimasNoticias{ position: absolute; // left: 640px; // top:100px; width: 130px; }

#ultimasNoticias strong{ display: block; text-align: center; color: #E8A000; font-size: 12px; border-top: 1px dotted #F0B000; border-bottom: 1px dotted #F0B000; }

#ultimasNoticias ul, #ultimasNoticias li{ list-style: none; margin: 6px 0px 0px 0px; padding: 0px; }

#ultimasNoticias li a:link, #ultimasNoticias li a:active, #ultimasNoticias li a:visited{ display: block; color: #C07000; background-color: #FFE870; border: 2px dotted #F0B000; font-weight: 900; font-size: 11px; text-align: center; text-decoration: none; padding: 5px; } #ultimasNoticias li a:hover{ color: #A05000; background-color: #FFF0A0; border: 2px dotted #E0A000; }

#ultimasNoticias div a:link, #ultimasNoticias div a:active, #ultimasNoticias div a:visited{ margin-top: 10px; display: block; text-align: center; text-decoration: none; color: #F8B000; font-size: 10px; border-top: 1px dotted #F0B000; border-bottom: 1px dotted #F0B000; }

#ultimasNoticias div a:hover{ color: #E08000; }

/****************** Tabela *****************************/

#conteudo table{ margin: auto auto auto auto; border-collapse: collapse; border: none; border-top: 2px solid #b86594; border-bottom: 2px solid #b86594; empty-cells: show; }

#conteudo table tr th, #conteudo table tr td{ color: #707070; font-size: 12px; padding: 1px 6px 1px 6px; border: none; }

#conteudo table tr th{ text-align: center; color: #f000b5; background-color: #f8dade; border-left: 1px solid #ffedf8; border-right: 1px solid #ffedf8; border-bottom: 2px solid #b86594; }

#conteudo table tr td{ border-left: 1px solid #ffedf8; border-right: 1px solid #ffedf8; border-bottom: 1px solid #e198c3; background-color: #f1b8c6; }

#conteudo #anexos table tr th, #conteudo table tr td{ font-size: 9px; } #conteudo #anexos table tr td img{ display: none; }

/****************** Botoes Twiki *****************************/

#btsTWiki{ position: absolute; top: 100px; right: 30px; }

#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; height: 30px; width: 30px; float: left; margin-left: 10px; border: 2px solid #c8707d;

}

#btsTWiki a#btEdit:hover, #btsTWiki a#btAnexar:hover, #btsTWiki a#btVersao:hover, #btsTWiki a#btMais:hover{ border: 2px solid #b50051; background-color: #c8707d;

}

#btsTWiki a#btEdit{ background-image: url("http://www.twiki.faced.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/BtEdit.png"); } #btsTWiki a#btAnexar{ background-image: url("http://www.twiki.faced.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/BtAnexar.png"); } #btsTWiki a#btVersao{ background-image: url("http://www.twiki.faced.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/BtVersao.png"); } #btsTWiki a#btMais{ background-image: url("http://www.twiki.faced.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/BtMais.png"); }

/****************** Botoes Power *****************************/

#btsPower{ margin-left: 20px; bottom: 50px; width: 100px; z-index: 5; } #btsPower a{ display: block; margin-top: 5px; }

/****************** Rodape *****************************/

#rodape{ position: relative; width: 760px; height: 155px; left: 50%; margin-left: -380px; background: url("http://www.twiki.faced.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/basePag.png"); no-repeat; background-repeat: no-repeat; margin-bottom: 30px; margin-top: 0px; padding: 0px; }

#rodape #texto{ width: 450px; height: 45px; position: absolute; top: 100px; left: 10px; padding: 0px; font-size: 80%;

}

#rodape #texto a:link, #rodape #texto a:active, #rodape #texto a:visited{ color: #b43d4d; text-decoration: none; }

#rodape #texto a:hover{ color: #e7949f; }

}

#btsTWiki a#btEdit{ background-image: url("http://www.twiki.faced.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/BtEdit.png"); } #btsTWiki a#btAnexar{ background-image: url("http://www.twiki.faced.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/BtAnexar.png"); } #btsTWiki a#btVersao{ background-image: url("http://www.twiki.faced.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/BtVersao.png"); } #btsTWiki a#btMais{ background-image: url("http://www.twiki.faced.ufba.br/twiki/pub/PPGE/ImagensDoLeiaute/BtMais.png"); }

width: 760px; height: 155px;

#rodape #texto{ width: 450px; height: 45px; position: absolute; top: 100px; left: 10px; padding: 0px; font-size: 80%;

#conteudo a:link, #conteudo a:active, #conteudo a:visited{ color: #b43d4d;

#conteudo #topicosPais{ font-size: 11px; color: #f399c4; } #conteudo #topicosPais a:link, #conteudo #topicosPais a:active, #conteudo #topicosPais a:visited{ color: #f65dac; text-decoration: none; } #conteudo #topicosPais a:hover{ color: #e1059b; text-decoration: none;

/************* Botoes Power ***********************/ #btsPower{ position: absolute; left: 20px; bottom: 50px; width: 100px; z-index: 5; } #btsPower a{ display: block; margin-top: 5px; }

/************* Botoes 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 #F8E0A0; background-color: #FFF8EA; 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 #F0D080; background-color: #FFFFF4; margin: 0px 5px 0px 0px; } #btsTWiki a#btEdit{ background-image: url("http://www.twiki.faced.ufba.br/twiki/pub/PPGE/SkinCSS/BtEdit.png"); } #btsTWiki a#btAnexar{ background-image: url("http://www.twiki.faced.ufba.br/twiki/pub/PPGE/SkinCSS/BtAnexar.png"); } #btsTWiki a#btVersao{ background-image: url("http://www.twiki.faced.ufba.br/twiki/pub/PPGE/SkinCSS/BtVersao.png"); } #btsTWiki a#btMais{ background-image: url("http://www.twiki.faced.ufba.br/twiki/pub/PPGE/SkinCSS/BtMais.png"); }

}

#conteudo #topo{

background-image: url(); background-repeat: no-repeat; heigth: 100px;

margin-top: 10px;

}

#conteudo #corpo{

background-image: url(); background-repeat: repeat-y;

background-image: url(); background-repeat: no-repeat; heigth: 100px;

margin-top: 10px;

}

CSS do Sítio

%STARTINCLUDE%
body{
  margin: 0px;
  background-color: #ffedf0;
  font-family: sans-serif;
  font-size: 12px;
}

/*
#cabecalho{
  width: 620px;
  height: 175px;
  position: absolute;
  left: 50%;
  margin-left: -310px;
  font-size: 0px;
}

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

#menu{
  width: 100px;
  position: relative;
  float: left;
  left: 10px;
  top: 15px;

}

#menu ul{
  margin: 0px;
  padding: 56px 0px 4px 8px;
}

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

#menu a:link,
#menu a:active,
#menu a:visited{
  display: block;
  color: #D07000;
  border: 2px dotted #F0A000;
  font-size: 12px;
  font-weight: 800;
  padding: 1px 0px 1px 0px;
  text-decoration: none;
  text-align: center;
  width: 100px;
}
#menu a:hover{
  color: #FFFFFF;
  background-color: #F0B000;
  border: 2px dotted #FFE000;
}

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

#conteudo{
  width: 690px; 
  background-color: #e7b7be;
  color: #b43d4d;
  text-align: justify;
  position: absolute;
  left: 50%;
  margin-left: -345px;
}


#conteudo .informacao{
  width: 400px; 
  background-color: #ffffff;
  color: #b43d4d;
  text-align: justify;
  position: relative;
  float: right;
  margin-right: 100px;

/*  left: 50%; 
  margin-left: -345px;*/
}

#conteudo .informacao p{
  text-indent: 20px;
}

/*#conteudo .informacao p:first-letter{
  background-repeat: no-repeat;
  color: #F0A000;
  font-size: 315%;
  font-weight: 900;
  padding-left: 3px;
  float: left;
}*/

#conteudo .informacao h1, #conteudo .informacao h2,
#conteudo .informacao h3, #conteudo .informacao h4,
#conteudo .informacao h5, #conteudo .informacao h6{
  margin: 0px 0px 10px 0px;
  color: #F0A000;
}
#conteudo .informacao h1{ font-size: 175%; text-align: center; }
#conteudo .informacao h2{ font-size: 160%; }
#conteudo .informacao h3{ font-size: 145%; }
#conteudo .informacao h4{ font-size: 130%; }
#conteudo .informacao h5{ font-size: 115%; }
#conteudo .informacao h6{ font-size: 100%; }

#conteudo .informacao hr{
  height: 0px;
  border: none;
  border-top: 2px dotted #F0A000;
}

#conteudo .informacao ul{
  margin: 0px 0px 0px 15px;
  padding: 0px;
}

#conteudo .informacao a:link,
#conteudo .informacao a:active,
#conteudo .informacao a:visited{
  color: #D88800;
  text-decoration: none;
}
#conteudo .informacao a:hover{
  color: #F09000;
  text-decoration: underline;
}

#conteudo .informacao .atencao{
  margin: 10px;
  padding: 6px;
  border: 2px dotted #D00000;
  background-color: #FFD000;
  color: #000;
  text-align: center;
}
#conteudo .informacao .atencao p{
  margin: 10px 0px 0px 0px;
  text-indent: 0px;
}

#conteudo .informacao #topicosPais{
  font-size: 11px;
  color: #F0C000;
}
#conteudo .informacao #topicosPais a:link,
#conteudo .informacao #topicosPais a:active,
#conteudo .informacao #topicosPais a:visited{
  color: #F0A800;
  text-decoration: none;
}
#conteudo .informacao #topicosPais a:hover{
  color: #FF9000;
  text-decoration: none;
}

#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 #F8E0A0;
  background-color: #FFF8EA;
  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 #F0D080;
  background-color: #FFFFF4;
  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"); }

/* * * Tabelas * * * * * * * * * * * * * * * * * * * */

#conteudo .informacao table{
  margin: auto auto auto auto;
  border-collapse: collapse;
  border: none;
  border-top: 2px solid #F0A000;
  border-bottom: 2px solid #F0A000;
  empty-cells: show;
}

#conteudo .informacao table tr th,
#conteudo .informacao table tr td{
  color: #707070;
  font-size: 12px;
  padding: 1px 6px 1px 6px;
  border: none;
}

#conteudo .informacao table tr th{
  text-align: center;
  color: #F0A000;
  background-color: #FFF8E8;
  border-left: 1px solid #FFF0B0;
  border-right: 1px solid #FFF0B0;
  border-bottom: 2px solid #F0A000;
}

#conteudo .informacao table tr td{
  border-left: 1px solid #FFF8E0;
  border-right: 1px solid #FFF8E0;
  border-bottom: 1px solid #E8C800;
}

#conteudo .informacao #anexos table tr th,
#conteudo .informacao #anexos table tr td{
  font-size: 9px;
}
#conteudo .informacao #anexos table tr td img{
  display: none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#ultimasNoticias{
  position: absolute;
  left: 640px;
  top:100px;
  width: 130px;
}

#ultimasNoticias strong{
  display: block;
  text-align: center;
  color: #E8A000;
  font-size: 12px;
  border-top: 1px dotted #F0B000;
  border-bottom: 1px dotted #F0B000;
}

#ultimasNoticias ul, #ultimasNoticias li{
  list-style: none;
  margin: 6px 0px 0px 0px;
  padding: 0px;
}

#ultimasNoticias li a:link,
#ultimasNoticias li a:active,
#ultimasNoticias li a:visited{
  display: block;
  color: #C07000;
  background-color: #FFE870;
  border: 2px dotted #F0B000;
  font-weight: 900;
  font-size: 11px;
  text-align: center;
  text-decoration: none;
  padding: 5px;
}
#ultimasNoticias li a:hover{
  color: #A05000;
  background-color: #FFF0A0;
  border: 2px dotted #E0A000;
}

#ultimasNoticias div a:link,
#ultimasNoticias div a:active,
#ultimasNoticias div a:visited{
  margin-top: 10px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #F8B000;
  font-size: 10px;
  border-top: 1px dotted #F0B000;
  border-bottom: 1px dotted #F0B000;
}
#ultimasNoticias div a:hover{
  color: #E08000;
}

#btsPower{
  position: absolute;
  left: -5px;
  bottom: -15px;
  width: 100px;
  z-index: 5;
}
#btsPower a{
  display: block;
  margin-top: 5px;
}

#btsFormata{
  position: absolute;
  left: 620px;
  top: 200px;
}

#btsFormata a:link,
#btsFormata a:active,
#btsFormata a:visited{
  display: block;
  color: #F0C800;
  background-color: #FFE870;
  border: 1px solid #F0C800;
  font-weight: 900;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  text-decoration: none;
  width: 12px;
  height: 12px;
  overflow: hidden;
  margin-bottom: 6px;
}
#btsFormata a:hover{
  color: #F09800;
  background-color: #FFF0A0;
  border: 1px solid #F0B000;
}

#rodape{
  height: 171px;
  max-height: 134px;
  width: 620px;
  max-width: 445px;
  padding: 35px 50px 0px 125px;
  text-align: justify;
  background: url("%ATTACHURL%/Rodape.jpg") no-repeat;
  color: #F8C050;
  position: relative;
  left: 15px;
  z-index: 1;
}

#rodape a:link,
#rodape a:active,
#rodape a:visited{
  color: #F0A000;
  text-decoration: none;
}
#rodape a:hover{
  color: #E08000;
}

%STOPINCLUDE%

-- LeandroSantos - 25 Jul 2005