Beauty CSS
%STARTINCLUDE%
body {
background: #FFF;
color: #666;
font-family: arial, sans-serif;
font-size: 13.65px;
margin: 0px;
padding: 0px;
}
a {
color: #C00;
text-decoration: none;
}
a:hover {
color: #E00;
text-decoration: underline;
}
#cab {
background: url(%ATTACHURL%/bg-top.png);
height: 101px;
margin: 0px;
position: relative;
}
#cab a {
display: block;
background: url(%ATTACHURL%/logo-top.png);
position: absolute;
top: 9px;
left: 30px;
width: 410px;
height: 130px;
overflow: hidden;
}
#cab-sep {
display: none;
}
#cab span {
position: relative;
top: -100px;
}
#cab strong {
display: block;
position: absolute;
top: 110px;
left: 170px;
color: #BABDB6;
font-size: 15px;
}
#enter-box, #bt-bug {
position: absolute;
right: 50px;
top: 20px;
background: #EEE;
border: 1px solid #AAA;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2px 5px;
opacity: 0.5;
}
#enter-box:hover, #bt-bug:hover {
opacity: 1;
border: 1px solid #CCC;
}
#enter-box {
font-size: 10px;
}
#bt-bug {
padding-left: 23px;
background: #EEE url(<nop>%PUBURL%/Tracker/RoadMap/bug.png) 3px 50% no-repeat;
text-decoration: none;
}
#bt-test {
display: block;
position: absolute;
top: 30px;
right: 9%;
overflow: hidden;
}
#bt-test span {
position: relative;
top: -100px;
}
#bt-test.en {
background: url(%ATTACHURL%/teste-en.ind.png);
width: 80px;
height: 16px;
}
#bt-test.pt-br {
background: url(%ATTACHURL%/teste-pt.ind.png);
width: 102px;
height: 18px;
}
#meta {
position: absolute;
width: 200px;
top: 150px;
right: 40px;
}
#slogan {
font-size: 15px;
border: 2px solid #888A85;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
padding: 22px 15px 10px 15px;
background: url(%ATTACHURL%/bg-top-box.png) repeat-x;
text-align: left;
position: relative;
}
#slogan div {
position: absolute;
top: -43px;
left: 30px;
width: 132px;
height: 68px;
background: url(%ATTACHURL%/unidos.ind.png);
}
#slogan p {
position: relative;
margin: 0px;
}
#slogan strong {
display: block;
text-align: right;
}
#menu {
margin: 0px;
padding: 20px 0px 0px 0px;
font-size: 15px;
font-weight: bold;
}
#menu li {
margin: 0px;
padding: 6px 0px;
list-style: none;
}
#menu a {
display: block;
width: 195px;
max-width: 180px;
padding: 4px 0px 4px 15px;
background: url(%ATTACHURL%/bg-menu.png) 0% 100% repeat-x;
text-decoration: none;
border-radius: 11px;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
color: #3465A4;
}
#menu a:hover {
color: #FFF;
background: #3465A4;
}
#content {
margin: 25px 280px 0px 50px;
position: relative;
text-align: justify;
}
.left {
float: left;
width: 47%;
}
.right {
float: right;
width: 47%;
}
h1, h2, h3, h4, h5, h6 {
color: #3465A4;
text-align: left;
}
center h1, center h2, center h3,
center h4, center h5, center h6 {
text-align: center;
}
h1 { font-size: 21px }
h2 { font-size: 19px }
h3 { font-size: 19px }
h4 { font-size: 17px }
h5 { font-size: 14px }
h6 { font-size: 13.65px }
#footer {
clear: both;
text-align: center;
padding-top: 5px;
margin-top: 5px;
}
#btsWiki {
float: right;
margin: 5px;
opacity: 0.2;
background: #666;
color: #444;
border: 1px solid #000;
padding: 1px 5px;
border-radius: 4px;
position: fixed;
bottom: 0;
right: 0
}
#btsWiki:hover {
opacity: 0.8;
}
#btsWiki a {
display: block;
color: #BBB;
}
#btsWiki a:hover {
text-decoration: none;
color: #FFF;
}
#copyright {
font-size: small;
margin: 10px;
}
#copyright br {
margin: 10px;
}
%STOPINCLUDE%