FolhaDeEstilos < Quimica

Quimica Web>FolhaDeEstilos (28 Oct 2010, FlavioAraujo? ) (raw view)EditAttach

<verbatim>%STARTINCLUDE%
<style type="text/css" media="screen">

html, body {
  height: 100%;
}

body {
  background-color: #608DBA;
  margin: 0;
  text-align: center;
  font-family: verdana, arial, helvetica, sans-serif;
}

#tudo {
  width: 795px;
  border-right: 1px solid black;
  border-left: 1px solid black;
  background: white;
  margin: auto;
  position: relative;
  text-align: left;
  min-height: 100%;
}

#topo {
  background-color:#FFFFFF;
  height:70px;
  text-align:right;
  padding-top:15px;
  border-bottom: 0px solid #000000;
}

#topo img {
  border: 0;
  padding: 0;
  margin: 0;
  float: left;
}

#corpo {
  border-top: 1px solid black;
}

#menu {
  width: 150;
  position: relative;
  float: left;
  top: 15;
  z-index: 3;
}

#menu .active a {
  background-color: #adcded;
}

#menu ul li ul  li ul li a {
  border-left: 1px solid #3E96ED;
  border-bottom: 1px solid #3E96ED;
}

#menu ul ul ul {
  display: block;
  position: relative;
  top: 0;
  left: 10%;
  width: 100px;
}

#menu ul ul {
  position: relative;
  top: 0;
  left: 10%;
  width: 90%;
}

#menu ul{
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 1;
}

#menu li {
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
}

#menu a {
  text-decoration: none;
  font-weight: bold;
  display: block;
  font-size: 12px;
  margin: 0;
  padding: 4px 0px 4px 2px;
  color: #032F71;
  border-bottom: 1px solid #3e96ed;/*#51b5fa;#0066ff;*/
}

#menu a:hover {
  color: #3A7BDC;
}

/**********Funcionamento do menu************/

#menu li ul {
  display: none;
}

#menu li ul {
/*  display: block;*/
  background-color: #c5d9ed;
  padding-bottom: 5px;
}

#menu li ul li a {
  border-bottom: 1px solid white;
}
/*****************************************/

#busca {
  text-align: center;
  padding: 0;
  margin: 0;
  border: 0;
}

#busca a, #busca a:visited {
  font-size: 12px;
  text-decoration: none;
  border: 0px;
  font-weight: bold;
  text-transform: capitalize;
}

#busca a:hover {
  text-decoration: none;
  font-weight: bold;
  text-transform: capitalize;
}

#conteudo {
  position: relative;
  float: left;
  min-height: 620;
  padding: 10;
  font-size: 12px;
  border-left: 1px solid black;
  width:620;/*alterar em HACKS (x+20) */
  text-align: justify;
}

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

#conteudo h2 {
  *font-size: 16px;
}

#conteudo h4 {
  color: #1499FF;
  font-weight: bold;
}

#conteudo h5 {
  color: #000000;
  font-weight: bold;
}


#conteudo h1, #conteudo h2 {
  border-bottom: 1px solid #3e96ed; /*#51b5fa; #0066FF;*/
}

#conteudo h4, #conteudo h5 {
  margin-bottom: 2px;
}


#conteudo a, #conteudo a:visited {
  color: #6495ED;
  text-decoration: none;
}

.meio {
  text-align: justify;
}

div.esquerda {
  float: left;
  width: 33%;
}

.escondido .editTable {
  display: none;
}

.escondido h4 {
  cursor:pointer;
}

table {
  font-size: 12px;
}

table th {
  font-size: 14px;
}

#conteudo table a {
  color: blue;
}

img.esquerda, img.direita,
#conteudo a img {
  border: 0px ;
}

img.esquerda {
  float: left;
}

img.direita {
  float: right;
}

div.foto {
  float: left;
  color: #2D86AC;
  width: 200px;
  text-align: center;
  font-weight: bold;
}

div.foto img {
  margin: 4px;
  border: 1px solid #2D86AC;
  margin: 4px;
}

.tabela {
 /*#51b5fa;*/
}

table {
  margin-top: 15px;
  font-size: 12px;
  vertical-align: middle;
  text-align: left;
  background-color: #3e96ed;
}

#rodape {
  position: relative;
  background-color: #7DB5ED;
  margin-top: 5;
  text-align: center;
}

#rodape a, #rodape a:visited {
  color: blue;
  font-size: 10px;
  text-decoration: none;
  font-weight: normal;
}

#rodape a:hover {
  color: 935600;
  text-decoration: none;
  font-weight: normal;
}

#endereco {
  font-size: 10px;
  font-weight: normal;
}

#creditos {
  position: absolute;
  bottom: 3px;
  right: -13px;
  width: 10px;
}

.clear {
  clear: both;
}

iframe {
  border: 1px solid black;
  border-left: 0px;
  border-right: 0px;
}

#fotos {
  position: relative;
  width: 400px;
  height: 300px;
}

#fotos img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}

#destaque {
  width: 100%;
  /*margin: 0px 20px;
  _margin: 0px 10px;
  margin-top: 10px;
  _margin-top: 3px;*/
  /*background-color: #c3dbce;*/
}

#destaque ul li a {
  color: #708A43;
}

#destaque ul {
  width: 400px
  margin: auto;
  margin: 0px 10px;
  _margin: 0px 5px;
  padding: 0px 10px;
  list-style-type: none;
  font-size: 11px;
}

#destaque li {
  border-bottom: 1px solid #c3dbce;
  padding: 3px 0px;
}

#destaque h3 {
  margin: 0px;
  padding: 5px;
  background-color: #59AC90;
  color: white;
  text-align: center;
}

iframe {
  border: 0px;
}

/* HACKS NÃO MEXER ABAIXO! */
</style>

<!--[if IE]>
<style type="text/css" media="screen">
* html * {
  color: expression( (function(who){
           if(!who.MXPC){
             who.MXPC = '1';
             if(who.nodeName != 'A'){
               who.onmouseenter=function(){ who.className += ' hover'};
               who.onmouseleave=function(){ who.className = who.className.replace(' hover','')};
             }
             (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
           }
         })
         (this) , 'auto') 
}

#menu ul ul {
  left: 14px;
  width: 126px;
}
#menu ul li  {float: left; width: 100%;}
#conteudo {width:620; height: 650;}
#tudo {height: 100%}

</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
} 
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a {
font: bold 0.7em/1.4em verdana, arial, helvetica, sans-serif;
} 

</style>
<![endif]-->%STOPINCLUDE%
</verbatim>
<div id="fotos">
<img src="http://repositorio.lojasgratis.com.br/7814/4d582bfcabed3f69d90b6fc29b80ee02.jpg" />
<img src="http://www.sempretops.com/wp-content/uploads/Experiencias-de-Quimica-Faceis-e-Simples.jpg" />
</div>

Attachments

Topic attachments
I	Attachment	Action	Size	Date	Who
gif	MENU_r2_c10.gif	manage	0.4 K	19 May 2010 - 11:38	UnknownUser
png	MENU_r2_c6_f2.png	manage	27.8 K	19 May 2010 - 11:31	UnknownUser
gif	MENU_r2_c7.gif	manage	0.5 K	19 May 2010 - 11:37	UnknownUser
gif	MENU_r2_c8_f2.gif	manage	0.5 K	19 May 2010 - 11:36	UnknownUser
gif	MENU_r2_c9.gif	manage	0.5 K	19 May 2010 - 11:39	UnknownUser
jpg	novomenu_inst2.jpg	manage	10.0 K	19 May 2010 - 11:28	UnknownUser
gif	topo.gif	manage	13.3 K	19 May 2010 - 18:07	UnknownUser

Topic revision: r30 - 28 Oct 2010 - 15:18:57 - FlavioAraujo?

Quimica

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