FolhaDeEstilos < SemBio

<verbatim>


%STOPINCLUDE%



%STARTINCLUDE%

html, body {height:100%;} 

*{
   border:0;
   margin:0 auto;
}

hr {
  height:3px;
  background: url("/twiki/pub/SemBio/FolhaDeEstilos/image3231.gif") repeat-x scroll center bottom transparent;
  margin-bottom:10px;
  margin-top:10px;
}

body {
background-image: url("%ATTACHURLPATH%/bg.jpg");
   /*background: #ffffff url('bg.jpg') top left;*/
   /*background: url(bg.jpg) top left;*/
   margin:0; 
   padding:0;
   color:#000;
   font:75%/1.4 Verdana, Arial, Helvetica, sans-serif;
   text-align:center;
}

/*#fundoesq, #fundodir {
  position: absolute;



  width: 100px;
  height: 100%;
}

#fundoesq {
  left: -101px;
  background-image: url(/twiki/pub/SemBio/FolhaDeEstilos/bg.jpg);
}

#fundodir{
  left: 961px;
  background-image: url(/twiki/pub/SemBio/FolhaDeEstilos/bg.jpg);*/
}

#total{ 
   width:960px;
   position:relative; 
   /*background:#F30C38 url(%ATTACHURLPATH%/bg.jpg) repeat-y left;*/
   /*background-image: url("%ATTACHURLPATH%/bg.jpg");*/
   margin:0 auto;
   text-align:left;
   min-height:100%;
   border: 1px solid #000000 !important;

} 

* html #total {height: 100%;}

#topo {
   height:216px;
   text-align:center;
   border-bottom: 0px solid #000000;
   background: url(%ATTACHURLPATH%/topo3.jpg) repeat-x center;
  padding-top:1px;
}

/*#logomarcaSite{
    border: 1px solid red;
    display: block;
    height: 90px;
    margin: 51px;
    width: 120px;
    background: url(%ATTACHURLPATH%/site.jpg) no-repeat center;
   float:left;
}*/

/*#linkHome{
 width: 630px;
 height:150px;
float:left;
margin:50px;
border: solid red 1px;
cursor:pointer;
}*/

#total{
    border: 1px solid black;
    margin: 0 auto;
    width: 960px;
}

#email {
position: relative;
   height:20px;
   text-align: right;
   padding-top: 2px;
   margin: 176px 70px 0 0;
   color:#fff;
   border: 0px solid #FF0000;
}

#email a {
   color:#fff;
}
#email a:hover {
   color:#fff;
   text-decoration:none;
}

#conteudo {padding-bottom:30px;}

#outer {
       width:100%;
       float: right;
       margin-top: 10px;
       padding: 0px;
       padding-bottom: 45px;
       border: 0px solid #FFCC00;
}

#conteudo h1, #conteudo h2, #conteudo h3{
  color: #000000;
  font-weight: bold;
}



#principal {
    border: 0 solid #0099FF;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: justify;
    width: 80%;
}


#principal h2{
background: url("/twiki/pub/SemBio/FolhaDeEstilos/image3231.gif") repeat-x scroll center bottom transparent;
height: 40px;
width: 100%;
}

#interno{
width:120px;
   float:right;
   padding-top:10px;
   padding-left:6px;
       background-color: #ffffee;
}

/* Formatando lateral esquerda */

#esquerda {
   width:150px;
   float:left;
   padding-top:10px;
   padding-left:6px;
border: 0px solid #33FF99;
}

#esquerda ul {
   width:150px;
   margin:0px;
   padding:0;
   list-style:none;
}

#esquerda ul li {margin:5px 0; }

#esquerda ul li a, #esquerda ul li a:visited {
   height:1%;
   font:12px Verdana, Helvetica, sans-serif;
   display:block;
   background:#060;
   color:#fff;
   text-decoration:none;
   padding:2px 5px;
}

#esquerda ul li a:hover {
   background:#ECF6D8;
   color:#000;
   border-bottom:0px solid #999;   
}
/*Fim esquerda*/

#rodape {
   background:#E1E1B2;
   bottom:0;
   border:dotted #999;
   border-width:0px 0;
   text-align:center;
   font-size: 9px;
   padding-top:3px;
   padding-bottom:3px;
   margin: 0 auto;
  height:180px;
  width: 960px;
}

#rodapeMarca{
 width:960px;
  height:100px;
  text-align:left;
  font-size: 12px;
  font-weight: bold;
  border:dotted #999;
  border-width:0px 0;
  margin-top:15px;
}

#realizacao {
    margin-left: 75px;
}

#realizacaobio {
  padding-left:0px;
  margin-top:15px; 
}

#patrocinadores {
    margin-left: 30px;
}

#patrociniobio {
  padding-left:0px; 
  margin-top:15px; 
}

#apoio {    
    margin-left: 60px;
}

