LayoutTemplateCSS < Ripe

---+!! CSS do Site

%STARTINCLUDE%

body {

	margin: 0;

	padding: 0;

	background: #000000 url(http://www.ripe.faced.ufba.br/twiki/pub/Ripe/WebHome/img03.jpg) repeat-x left top;

	font-family:  Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #837669;

}

h1, h2, h3 {

	margin: 0;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: normal;

	color: #649632;

}



h1 { font-size: 44px; }



h2 { font-size: 26px; }



h3 { }


p, ul, ol {

	margin-top: 0;

	line-height: 240%;

	text-align: justify;

	font-family:  Arial, Helvetica, sans-serif;

	font-size: 11px;

}



ul, ol { }



blockquote { }



a { color: #000000; }



a:hover { text-decoration: none; }



a img {

	border: none;

}



img.left {

	float: left;

	margin: 7px 30px 0 0;

}



img.right {

	float: right;

	margin: 7px 0 0 30px;

}



hr { display: none; }



.list1 {

}



.list1 li {

	float: left;

	line-height: normal;

}



.list1 li img {

	margin: 0 30px 30px 0;

}



.list1 li.alt img {

	margin-right: 0;

}



#wrapper {

	background: url(http://www.ripe.faced.ufba.br/twiki/pub/Ripe/WebHome/img06.jpg) repeat-x left bottom;

}



#header-wrapper {

	width: 880px;
        height:404px;
	margin: 0 auto;

	border-left: 10px solid #FFFFFF;

	border-right: 10px solid #FFFFFF;

	border-top: 10px solid #FFFFFF;
        background-color: white;
        

}



#header {

	width: 880px;

	height: 100px;

	margin: 0 auto;

	background: #608F30 url(http://www.ripe.faced.ufba.br/twiki/pub/Ripe/WebHome/img02.png) no-repeat left top;
  

}

/* Menu */



#menu {

	float: left;

	width: 900px;

	height: 51px;
      

}


#menu ul {

	margin: 0px;

	padding: 27px 0 30px 10px;

	list-style: none;

	line-height: normal;

}



#menu li {

	display: block;

	float: left;

}



#menu a {

	display: block;

	float: left;

	margin-right: 17px;
        margin-left:17px;
	padding: 5px 5px;

	text-decoration: none;
      
        

	font: 14px Georgia, "Times New Roman", Times, serif;

	color: #FFFFFF;

}



#menu a:hover { text-decoration: underline; }



#menu .current_page_item a {

	color: #FFFFFF;

}



/* Page */



#page {

	width: 840px;

	margin:0 auto;

	padding: 30px 20px 0px 20px;

	background: #FFFFFF;

	border-left: 10px solid #FFFFFF;

	border-right: 10px solid #FFFFFF;

	border-bottom: 10px solid #FFFFFF;

}

/** LOGO */



#logo {

	height: 310px;

	background: url(http://www.ripe.faced.ufba.br/twiki/pub/Ripe/WebHome/ripe3.jpg) no-repeat left top;
        background-position: center center;

}



#logo h1, #logo p {

	float: left;

	margin: 0;

	padding: 0 0 0 20px;

	line-height: normal;

}



#logo h1 { padding-top: 140px; }



#logo h1 a {

	text-decoration: none;

	text-transform: uppercase;

	color: #FFFFFF;

}



#logo h1 a:hover { text-decoration: underline; }



#logo p {

	padding: 165px 0 0 15px;

	font: italic 13px Georgia, "Times New Roman", Times, serif;

	color: #B6ACA2;

}



#logo p a {

	text-decoration: none;

	color: #B6ACA2;

}


/* Content */



#content {

	float: left;

	width: 570px;

}




#logo p a:hover { text-decoration: underline; }


/* Sidebar */



#sidebar {

	float: right;

	width: 222px;

}



#sidebar ul {

	margin: 0;

	padding: 0;

	list-style: none;

	line-height: normal;

}



#sidebar li {

	margin-bottom: 30px;

	padding: 0 0 20px 0px;

}



#sidebar li ul {

	line-height: 200%;

}



#sidebar li li {

	margin: 0;

	padding: 0 20px;

}



#sidebar h2 {

	height: 33px;

	margin: 0 0 20px 0px;

	padding: 15px 0 2px 20px;

	background: url(http://www.ripe.faced.ufba.br/twiki/pub/Ripe/WebHome/img004.jpg) no-repeat left top;

	font-size: 18px;

	color: #FFFFFF;

}





#sidebar p {

	line-height: 200%;

}


#sidebar li2 {

	text-align: justify;

}




/* Footer */



#footer {

	width: 880px;

	margin: 0 auto;

	padding: 0;

	background: #494336 url(http://www.ripe.faced.ufba.br/twiki/pub/Ripe/WebHome/img05.jpg) no-repeat left top;

	border-left: 10px solid #FFFFFF;

	border-right: 10px solid #FFFFFF;

	border-bottom: 10px solid #FFFFFF;

        text-align: center;

}



#footer p {

	margin: 0;

	padding: 20px 0;

	text-align: center;

	line-height: normal;

	color: #B5ADA5;

}



#footer a {

	color: #B5ADA5;

}





%STOPINCLUDE%
This topic: Ripe > LayoutTemplateCSS
Topic revision: r18 - 23 Oct 2009 - 20:24:26 - AndersonCarvalho?
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