FolhaDeEstilos < Nutricao

Nutricao Web>FolhaDeEstilos (07 Oct 2009, FlavioAraujo? ) (raw view)EditAttach

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

html, body {
  height: 100%;
}

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

#fundoesq, #fundodir {
  position: absolute;
  width: 100;
  height: 100%;
}

#fundoesq {
  left: -100;
  background-image: url(/twiki/pub/Nutricao/FolhaDeEstilos/degesq.jpg);
}

#fundodir{
  left: 100%;
  background-image: url(/twiki/pub/Nutricao/FolhaDeEstilos/degdir.jpg);
}

#tudo {
  margin: auto;
  position: relative;
  width: 790px;
  text-align: left;
  min-height: 100%;
  background: #AFE4B8;
}

#corpo {
  border-top: 5px solid #177E25;
  border-bottom: 5px solid #177E25;
}

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

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

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

#menu a {
  display: block;
  font-size: 13;
  border-bottom: 3px solid #AFE4B8;
  margin: 0;
  padding: 4px 0px 4px 2px;
}

#menu ul ul a {
  font-size: 11;
  border-width: 1px;
  border-style: solid;
  border-color: #AFE4B8;
}

#menu a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

#menu a:hover {
  color: #fff;
}

#menu li {
  position: relative;
  background: #177E25;
}

#menu li:hover, #menu li.hover {
  background: #57BE65;
}

#menu ul ul {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
}

#menu ul ul,
#menu ul li:hover ul ul,
#menu ul li.hover ul ul,
#menu ul li:hover ul ul ul,
#menu ul li.hover ul ul ul
{display: none;}

#menu ul li:hover ul,
#menu ul li.hover ul,
#menu ul ul li:hover ul,
#menu ul ul li.hover ul,
#menu ul ul ul li:hover ul,
#menu ul ul ul li.hover ul
{display: block;}

#conteudo {
  position: relative;
  float: left;
  min-height: 620;
  width:620;
  padding: 10;
  background: #E2F0E5;
  font-size: 12;
}

#rodape {
  margin-top: 7;
  text-align: center;
}

#rodape a, #rodape a:visited {
  color: #57BE65;
  font-size: 8;
  text-decoration: none;
  font-weight: normal;
}

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

#endereco {
  font-size: 12;
  font-weight: bold;
}

.clear {
  clear: both;
}

#conteudo h1, #conteudo h2, #conteudo h3,
#conteudo h4, #conteudo h5 {
  color: #177E25;
  font-weight: bold;
  clear: both;
}

#tituloInfoNut {
  background-color: #177E25;
  color: #fff;
}

#conteudo #tituloInfoNut div {
  text-align: right;
  font-size: 10;
  padding-right: 3;
}

#conteudo #tituloInfoNut #primeira {
  font-family: pristina;
  font-size: 26;
  text-align: left;
  font-weight: bold;
  padding-left: 5;
}

#conteudo a, #conteudo a:visited {
  color: #177E25;
}

#conteudo a:hover {
  color: #57BE65;
}

#conteudo a img {
  border: 1px solid #177E25;
  margin: 4px;
}

#meio {
  text-align: justify;
}

img.esquerda, img.direita {
  border: 1px solid #177E25;
  margin: 4px;
}

img.esquerda {
  float: left;
}

img.direita {
  float: right;
}

div.foto {
  float: left;
  text-align: center;
  color: #177E25;
  font-weight: bold;
}

div.foto img {
  border: 1px solid #177E25;
  margin: 4px;
  width: 134;
}

#logosHome {
  text-align: center;
}

#logos {
  float: left;;
}

#logos img {
  border: 0;
  margin: 0;
  padding: 0;
}

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

#busca a, #busca a:visited {
  color: #177E25;
  font-size: 12;
  text-decoration: none;
  font-weight: bold;
  text-transform: capitalize;
}

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

/* HACKS */

</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 li  {float: left; width: 100%;}
 #conteudo {width:640; height: 650; top: -5;}
 #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%

Attachments

Topic attachments
I	Attachment	Action	Size	Date	Who	Comment
jpg	degdir.jpg	manage	0.3 K	07 May 2009 - 22:54	UnknownUser
jpg	degesq.jpg	manage	0.3 K	07 May 2009 - 22:54	UnknownUser

Topic revision: r26 - 07 Oct 2009 - 00:02:30 - FlavioAraujo?

Nutricao

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