.apoioPatrocinadores{
    float: left;
    font-size: 12px;
    height: 100px;
    text-align: left;
    font-weight: bold;
}

#apoiobio {
  padding-left:0px; 
  margin-top:15px;
}

#rodape p {
   margin:0;
   font-weight:normal;
   color:#060;
}

#rodape a {
   font:9px Verdana, Helvetica, sans-serif;
   color:blue;
   text-decoration:none;
}

#rodape a:visited {
   font:9px Verdana, Helvetica, sans-serif;
   color:blue;
   text-decoration:none;
}
#rodape a:hover{
   font:9px Verdana, Helvetica, sans-serif;
   color:#ff0000;
   text-decoration:underline;
}

.textoCurso{
    font-size: 11px;
    text-align:left;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 10px;
    width: 260px;
    margin-left:0px;
    padding-bottom: 20px;
  
}

.textoProfessor{
    font-size: 11px;
    text-align:left;
    font-weight: bold;
    padding-left: 10x;
    padding-top: 10px;
    width: 260px;
    margin-left:0px;
    padding-bottom: 20px;
 

}

.cursoVinho{
background:#D99594;
font-size: 11px;
font-weight: bold;
padding-top: 40px;
width: 100px;

}


.cursoLaranja{
background:#FABF8F;
font-size: 11px;
font-weight: bold;
padding-top: 40px;
width: 100px;

}



.cursoAzul{
background:#92CDDC;
font-size: 11px;
font-weight: bold;
padding-top: 40px;
width: 100px;

}


.corVinho{
background:#D99594;
font-size: 11px;
font-weight: bold;
height: 130px;
padding-top: 40px;
width: 100px;


}

.corAzul{
background:#92CDDC;
font-size: 11px;
font-weight: bold;
height: 130px;
padding-top: 40px;
width: 100px;
}

.corLaranja{
background:#FABF8F;
font-size: 11px;
font-weight: bold;
height: 130px;
padding-top: 40px;
width: 100px;

}

.palestraPalestrante{
    font-size: 11px;
    height: 60px;
    text-align:left;
    font-weight: bold;
     width: 260px;
    margin-left:0px;
    padding-bottom: 20px;
 
  
}

.textoHorario{
    font-size: 11px;
    height: 70px;
    text-align:left;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 20px;
    width: 100px;
   
}



/* Formatando Div LinKs */

#links a {
   font:12px Verdana, Helvetica, sans-serif;
   color:white;
             text-decoration:underline;

}

a:visited {
   font:12px Verdana, Helvetica, sans-serif;
   color:white;
             text-decoration:underline;

}

a:hover{
   font:12px Verdana, Helvetica, sans-serif;
   color:white;
             text-decoration:underline;
   
}

/* Fim Div Links */

/* Formatando Links em Textos*/

a {
   font:12px Verdana, Helvetica, sans-serif;
   color:blue;
   text-decoration:none;
}

a:visited {
   font:12px Verdana, Helvetica, sans-serif;
   color:#0088FF;
   text-decoration:none;
}
a:hover{
   font:12px Verdana, Helvetica, sans-serif;
   color:#ff0000;
             text-decoration:underline;
   
}


ul li a {
   font:12px Verdana, Helvetica, sans-serif;
   color:blue;
   text-decoration:none;
}

ul li a:visited {
   font:12px Verdana, Helvetica, sans-serif;
   color: #0088FF;
   text-decoration:none;
}
ul li a:hover{
   font:12px Verdana, Helvetica, sans-serif;
   color:#ff0000;
   text-decoration:underline;
}
/* Fim Links */

/* Formatando os tÃ&#65533;Â&#65533;Ã¯Â¿Å&#65533;Ã&#65533;Â&#65533;Ã&#65533;Âtulos */

h1, h2, h3, h4, h5, h6 {    
   font:bold 18px Verdana, Helvetica, sans-serif;
   color:#363;
   margin:0 0 1.0em 0;
}

h1 {font-size:22px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

/* Fim tÃ&#65533;Â&#65533;Ã¯Â¿Å&#65533;Ã&#65533;Â&#65533;Ã&#65533;Âtulos */

.clear {clear:both;}

/* Formata DESTAQUES - REVER*/
#destaques {
  position: relative;
  float: right;
  width: 20%;
  border: 1px solid #006600;
  clear: both;
  margin: 4.0em 0.2em 0.2em 1em;
  padding: 0;
  padding-bottom: 0.3em;
  background: url(%ATTACHURLPATH%/fundo_destaques1.jpg); 
  color: #000000;
  text-align:left;
}

#destaques  div.header {
  padding: 0.2em 0.5em 0.2em 0.1em;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background-color: #EBDB96;
  border-color: #f4f4b3;
  border-style: solid;
  border-width: 0px;
}
#destaques  div.header2 {
  padding: 0.2em 0.5em 0.2em 0.1em;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background-color: #EBDB96;
  border-color: #f4f4b3;
  border-style: solid;
  border-width: 0px;
}

