FolhaDeEstilos < ConexoesSaberes

<verbatim>
%STARTINCLUDE%


			  
body{
  margin: 0;
  background-color: #f6f6f6;
  font-family: "Helvetica", "Verdana", sans-serif;
  font-size: 95%;
}

#tela {
  padding: 1% 6% 8% 6%;
}


/* * * Topo * * */
#topo a {
  text-decoration: none;
}

#topo a:hover {
  text-decoration: underline;
}


#cabecalho, #interno {
  border-style: solid;
  border-color: #dedede;
}

#cabecalho {
  border-width: 1px 2px 0 1px;
}

#interno {
  border-width: 1px 2px 2px 1px;
}

#cabecalho{
  align: center;
  padding: 0.1% 5% 0.1% 5%;
  height: 3.5em;
  background-image: url("https://www.twiki.ufba.br/twiki/pub/ConexoesSaberes/FolhaDeEstilos/imagem_peq.jpg");
  background-repeat: repeat;
  background-position: 50% 50%;
}

#saberes {
  font-size: 250%;
  text-align: center;
  font-weight: 700;
  color: #bb4444;
}

/* * * Corpo interno * * */

#interno {
  background-color: #ffffee;
}

#topo {
  background-color: #99cc99;
  z-index: 100;
  padding: 0.2em 0.1em 0.2em 0.1em;
  border-style: solid;
  border-width: 1px 2px 1px 1px;
  border-color: #003300;
}

/* * * Menu * * */
#menu{
  text-decoration: none;
  padding-left: 4%;
  font-size: 120%;
  align: center;
  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.1em;
}

#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%;
  left: 0;
  padding-top: 0.5em;
  background-color: #ffffee;
  border-bottom: solid 1px #dedede;
}

#conteudo p{
  text-indent: 2%;
  padding-right: 3%;
  padding-left: 3%;
  display: block;
}

#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: 210%; }
#conteudo h2{ font-size: 170%; }
#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: underline;
}

#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: none;
}

#conteudo hr{
  height: 0px;
  border: none;
  border-top: 1px solid #0066CC;
  width: 100%;
}

#conteudo ul{
  margin: 0 0 0 0;
  padding: 1%;
}

#conteudo li{
  margin: 0 0 0 3%;
}

#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 th,
#conteudo table tr td{
  color: black;
  font-size: 95%;
  padding: 0.5em 1em 0.5em 1em;
  border: none;
}

#conteudo table tr th{
  text-align: center;
  color: #993300;
  background-color: #f6f6f6;
  border-left: 1px solid  #999999;
  border-right: 1px solid  #999999;
  border-bottom: 1px solid #999999;
}

#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: 80%;
}


/* * * Anexos * * */
div.patternTopicAction {
  font-size: 90%;
  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: 90%;
  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;
}

%STOPINCLUDE%
</verbatim>
Attachments
Topic attachments
I	Attachment	Action	Size	Date	Who	Comment
gif	fundo_amarelo.gif	manage	1.5 K	24 Apr 2007 - 17:42	UnknownUser	Fundo com degradê amarelo
jpg	imagem_peq.jpg	manage	10.4 K	25 Apr 2007 - 10:31	UnknownUser	Fundo com o logo do Conexões Saberes
This topic: ConexoesSaberes > FolhaDeEstilos
Topic revision: r2 - 25 Apr 2007 - 10:31:33 - CaioTiago?
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