FAQ's de CSS

[Rebel001]

E aquí otro estilo que me gusta mucho

Código:

/* Base , Set up fonts etc.    */
body
{
	font				: 0.8em Trebuchet MS, Arial, Sans Serif;
	background-color	: #888888; 
	margin				: 0px;
	padding				: 10px 0px;
}
h1
{
	font				: bold 1.4em Trebuchet MS, Arial, Sans Serif;
}

a, a:visited
{
	text-decoration		: underline;
	color				: #b9a1e6;
}
a:hover
{
	color				: #e6e6e6;
}


#extraContent a, #extraContent2  a:visited, #extraContent2 a, #extraContent2 a:visited
{
	text-decoration		: underline;
	color				: #ccb1fd;
}
#extraContent  a:hover, #extraContent2  a:hover
{
	color				: #fdfdfd;
}


#pageHeader a, #pageHeader a:visited, #pageFooter a, #pageFooter a:visited
{
	text-decoration		: underline;
	color				: #ccb3ff;
}
#pageHeader a:hover, #pageFooter a:hover
{
	color				: #ffffff;
}


#pageWrapper
{
	width				: 760px;
	margin				: 0px auto;
	border				: solid #9278c7;
	border-width		: 1px;
	background-color	: #080017;
}

#pageHeader 
{
	background			: #270073;
} 
#pageHeader h1
{
	font-size			: 150%;
	margin				: 0px;
	padding				: 2px 20px 2px 5px;
	color				: #ffffff;
}

#mainContent
{
	position			: relative;
	margin 				: 10px 10px 10px 220px;
	background-color	: #080017;
	color				: #d7cfe6;
}


#extraContent, #extraContent2
{
	display				: inline;
	float				: left;
	clear				: left;
	width				: 198px;
	margin				: 10px;
	border				: 1px solid #9278c7;
	background-color	: #10002e;
	color				: #fdfdfd;
}
#extraContent
{
	margin-bottom: 0px;
}
#userLinks
{
	display				: inline;
	float				: left;
	clear				: left;
	width				: 200px;
	margin-left		: 10px;
}


#userLinks h1
{
	font-size			: 100%;
	padding				: 2px 5px;
	background-color	: #1f005c;
	color				: #eee6ff;
	border				: 1px solid #9278c7;
	margin				: 10px 0px 0px;
}

#userLinks ul
{
	display				: block;
	list-style-type		: none;
	margin				: 0px;
	padding				: 4px 10px;
	background-color	: #10002e;
	border				: solid #9278c7;
	border-width		: 0px 1px 1px;
	color				: #fdfdfd;
}

#extraContent a,  #extraContent a:visited, #userLinks ul a, #userLinks ul a:visited
{
	color				: #fdfdfd;
}
#userLinks ul a:hover, #extraContent a:hover
{
	color				: #ccb1fd;
}

#pageFooter
{
	clear				: both;
	border				: solid #9278c7;
	border-width		: 1px 0px 0px;
	padding				: 5px;
	background-color	: #270073;
	color				: #eee6ff}

#pageFooter h6
{
	padding-left		: 10px;
	margin				: 0px;
	font-size			: 90%;
	font-weight			: normal;
}





/* Top Horizontal Navigation */

#siteNavigation
{
	width				: 100%;
	border				: solid #9278c7;
	border-width		: 1px 0px;
	background-color	: #1f005c;
}
#subPageBreaker
{
	display				: none;
}
#listBreaker
{
	clear				: both;
	display				: block;
}

#siteNavigation ul
{
	list-style-type		: none;
	margin				: 0px;
	padding				: 0px;
}


#siteNavigation ul li 
{
	display				: inline;
}

/* Setup Navigation Buttons */

#siteNavigation a, #siteNavigation a:visited
{
	font-size			: 90%;
	font-weight			: bold;
	float				: left;
	padding				: 2px 10px;
	text-decoration		: none;
	background-color	: #1f005c;
	color				: #eee6ff;
}
#siteNavigation a:hover
{
	background-color	: #10002e;
	color				: #ede4fd;
}

/* No title for horizontal navigation */
#siteNavigation h1
{
	display				: none;
}


#bntag
{
	background-color: #080017;
	color				: #d7cfe6;
	padding: 2px 0px; 
	text-align: center;
	width	: 760px;
	margin	: 0px auto;
	font-size: 90%;
}