#destaques ul {
  list-style: none;
  margin: 0;
/*  padding: 0.1em 0 0.5em 0.1em;*/
   padding:0px 1px;
       font:11px Verdana, Helvetica, sans-serif;
  width: 95%;
}

#destaques li {
  list-style: none;
  margin: 0;
/*  padding: 0.5em 0 0.5em 0.5em;*/
   padding:2px 1px;
       font:11px Verdana, Helvetica, sans-serif;
}
#destaques ul li a, #destaques ul li a:visited {
   height:1%;
   font: 11px Verdana, Helvetica, sans-serif;
   display:block;
   background:#FFF;
   color:#000;
   text-decoration:none;
   padding:2px 1px;
}

#destaques ul li a:hover {
   background:#F3F3DE;
   color:#000;
       font:11px Verdana, Helvetica, sans-serif;
      padding:2px 1px;
  /*padding: 0.5em 0 0.5em 0.5em;*/
   border-bottom:0px solid #999;   
}

/*FORMATA MENU*/

A.template:link {
   COLOR: #006633; TEXT-DECORATION: none !important;}

A.template:visited {
   COLOR: #006633; TEXT-DECORATION: none !important
}
A.template:hover {
   COLOR: #66CC66; 
}
A.template:active {
   COLOR: #006633
}
A.linkTopo1:link {
   VERTICAL-ALIGN: top; COLOR: white
}
A.linkTopo1:visited {
   VERTICAL-ALIGN: top; COLOR: white
}
A.linkTopo2:link {
   VERTICAL-ALIGN: top; COLOR: white; PADDING-TOP: 0px; HEIGHT: 15px
}
A.linkTopo2:hover {
   VERTICAL-ALIGN: top; COLOR: white; PADDING-TOP: 0px; HEIGHT: 15px
}
A.linkTopo2:visited {
   VERTICAL-ALIGN: top; COLOR: white; PADDING-TOP: 0px; HEIGHT: 15px
}
A.linkTitulos:link {
   COLOR: #FFFFFF;  
}
A.linkTitulos:visited {
   COLOR: #FFFFFF; 
}
A.linkTitulos:hover {
   COLOR: #CCCC33;  
}
A.linkTitulos:active {
   COLOR: #FFFFFF; 
}
A.linkTitulos2:link {
   COLOR: #006600; 
   TEXT-DECORATION: none 
}
A.linkTitulos2:visited {
   COLOR: #006600; 
   TEXT-DECORATION: none 
}
A.linkTitulos2:hover {
   COLOR: #006600;  
   /*background:  url('menuhover.gif') no-repeat right;*/
   TEXT-DECORATION: none 
}
A.linkTitulos2:active {
   COLOR: #006600; 
   TEXT-DECORATION: none 
}
.menuNivel2Sel {
   COLOR: white; BACKGROUND-COLOR: #e4d6a9
}
.subMenu {
   BACKGROUND-COLOR: #F3F3DE;
}
.linhaSubMenu {
   BORDER-BOTTOM: #FFCC66 1px solid
}
.textoSubMenu {
   PADDING-RIGHT: 3px; PADDING-LEFT: 5px; FONT-SIZE: 100%; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: #FFCC66 1px solid
}
.linkTitulos {
   FONT-SIZE: 11px; BACKGROUND-COLOR: #A98F38; COLOR: #EAEEBB;
}
.linkTitulos2 {
   FONT-SIZE: 12px; COLOR: #006600;
}
.celula { 
        border-top-width:0px; 
        border-left-width:0; 
        border-right-width:0px; 
        border-bottom-width:1px;
        border-color:rgb(102,153,102);
        border-style:solid;
        BACKGROUND-COLOR: #ffffff;
        padding-left : 2px; 
}


%STOPINCLUDE%





</verbatim>
Attachments
Topic attachments
I	Attachment	Action	Size	Date	Who
jpg	bg.jpg	manage	1.3 K	03 Jun 2011 - 18:50	UnknownUser
gif	image3231.gif	manage	0.9 K	08 Jun 2011 - 12:49	UnknownUser
gif	image3694.gif	manage	2.4 K	03 Jun 2011 - 19:31	UnknownUser
jpg	site.jpg	manage	2.9 K	07 Jun 2011 - 15:24	UnknownUser
jpg	topo.jpg	manage	45.0 K	06 Jun 2011 - 19:05	UnknownUser
jpg	topo2.jpg	manage	70.9 K	15 Jul 2011 - 17:59	UnknownUser
jpg	topo3.jpg	manage	84.2 K	18 Jul 2011 - 15:57	UnknownUser
This topic: SemBio > FolhaDeEstilos
Topic revision: r17 - 30 Aug 2011 - 17:56:21 - CarlaBahia?
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