/*** CSS ROSE GARDEN ***/
P, a, body, td, tr, div {
font-style : normal;
font-weight : normal;
color : #585858;
font-family : Verdana;
font-size : 10px;
line-height : 14px;
background-color : transparent;
}
body {
background: #ffffff;
font-size: 11px;
margin-top: 0px; margin-right: 0px;
margin-bottom: 0px;
background-repeat: repeat-x;
font-family: Tahoma;
text-align: justify;
color: #000000;
}
/* layout */
#page {
/* linha horizontal do layout */
width: 719px;
background: url('http://i46.tinypic.com/5z4kuu.jpg');
margin-left: auto;
margin-right: auto;
}
#header {
/*** o header é imagem do topo, que é o layout ***/
background: url('http://i45.tinypic.com/eis8d5.jpg') no-repeat top center;
width: 719px;
height: 383px;
}
#sidebar {
width : 213px;
color : #585858;
font-family : Tahoma;
font-size : 11px;
text-align : justify;
margin-right : 3px;
margin-top : -14px;
float : right;
}
#content {
width : 463px;
color : #585858;
text-align : justify;
font-family : Tahoma;
font-size : 11px;
margin-top : -15px;
margin-left : 15px;
float : left;
}
#footer {
/*** imagem rodapé do layout ***/
background-image: url('http://i49.tinypic.com/2aimwcy.jpg');
background-position: bottom;
width: 750px;
height: 255px;
clear: both;
}
/******************************************************************** EFEITOS DE TEXTO */
a, a:link{ color: #f6bebe; height:0px; cursor: hand; TEXT-DECORATION: none;}
a:hover { color: #db5f61; TEXT-DECORATION: none; ; background-color: transparent; }
b {color: #f6bebe;}
b:hover {color: #dc6465;}
u {color: #7a7979; text-decoration: underline; border-bottom: 1px dashed #7a7979; padding-bottom: 2px; background-color: transparent;}
i {color: #989696;
}
/******************************************************************** FUNDO COLUNAS */
.sidebar {
background: #ffffff;
border-right: 0px solid #c9d18b;
border-bottom: 0px solid #c9d18b;
padding: 5px;
padding-top: 3px;
-moz-border-radius: 0px 0px 10px 10px;}
/******************************************************************** TEMPLATE CUTE NEWS */
tr {
color: #585858;
font-family: Tahoma;
width : 463px;
font-size: 11px;
vertical-align: middle;
}
.data
{margin-left: 6px;
margin-right: 6px;
background-color : #e36362;
padding-left : 5px;
border-top: 0px solid #22384c;
border-left: 0px solid #c31b1a;
border-right: 1px dashed #c31b1ac;
border-bottom: 1px dashed #c31b1a;
color: #ffffff;}
.coment
{background-color: #ffffff;
color: #2e2b2d;
border-top: 0px solid #FFFFFF;
border-left: 2px solid #c31b1ac;
border-right: 2px solid #c31b1ac;
border-bottom: 0px solid #22384c;
padding:5px;
margin-left: 6px;
margin-right: 6px;}
/******************************************************************** TABELAS */
.h1 {
display: block;
font-weight: bold;
border-bottom: 1px solid #f6bebe;
background: #fff;
color:#7a7979;
line-height: 16px;
font-family: Tahoma;
font-size: 11px;
text-indent: 5px;
text-align: left;
margin: 8px 0 6px 0;
letter-spacing: 1px;}
/******************************************************************** DIV E EDIT */
.div {display : block;
font-size : 11px;
font-family : tahoma;
letter-spacing : 0;
border-bottom: 1px dotted #22384c;
background-repeat : no-repeat;
text-indent : 5px;
vertical-align : middle;
text-decoration : none;
line-height : 14px;
margin-bottom : 1px;
background : #000000 no-repeat left;
padding-left : 1px;}
.edit {color: #e8e8dd;
background-color: #000000;
border-top: 1px solid #e61647;
border-left: 1px solid #e61647;
border-right: 1px solid #e61647;
border-bottom: 1px solid #e61647;
-moz-border-radius: 10px;
padding: 5px;
margin: 12px;}
.edit2 {
color : #e8e8dd;
background : url('http://www.takeabreath.kit.net/tab/aspas.jpg') no-repeat top left;
padding-left : 23px;
padding-right : 5px;
padding-bottom : 5px;
padding-right : 5px;
margin : 12px;
font-size : 11px;
}
/******************************************************************** TEXTAREA */
input, textarea, select, button {
font-family: Tahoma;
font-size: 11px;
color: #000000;
background-color: #22384c;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
margin-top: 2px;
margin-right: 2px;
padding: 1px;
-moz-border-radius: 5px 5px 5px 5px;}
input:focus, textarea:focus, label:focus, select:focus, button:focus {
background-color: #22384c;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
color: #e61647;}
/******************************************************************** MENU */
#menu {
width: 100%;
padding: 0;
margin: 0;
font-size: 10px;
font-family : Verdana, Arial, sans-serif;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu li {
border-bottom: 1px solid #22384c;
margin: 1px;
}
#menu li a {
display: block;
padding: 4px 4px 4px 0.4em;
text-transform: uppercase;
text-indent: 5px;
letter-spacing: 1px;
color: #16444a;
text-decoration: none;
}
#menu li a:hover {
color: #16444a;
font-weight: bold;
background-color: #000000;
}
/******************************************************************** BORDA */
.borda
{background: #dfdcdc;
border-top: 0px solid #bdbdbd;
border-left: 0px solid #bdbdbd;
border-right: 1px solid #bdbdbd;
border-bottom: 1px solid #bdbdbd;
padding:6px;
margin :6px}
/******************************************************************** TABBER */
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {}
.tabberlive {
margin-top:1em;}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav{
margin:0;
padding: 3px 0;
border-bottom: 1px solid #000000;
font: 11px tahoma; }
ul.tabbernav li{
list-style: none;
margin: 0;
display: inline;}
ul.tabbernav li a{
padding: 3px 0.5em;
margin-left: 3px;
border-right: 1px solid #000000;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #000000;
border-bottom: none;
background-color: #e0e4cb;
text-decoration: none;
-moz-border-radius: 5px 5px 0 0;}
ul.tabbernav li a:link { color: #000000; }
ul.tabbernav li a:visited { color: #000000; }
ul.tabbernav li a:hover{
color: #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #fefee8;
background-color: #fefee8;}
ul.tabbernav li.tabberactive a{
background-color: #fefee8;
color: #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #fefee8;
-moz-border-radius: 5px 5px 0 0;}
ul.tabbernav li.tabberactive a:hover{
color: #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #fefee8;
background-color: #fefee8;
-moz-border-radius: 5px 5px 0 0;}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding:5px;
border-top:0px none;
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/* height:150px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow:auto; */}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;}
.tabberlive .tabbertab h3 {
display:none;}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {
height:200px;
overflow:auto;}