Metareciclagem: Uma Idéia Inteligente
CSS do Site
*
{
margin: 0;
padding: 0;
}
body {
background: #333 url("https://www.twiki.ufba.br/twiki/pub/SSL/LayoutTemplateCSS/back.gif") repeat;
text-align: center;
font: normal 11px/18px verdana, arial, tahoma, sans-serif;
color: #333; padding-top: 40px;
}
a {
color: #88aa00; /*cor dos links*/ text-decoration: none;
}
a:visited {
color: #ff6600; /*cor dos links quando visitador*/
}
a:hover {
color: #ffcc00;
text-decoration: underline; /*Verde claro*/
}
#content ul, #content ol {
margin-left: 25px;
}
#content .twikiToc ul {
list-style-image: url("http://www.twiki.ufba.br/twiki/pub/TWiki/PatternSkin/bullet-down.gif");
}
#content p {
margin: 10px 0px;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
margin: 20px 0px 15px 10px;
color: #ff9955; /* Verde médio*/
text-align: left;
}
#header {
width: 680px;
height: 265px;
background: #fff url("/twiki/pub/MetaReciclagem/LayoutTemplateCSS/top20editado3.jpg") no-repeat;
background-position: top right;
}
#wrapper {
width: 680px;
background-position: 0 0;
background: #fff url("https://www.twiki.ufba.br/twiki/pub/MetaReciclagem/LayoutTemplateCSS/sidebar.gif") repeat-y;
border: solid 10px #fff;
margin: 0 auto;
text-align: left;
}
#title1 {
width: 137px;
height: 50px;
background: #bcd35f url("/twiki/pub/MetaReciclagem/LayoutTemplateCSS/espa__o.svg-g2242-4294966331.png") no-repeat;
margin: 1px 1px 1px 1px;
float: left;
font: bold 20px/30px arial, verdana, tahoma, sans-serif;
text-align: center;
padding-left: 9px;
color: #fff;
font-weight: bold;
border-top: 1px solid #ff7f2a;
border-right: 1px solid #ff7f2a;
border-left: 1px solid #ff7f2a;
border-bottom: 1px solid #ff7f2a;
margin-top: 7px;
margin-bottom: 50px;
margin-right: 3px;
}
#title2 {
width: 517px;
height: 50px;
background-color: #ff7f2a;
float: right;
font: bold italic 20px/30px arial, verdana, tahoma, sans-serif;
padding-left: 10px;
color: #fff;
border-bottom: 1px solid #ff7f2a;
margin-top: 7px;
}
#header ul {
list-style: none;
z-index: 2;
margin-left: 0px;
border-right: 1px solid #fff;/*barra menu linha de margem vertical*/
height: 225px;
width: 150px;
}
#header ul li a {
color: #000;
font: normal 11px/24px verdana, arial, tahoma, sans-serif;
font-weight: bold;
display: block;
width: 140px;
height: 29px;
background-color: #fff;
border-bottom: 1px solid #ff7f2a; /*cor das margens horizontais do menu*/
padding-left: 10px;
text-decoration: none;
}
#header ul li a:hover {
color: #fff;
background-color: #ff7f2a; /*cor que aparece quando se toca o menu*/
}
#header ul li a:visited {
color: #fff;
background-color: #aade87; /*cor que aparece quando o menu já foi visitado o menu*/ } #sidebar {
width: 130px;
background-color: #ff7f2a;
float:left;
position:relative;
left:-151px;
top:0px;
margin-top:5px;
margin-left: 0px;
border-top: 0px solid #ff7f2a;
border-right: 0px solid #ff7f2a;
border-left: 0px solid #ff7f2a;
text-align: center;
font-size: 12px;
font-family: verdana, arial, tahoma, sans-serif;
/*font-weight: 800;*/
padding: 9px;
}
.dateColor {
color: #056b05;
font-size: 16px;
}
#sidebar a img {
margin-bottom: 5px;
border: none;
}
#sidebar a:hover img {
border-color: #f00;
}
#content {
float:right;
position: relative;
width: 500px;
top:-700px;
margin: 10px 0px 0px 10px;
text-align: justify;
left:-10px
}
#footer {
text-align: center;
clear: both;
width: 400px;
margin-left: 163px;
/*float:top;*/
position: relative;
/*top:-650px;*/
}
.twikiAttachments { position: relative; } #attachmentsshow, #attachmentshide { display: none; }
Veja também: LayoutTemplateCSSie
-- MonicaPaz - 11 Sep 2007
- top20.jpg:
- ret.jpg: