main.css

Flash 菜单 － 各式各样的下拉菜单 － ８种下拉菜单

.input1 , .input2 , .input3, .button1 , .tree1 , .tree2 , .xmlarea , .label1 , .box2 , .caption1 , .caption2 , .bottom1 , .bottom2 , .top1 , .top2 , .top3 , .top5 , .header1 , .group3 {
	font-family: Verdana, Arial, sans-serif; 
}
/*****************************************************/
.input1 , .input2 , .input3 {
	width:100px;
	border: #444444 1px solid; 
	color: #444444;
	font-weight: bold; 
	font-size: 8pt; 
	background-color:#FCFCFC;
	position:relative;
	height:18px;
	top:1px;
	text-align:center;
	/*color:#FF0000;*/
	padding-left:4px;
}
.input1 {
	width:25px;
}
.input3 {
	visibility:hidden;
	position:absolute;
	width:102px;
}

.help1 , .help2 {
	top:5;
	position:relative;
	border:#CCCCCC solid;
	border-width:1px 0px 1px 1px;
	background-color: #EEEEEE; 
}
.help2{
	margin-left:6;
}


.button1 {
	position:relative;
	width:104px;
	height:24px;
	font-weight: bold; 
	font-size: 8pt; 
	background-color: #EEEEEE; 
	margin:4px 0px 4px 4px;

}
.list1{
	margin:0px 0px 0px 16px;
}


.form1 , .form2{
	position:relative;
	top:0px;
	margin-bottom:-20px;
}
.form2{
	margin-bottom:20px;
}

.group2{
	width:590px;
	position:relative;
	padding:0px 10px 0px 10px;
	border: #888888 2px solid; 
	margin:0px 0px 0px 96px;
}
.group3{
	width:576px;
	color: #000000; 
	font-size:10pt; 
	position:relative;
	margin:10px 0px 0px 96px;
}


.group1 , .group4 {
	width:560px;
	border: #000000 1px solid; 
	background-color: #888888; 
	position:relative;
	margin:8px 0px 0px 0px;
}
.group4{
	display:none;	
}

.tree1 {
	width:550px;
	height:192;
	border: #444444 2px solid; 
	margin:4px 4px 4px 4px;
	color: #444444;
	font-size: 8pt; 
	background-color: #FCFCFC; 
	position:relative;

}
.tree2{
	font-size: 8pt; 
	width:160px;
	color: #888888;
	font-weight: bold; 
 	cursor:hand;
	margin:4px 0px 4px 0px;
	padding:0px 4px 0px 4px;
	
}

.label1  {
	top:5;
	position:relative;
	height:18;
	width:63px;
	border:#CCCCCC solid;
	border-width:1px 1px 1px 0px;
	color: #444444;
	background-color: #EEEEEE; 
	font-size: 9pt; 
}
.box1  {
	z-index:4;
	position:absolute;
	width:180px;
	height:112px;
	background-color:#F0F0F0;
	border: #00CCFF 1px solid;
	padding:4px 4px 4px 4px;
	visibility:hidden;
	font-size: 9pt; 
	font-family: Arial, helvetica, sans-serif; 
}

.box2  {
	font-size: 9pt; 
	background-color:#DDDDDD;
	width:170px;
	border:#444444 0px solid;
	color: #444444;
	font-weight: bold; 
	cursor:hand;
	margin:2px 0px 2px 0px;
	z-index:4;
	padding-left:4px;
}
.caption1  {
	margin-top:16px;
	position:relative;
	height:18;
	width:560px;
	border: 1px solid;
	font-size: 9pt; 
	font-weight: bold; 
	padding-left: 4px;
	background-color: #CCFFCC;
	border-color:#008800;
	color:#008800;
}
.caption2 {
	position:relative;
	width:60px;
	height:18;
	font-weight: bold; 
	font-size: 8pt; 
	text-align:center;
	background-color: #CCCCCC;
	border:#444444 solid;
	border-width:1px 0px 1px 1x;
	color:#000000;
	cursor:default;
}

.xmlarea{
	font-weight: bold; 
	font-size: 8pt; 
	background-color: #FCFCFC; 
	height:288;
	width:550;
	margin:4px 4px 4px 4px;

/*	
	scrollbar-3dlight-color:#FF0000;
    scrollbar-arrow-color:#FF0000;
    scrollbar-base-color:#FF0000;
    scrollbar-darkshadow-color:#FF0000;
    scrollbar-face-color:#FF0000;
    scrollbar-highlight-color:#FF0000;
    scrollbar-shadow-color:#FF0000;
*/
}

.bottom1 {   
	width:100%;
	font-weight: bold; 
	font-size: 8pt; 
	color: #444444; 
	text-align:right;
}
.bottom2 {
	text-decoration: none;
	color: #444444; 
}
.bottom2:hover {  
	text-decoration: underline;
	color: #00CCFF; 
}

.link1{
	font-weight: bold; 
	text-decoration: none;
	color: #00CCFF; 
}

.link1:hover {  
	text-decoration: underline;
	
}

.top1 , .top2 {
	position:relative;
	color: #008800; 
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: none;
}
.top1 {
	padding:16px 0px 0px 16px;
}
.top2:hover {
	text-decoration: underline;
}
.top3 {
	position:relative;
	color: #00CCFF; 
	text-decoration: none;
	font-weight: bold; 
	font-size: 18pt; 
	padding:0px 0px 0px 16px;
}
.top4{
 	position:relative;
	padding:8px 8px 0px 0px;
}
.top5{
	position:relative;
	color: #00CCFF; 
	text-decoration: none;
	font-weight: bold; 
	font-size: 11px; 
}
.top5:hover {
	text-decoration: underline;
}

.header1{
	position:relative;
	color: #00CCFF; 
	font-weight: bold; 
	font-size: 13pt; 
}
.code1{
	font-size: 9pt; 
	color:#008800;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif; 
	background-color: #EEFFEE; 
}



.tag0,.tag1,.tag2,.tag3 , .tag4 , .tagcommand{
	font-size: 9pt; 
	font-weight: bold;
	font-familiy: Verdana, Arial, sans-serif; 
	background-color: #EEFFEE; 
	color: #000088;
}
.tagcommand{
	color:#008888;
}
.tag1{padding-left:32px;}
.tag2{padding-left:64px;}
.tag3{padding-left:96px;}
.tag4{padding-left:128px;}

 .bmtext {FONT: 11px verdana,tahoma,arial; FONT-WEIGHT: bold; color: #000000;} 
 
A.boldlink:link {FONT: 11px verdana,tahoma,arial;  FONT-WEIGHT: bold; TEXT-DECORATION: none; color: #0000FF;}
A.boldlink:visited {FONT: 11px verdana,tahoma,arial;  FONT-WEIGHT: bold; TEXT-DECORATION: none; color: #0000CC;}
A.boldlink:hover {FONT: 11px verdana,tahoma,arial;  FONT-WEIGHT: bold; TEXT-DECORATION: underline; color: #000000;}
 .mtext {FONT: 11px verdana,tahoma,arial; color: #000000;}