styles.css

非常好的css

BODY
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 12px;
}
.text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.footer
{
	color: #999999;
	font-size: 11px;
	height: 112px;
}

.footer A
{
	color: #999999;
}

.footer A:hover
{
	color: black;
}

.content
{
	margin-left: 21px;
	line-height: 26px;
	margin-right: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.code
{
	width: 743px;
	height: 300px;
	background-image: url(../Img/codeViewBg.gif);
	background-repeat:no-repeat;
	background-attachment:fixed;
	padding-left:8px;
	padding-right:5px;
	overflow: auto;
	font-size:12px;
	scrollbar-face-color: #E9E9E9;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #E9E9E9;
	scrollbar-3dlight-color: #DBDBDB;
	scrollbar-arrow-color: #787878;
	scrollbar-track-color: #F5F5F5;
	scrollbar-darkshadow-color: #AEAEAE;
}

.tab
{
	cursor: hand;
}

.navigationCategoryNode
{
	color: #666666;
	cursor: hand;
	font-size:12px;
}

.navigationNodes
{
	text-decoration: none;
	font-size:11px;
	background-image:url(../Img/sideNavCategory.gif);
	background-repeat:no-repeat;
	padding-left:16px;
	margin-top:16px;
}

.navigationNodes A:hover
{
	text-decoration: underline;
	color:black;
}

.navigationNodes A
{
	color: #666666;
	text-decoration: none;
}
.sideNavCategoryTitle {
	font-weight:bold;
	padding:2px 0px 16px 39px;
}
.module {	
	width:700px;
	height:242px;
	padding:12px;
	background-image: url(../Img/moduleBg.gif);
	background-repeat:repeat-x;
	font-family: Verdana, Arial;
	font-size:10px;
	color:#333333;
	vertical-align:top;
}
.module TD {
	font-size:10px;
	color:#333333;
}
.button {
	border:1px solid #D5D5D5;
	border-bottom: 1px solid #C2C2C2;
	border-right: 1px solid #C2C2C2;
	font-family: Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	background-image:url(../Img/buttonBg.gif);
	background-position:top;
	background-color:white;
	height:20px;	
	vertical-align:top;
}
.textfield {
	height:21px;
	width:80px;
	background-image:url(../Img/textfield.gif);
	background-attachment:fixed;
	padding-left:3px;
	border:0px;
	font-size:11px;
	padding-top:3px;
	background-repeat:no-repeat;
	background-color:#E5E5E5;
}
.datagrid {
	border:1px solid #C0C0C0;
}
TD.sideNavSubSection
{
	padding-top:10px;
	font-weight:bold;
}
.sideNav {
	background-image:url(../Img/sideNavBg.gif);
	width:206px;
	height:36px;
	text-align:right;
	font-size:12px;
	padding-right:30px;
	padding-top:12px;
}
.sideNav A {
	color: black;
	text-decoration:none;
}
.sideNav A:hover {
	text-decoration:underline;
}

.textred
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: Red;
}
.welcomeModule {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image:url(../Img/welcomeBg.gif);
	height:80px;
	width:344px;
	background-position:right 23px;
	background-repeat:no-repeat;
	margin-top:20px;
}
.welcomeModule A {
	color: black;
	text-decoration:none;
}
.welcomeModule A:hover {
	text-decoration:underline;
}
.DropDown
{
	font-size:11px;
}
IMG.RadETool
{
	background-color: #C3DAF9;
}

/*styles to be displaid in the Examples*/

.style1 {
	background-color: #F2F2F2;
	border:1px solid #969696;
	font-family:Arial, Verdana, Tahoma;
	font-size:11px;
}
.style1 THEAD TH {
	background-color: #929292;
	font-weight:bold;
	font-size:12px;
	border-bottom: 1px solid #444444;
	height:30px;
}
.style1 TD {
	border:1px solid white;
	height:20px;
}
A.style1 {
	color:black;
}
A.style1:hover {
	background-color:#E2E2E2;
}

.style2 {
	background-color: #FBFBE5;
	border:1px solid #475E1E;
	font-family:Arial, Verdana, Tahoma;
	font-size:11px;
}
.style2 THEAD TH {
	background-color: #6C7D47;
	font-weight:bold;
	font-size:12px;
	border-bottom: 1px solid #ffffff;
	height:30px;
}
.style2 TD {
	border-top:1px solid #CBDE8E;
	height:20px;
}
A.style2 {
	color:black;
}
A.style2:hover {
	font-weight:bold;
}


.style3 {
	background-color: #E9E9DE;
	font-family:Arial, Verdana, Tahoma;
	font-size:11px;
}
.style3 THEAD TH {
	background-color: #6F2C3E;
	font-weight:bold;
	font-size:12px;
	border-bottom: 1px solid #ffffff;
	height:30px;
	color:white;
}
.style3 TD {
	border-top:1px solid #929292;
	height:20px;
}
A.style3 {
	color:black;
	text-decoration:none;
	font-style:italic;
}
A.style3:hover {
	text-decoration:underline;
}
.projects {
	width:193px;
	height:132px;
	background-image:url(../Img/projectsBg.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
	padding: 12px 0px 0px 0px;
	margin-left:16px;
	margin-top:21px;
}
.projects A {
	text-decoration: none;
	color: #333333;
	padding-left:24px;
}
.projects A:hover {
	text-decoration: underline;
	color: black;
	padding-left:25px;
}

.download {
	margin-top:3px;
	background-image:url(../Img/downloadBg.gif);
	background-repeat: no-repeat;
	height:36px;
	font-size:12px;
	padding-left:30px;
	padding-top:11px;
	font-weight:bold;
}
.download A{
	text-decoration: underline;
	color: black;
}