%STARTINCLUDE%
/* * * reset styles * * */
ul, li {
padding:0;
margin: 0;
border: 0;
}
/******************/
body{
margin: 0;
background-color: #ddeeff;
font-family: "Helvetica", "Verdana", sans-serif;
font-size: 80%;
width: 100%;
}
html > body {
font-size: 80%;
}
#tela {
padding: 1% 6% 8% 6%;
position: relative;
z-index: 3;
}
/* * * Topo * * */
#topo {
position: relative;
z-index: 7;
margin-bottom: 1em;
}
#topo a {
text-decoration: none;
}
#topo a:hover {
text-decoration: underline;
}
#cabecalho, #interno {
border-style: solid;
border-color: #5599bb;
}
#cabecalho {
border-width: 1px 2px 0 1px;
position: relative;
z-index: 7;
}
#interno {
border-width: 1px 2px 2px 1px;
}
#cabecalho{
z-index: 100;
padding: 0.5em 5% 0.5em 5%;
background-image: url("https://www.twiki.ufba.br/twiki/pub/ConexoesSaberes/FolhaDeEstilos/imagem_peq.jpg");
background-repeat: repeat;
background-position: 50% 50%;
text-align: center;
}
#saberes {
font-size: 220%;
text-align: center;
font-weight: 700;
color: #ee1111;
}
#saberes h1, #subtitulo h2 {
font-size: 100%;
padding: 0;
margin: 0;
}
#subtitulo {
padding-top: 0;
margin-top: 0;
font-size: 140%;
text-align: center;
font-weight: 600;
color: #ee1111;
}
/* * * Corpo interno * * */
#interno {
background-color: #ffffee;
}
#topo {
background-color: #99cc99;
padding: 0.1em 0.1em 0.1em 0.1em;
border-style: solid;
border-width: 1px 2px 1px 1px;
border-color: #003300;
text-align: center;
}
/* * * Menu * * */
#menu{
text-decoration: none;
font-size: 120%;
margin: 0 auto;
padding: 0.2em 0 0.2em 0;
position: relative;
z-index: 10;
}
#menu li {
list-style: none;
display: inline;
}
#menu a:link,
#menu a:active,
#menu a:visited{
padding-left: 0.4em;
padding-right: 0.4em;
color: black;
font-weight: 800;
text-align: center;
border-color: #99cc99;
border-style: solid;
border-width: 0.15em;
}
#menu a:hover{
background-color: #cccc77;
border-color: #f4f4b3;
}
#menu .twikiLink{
margin: 1px 1px 1px 1px;
}
/* * * Topic * * */
div.patternTopicAction span.patternActionButtons span.patternRevision a span.twikiAccessKey,
div.patternTopicAction span.patternActionButtons span.patternButton a span.twikiAccessKey,
div.patternTopicAction span.patternActionButtons a span.twikiAccessKey {
border-bottom-color: #ffdddd;
}
/* * * Conteudo * * */
#conteudo{
background-image: url("https://www.twiki.ufba.br/twiki/pub/ConexoesSaberes/FolhaDeEstilos/fundo_amarelo.gif");
background-repeat:repeat-x;
min-width: 300px;
text-align: justify;
position: relative;
padding-left: 4%;
padding-right: 3%;
padding-bottom: 2em;
left: 0;
padding-top: 0.5em;
background-color: #ffffee;
border-bottom: solid 1px #dedede;
z-index: 6;
}
#conteudo p{
text-indent: 2%;
padding-right: 3%;
padding-left: 3%;
display: block;
}
#conteudo ul {
padding: 0.5em 3% 0.8em 5%;
}
#conteudo li {
padding: 0.15em 0 0 0;
}
#conteudo h1, #conteudo h2,
#conteudo h3, #conteudo h4,
#conteudo h5, #conteudo h6{
margin: 2% 0 1% 0;
color: #bb6633;
font-weight: 400;
}
#conteudo h1 {
margin-top: 1%;
}
#conteudo h2,
#conteudo h3, #conteudo h4,
#conteudo h5, #conteudo h6 {
border-bottom: 1px solid #d3d3d3;
}
#conteudo h2 {
background-color: #ffffe0;
}
#conteudo h1{ font-size: 170%; }
#conteudo h2{ font-size: 150%; }
#conteudo h3{ font-size: 140%; }
#conteudo h4{ font-size: 130%; }
#conteudo h5{ font-size: 120%; }
#conteudo h6{ font-size: 110%; }
#conteudo h1 a:link:hover,
#conteudo h2 a:link:hover,
#conteudo h3 a:link:hover,
#conteudo h4 a:link:hover,
#conteudo h5 a:link:hover,
#conteudo h6 a:link:hover,
#conteudo h1 a:visited:hover,
#conteudo h2 a:visited:hover,
#conteudo h3 a:visited:hover,
#conteudo h4 a:visited:hover,
#conteudo h5 a:visited:hover,
#conteudo h6 a:visited:hover {
text-decoration: none;
}
#conteudo h1 a:link,
#conteudo h2 a:link,
#conteudo h3 a:link,
#conteudo h4 a:link,
#conteudo h5 a:link,
#conteudo h6 a:link,
#conteudo h1 a:visited,
#conteudo h2 a:visited,
#conteudo h3 a:visited,
#conteudo h4 a:visited,
#conteudo h5 a:visited,
#conteudo h6 a:visited {
text-decoration: underline;
}
#conteudo hr{
height: 0px;
border: none;
border-top: 1px solid #0066CC;
width: 100%;
}
#conteudo a:link,
#conteudo a:active,
#conteudo a:focus{
color: #228844;
text-decoration: none;
}
#conteudo a:visited {
color: #dd3333;
background-color: inherit;
text-decoration: none;
}
#conteudo a:link:hover,
#conteudo a:visited:hover {
text-decoration: underline;
}
/* * * Tabelas * * */
#conteudo table{
margin: auto auto auto auto;
padding: 1px;
border-collapse: collapse;
border: solid;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 2px solid #666666;
border-bottom: 2px solid #666666;
empty-cells: show;
}
#conteudo table tr.twikiTableEven {
background: lightyellow;
}
#conteudo table tr th,
#conteudo table tr td{
color: black;
font-size: 90%;
padding: 0.5em 1em 0.5em 1em;
border: none;
}
#conteudo table tr th{
text-align: center;
background-color: #ddccaa;
border-left: 1px solid #000000;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}
#conteudo table tr th a:link,
#conteudo table tr th a:visited,
#conteudo table tr th a:active,
#conteudo table tr th a {
color: #ffffff;
}
#conteudo table tr td{
border-left: 1px solid #000000;
border-top: 0;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
#conteudo #anexos table tr th,
#conteudo #anexos table tr td{
font-size: 85%;
}
/* * * Anexos * * */
div.patternTopicAction {
font-size: 95%;
background-color: #ffffe0;
border-style: solid;
border-width: 1px 0 1px 0;
border-color: #d3d3d3;
padding: 0.3em 2em 0.3em 2em;
}
div#caminho {
color: #666666;
}
div#caminho span.patternHomePathTitle {
display: none;
}
div.patternTopicAction span.patternActionButtons span.patternRevision a:link,
div.patternTopicAction span.patternActionButtons span.patternRevision a:visited,
div.patternTopicAction span.patternActionButtons span.patternRevision a:hover,
div.patternTopicAction span.patternActionButtons span.patternButton a:link,
div.patternTopicAction span.patternActionButtons span.patternButton a:visited,
div.patternTopicAction span.patternActionButtons span.patternButton a:hover,
div.patternTopicAction span.patternActionButtons a:link,
div.patternTopicAction span.patternActionButtons a:visited,
div.patternTopicAction span.patternActionButtons a:hover,
div#caminho a:hover, div#caminho a:visited, div#caminho a:link,
#patternBottomBar a:link, #patternBottomBar a:visited, #patternBottomBar a:hover {
color: #ffbbbb;
background: none;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#rodape{
padding: 0 5% 0.7em 5%;
text-align: center;
color: #666666;
font-size: 85%;
background-color: white;
}
#rodape a:link,
#rodape a:active,
#rodape a:visited{
color: #ffbbbb;
text-decoration: none;
}
#rodape a:hover{
text-decoration: underline;
}
#rodape hr{
border-top: 1px solid #CDC9C9;
border-bottom: none;
border-left: none;
border-right: none;
align: center;
margin-left: 0;
}
#rodape img {
float: right;
}
#copyright {
padding-top: 1em;
}
#aux1 {
height: 100%;
width: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
top: expression( ( -35 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
/**background-image: url("https://www.twiki.ufba.br/twiki/pub/ConexoesSaberes/FolhaDeEstilos/fitas.gif");**/
background-repeat: repeat-x;
filter: alpha(opacity=30);
opacity: 0.3;
z-index: 1;
}
html > body #aux1 {
position: fixed;
background-position: 0px -35px;
}
#patrocinadores {
position: relative;
z-index: 6;
width: 100%;
padding: 0.5em;
margin-top: 1em;
border-top: solid 1px #dedede;
}
#patrocinadores span {
font-size: 110%;
text-align: left;
color: #bb6633;
font-weight: 600;
}
#patroc_logos {
position: relative;
padding-top: 0.1em;
z-index: 10;
width: 100%;
margin: 0 auto;
text-align: center;
}
#patroc_logos img {
margin: 0.2em 5% 0.3em 5%;
}
#logo_home {
position: relative;
float: left;
padding: 1em 1em 0.7em 1em;
z-index: 80;
}
#logo_home img {
border-width: 0em;
}
#noticias {
position: relative;
float: right;
width: 25%;
z-index: 19;
border: 1px solid black;
clear: both;
margin: 6.5em 3% 0.2em 1em;
padding: 0;
padding-bottom: 0.5em;
position: relative;
background-color: #99cc99;
}
#noticias li {
list-style: none;
margin: 0;
padding: 0.5em 0 0.4em 0.6em;
font-size: 90%;
}
#nao_news {
position: relative;
}
#noticias div.header {
padding: 0.2em 0.9em 0.2em 0.1em;
font-size: 120%;
font-weight: 600;
text-align: center;
background-color: #cccc77;
border-color: #f4f4b3;
border-style: solid;
border-width: 2px;
}
%STOPINCLUDE%