(r20) FolhaDeEstilos < ConexoesSaberes

ConexoesSaberes Web>FolhaDeEstilos (revision 20) (raw view)~~EditAttach~~
<verbatim>
%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%
</verbatim>
Attachments
Topic attachments
I	Attachment	Action	Size	Date	Who	Comment
gif	fitas.gif	manage	37.7 K	30 Apr 2007 - 09:44	UnknownUser	Fitas do Senhor do Bonfim
gif	fundo_amarelo.gif	manage	1.5 K	24 Apr 2007 - 17:42	UnknownUser	Fundo com degradê amarelo
jpg	imagem_peq.jpg	manage	10.2 K	26 Apr 2007 - 17:06	UnknownUser	Fundo com o logo do Conexões Saberes
gif	logocs.gif	manage	3.1 K	08 May 2007 - 17:28	UnknownUser	Logo conexões de saberes nacional com transparência
gif	logomec.gif	manage	4.2 K	17 May 2007 - 17:01	UnknownUser	Logo do MEC com transparência
gif	logoufba.gif	manage	6.6 K	08 May 2007 - 17:30	UnknownUser	Logo da UFBA com transparência
Topic revision: r20 - 17 May 2007 - 17:01:04 - DeniseBandeira?
ConexoesSaberes
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