LayoutTemplate < FACED

<verbatim>
%starinclude%


<STYLE type="text/css">

body {margin:0px; 
  font-family: sans-serif;
  font-size: 12px;
  background-image: url("http://www.twiki.faced.ufba.br/twiki/pub/FACED/CBCE-Bahia/Acaraje.jpg");
}

#menu{
  width: 120px;
  max-width: 110px;
  padding: 10px;
  
}

#menu a:link,
#menu a:active,
#menu a:visited{
  display: block;
  color: #004488;
  border-bottom: 1px solid #88ffff;
  font-size: 12px;
  font-weight: 800;
  padding: 3px 0px 3px 0px;
  text-decoration: none;
  text-align: center;
}
#menu a:hover{
  color: #004488;
  background-color: #88ffff;

}

#box1 {width: 150px;
        margin-right:20;
        float:left;
	background-image: url("");
        font-family: arial, verdana, sans-serif;
        font-variant: small-caps;
        color: #99ffff
}

#conteudo {min-height: 500px;
  color: #505050;
  text-align:center;
  position: relative;
  left: 15px;
  margin-left: 115px;
  margin-right: 180px;
  margin-top: 100px;
  margin-bottom:100px;
}

.galeria {
	width:680px; 
	margin:0 auto;
	text-align:left; 
	}
.img-aqui { 
	background: #fff url('http://www.twiki.faced.ufba.br/twiki/pub/FACED/VIIIJORNADAPEDAG%d3GICA/logo2.jpeg') center no-repeat; 
	width:500px; 
	height:375px; 
	position:relative; 
	top:8px;
	float:right; 
	border:1px solid #fff;
	}
ul.fotos {
	position:relative;
	list-style:none;  
	width:162px;
	padding:1px;
	background:#999;
	margin:0; 
	padding:0; 
}
.fotos:after {
	display: block;
	content: ".";
	height: 0;
	font-size:0; 
	visibility: hidden;
	clear: both;
	}
ul.fotos li {
	width:75px;
	height:50px;
	float:left; 
	border:2px solid #444;
	margin:1px; 
}
ul.fotos li img {
	border:none; 
	width:75px;
	height:50px;
}
ul.fotos li span img {
	border:none;
	width:500px;
	height:375px;
	height:auto;
}
ul.fotos a {
	display: block;
	} 
ul.fotos a span {
	display: none;
}
ul.fotos a:hover span.legenda {
	display: block;
	text-align:center; 
	width:500px;
	position:absolute;
	top:375px;
	left:-2px;
}
ul.fotos a:hover span {
	display: block;
    position: absolute; 
	top:-5px; 
	left: 177px; 
	background:#fff;
	border:2px solid #666;
   }
ul.fotos a:hover span.legenda {
	padding:5px 0;
	color:#333; 
}
#rodape {
	background:#1daecb url('????') center repeat-x; 
	height:30px;
	margin:30px 0; 
	color:#0066ee; 
	text-align:right; 
	font-size:80%; 
	padding-right:10px;
	}


 </STYLE>
%stopinclude%

This topic: FACED > CBCE-Bahia? > Eventos > Acontece > Relatórios > Fotos > LayoutTemplate
Topic revision: r1 - 12 Sep 2007 - 21:42:59 - AraceleCunha?

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