mainstyle.css

JAVA下拉菜单,在别人的基础上改进,并有完整例子

BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND:  #fff repeat-x; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 15px; FONT: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #666; PADDING-TOP: 0px
}
TD {
	FONT: 11px/15px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000
}
A:link {
	TEXT-DECORATION: none
}
A:visited {
	TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}
#search {
	WIDTH: 95%; TEXT-ALIGN: right
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#main {

	}
.clear {
	CLEAR: both
}
.divider {
	BACKGROUND: #70B0F8; MARGIN: 5px 0px; 
}
.divider2 {
	BACKGROUND: #666; MARGIN: 5px 0px; 
}
.divider3 {
	BACKGROUND: #70B0F8; MARGIN: 5px 0px; WIDTH: 837px;
}
#mainnav {
	MARGIN-BOTTOM: 0px; WIDTH: 830px
}
#indexnav {
	MARGIN-BOTTOM: 0px; WIDTH: 535px
}
#mainnav TD A:link {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #fff 1px solid; DISPLAY: block; PADDING-LEFT: 3px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; FONT: 10px Arial, Helvetica, sans-serif; BORDER-LEFT: #fff 1px solid; COLOR: #000; PADDING-TOP: 3px; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none
}
#indexnav TD A {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #fff 1px solid; DISPLAY: block; PADDING-LEFT: 3px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; FONT: 10px Arial, Helvetica, sans-serif; BORDER-LEFT: #fff 1px solid; COLOR: #000; PADDING-TOP: 3px; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none
}
#mainnav TD A:visited {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #fff 1px solid; DISPLAY: block; PADDING-LEFT: 3px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; FONT: 10px Arial, Helvetica, sans-serif; BORDER-LEFT: #fff 1px solid; COLOR: #000; PADDING-TOP: 3px; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none
}
#indexnav TD A:visited {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #fff 1px solid; DISPLAY: block; PADDING-LEFT: 3px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; FONT: 10px Arial, Helvetica, sans-serif; BORDER-LEFT: #fff 1px solid; COLOR: #000; PADDING-TOP: 3px; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none
}
#mainnav TD A:hover {
	BORDER-RIGHT: #666 1px solid; BORDER-TOP: #f5f5f1 1px solid; BACKGROUND: #DFEDFD; BORDER-LEFT: #f5f5f1 1px solid; BORDER-BOTTOM: #666 1px solid
}
#indexnav TD A:hover {
	BORDER-RIGHT: #666 1px solid; BORDER-TOP: #f5f5f1 1px solid; BACKGROUND: #f5f5f2; BORDER-LEFT: #f5f5f1 1px solid; BORDER-BOTTOM: #666 1px solid
}
#company {
	BACKGROUND: #fff; MARGIN: -5px 0px 0px 10px; WIDTH: 150px; POSITION: absolute
}
#indexftr {
	MARGIN-TOP: 15px; FONT-SIZE: 10px; WIDTH: 100%; TEXT-ALIGN: center
}
.navtitle {
	BORDER-RIGHT: #fc1921 5px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; FONT: bold 11px verdana; WIDTH: 32%; COLOR: #999; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.indexmenu {
	MARGIN-TOP: 10px
}
.indexmenu P {
	MARGIN: 4px auto; WIDTH: 225px; TEXT-ALIGN: left
}
.indexmenu P A:link {
	FONT: 12px verdana, Arial, Helvetica, sans-serif; COLOR: #000; TEXT-DECORATION: none
}
.indexmenu P A:visited {
	FONT: 12px verdana, Arial, Helvetica, sans-serif; COLOR: #000; TEXT-DECORATION: none
}
.indexmenu P A:hover {
	COLOR: #fc1921; TEXT-DECORATION: underline
}
.sectiontitle {
	BACKGROUND: #DFEDFD; PADDING-RIGHT: 10px; BORDER-TOP: #70B0F8 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; FONT: bold 11px verdana; WIDTH: 220px; COLOR: #0080FF; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.indexsectiontitle {
	BACKGROUND: #DFEDFD; BORDER-RIGHT: 3px ; BORDER-TOP: #70B0F8 1px solid; PADDING-LEFT: 28px; PADDING-BOTTOM: 3px; FONT: bold 11px verdana; WIDTH: 250px; COLOR: #0080FF; PADDING-TOP: 3px; TEXT-ALIGN: left
}
.altmenu {
	MARGIN-TOP: 10px ;PADDING-LEFT: 28px
}
.altmenu2 {
	MARGIN-TOP: 10px ;PADDING-LEFT: 0px
}

.altmenu P {
	MARGIN: 4px auto; WIDTH: 205px; TEXT-ALIGN: left
}
.altmenu P A:link {
	FONT: 11px verdana, Arial, Helvetica, sans-serif; COLOR: #000; TEXT-DECORATION: none
}
.altmenu P A:visited {
	FONT: 11px verdana, Arial, Helvetica, sans-serif; COLOR: #000; TEXT-DECORATION: none
}
.altmenu P A:hover {
	COLOR: #0080FF; TEXT-DECORATION: underline
}
.altmenu2 P {
	MARGIN: 4px auto; WIDTH: 205px; TEXT-ALIGN: left
}
.altmenu2 P A:link {
	FONT: 11px verdana, Arial, Helvetica, sans-serif; COLOR: #000; TEXT-DECORATION: none
}
.altmenu2 P A:visited {
	FONT: 11px verdana, Arial, Helvetica, sans-serif; COLOR: #000; TEXT-DECORATION: none
}
.altmenu2 P A:hover {
	COLOR: #0080FF; TEXT-DECORATION: underline
}
.dis {
	FONT: 11px Arial, Helvetica, Sans-Serif; COLOR: #fc1921
}
.menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.menu A:link {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ccc 0px solid; DISPLAY: block; PADDING-LEFT: 2px; BACKGROUND: #DFEDFD; PADDING-BOTTOM: 2px; FONT: 11px Arial, Helvetica, sans-serif; BORDER-LEFT: #ccc 1px solid; WIDTH: 190px; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
.menu A:visited {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ccc 0px solid; DISPLAY: block; PADDING-LEFT: 2px; BACKGROUND: #DFEDFD; PADDING-BOTTOM: 2px; FONT: 11px Arial, Helvetica, sans-serif; BORDER-LEFT: #ccc 1px solid; WIDTH: 190px; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
.menu A:hover {
	DISPLAY: block; BACKGROUND: #DFEDFD; COLOR: #0080FF
}
.quicklink {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #000 1px solid; DISPLAY: block; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 10px auto; BORDER-LEFT: #000 1px solid; WIDTH: 85%; COLOR: #999; PADDING-TOP: 7px; BORDER-BOTTOM: #000 1px solid
}
.quicklink2 {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #000 1px solid; DISPLAY: block; PADDING-LEFT: 7px; FONT-WEIGHT: bold; PADDING-BOTTOM: 7px; MARGIN: 10px 0px; BORDER-LEFT: #000 1px solid; WIDTH: 60%; PADDING-TOP: 7px; BORDER-BOTTOM: #000 1px solid
}
.quicklink3 {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #000 1px solid; DISPLAY: block; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 10px auto; BORDER-LEFT: #000 1px solid; WIDTH: 185px; COLOR: #666; PADDING-TOP: 7px; BORDER-BOTTOM: #000 1px solid
}
.tablequicklink {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; MARGIN: 10px 0px; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid
}
.press {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #000 1px solid; DISPLAY: block; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 10px 0px; BORDER-LEFT: #000 1px solid; WIDTH: 383px; PADDING-TOP: 3px; BORDER-BOTTOM: #000 1px solid
}
.pressnarrow {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #000 1px solid; DISPLAY: block; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 10px; BORDER-LEFT: #000 1px solid; WIDTH: 191px; PADDING-TOP: 3px; BORDER-BOTTOM: #000 1px solid
}
.quicklink LEGEND {
	FONT: bold 10px Verdana, Ariel, Helvetica, sans-serif; COLOR: #fc1921
}
.press LEGEND {
	FONT: bold 10px Verdana, Ariel, Helvetica, sans-serif; COLOR: #fc1921
}
.quicklink3 LEGEND {
	FONT: bold 10px Verdana, Ariel, Helvetica, sans-serif; COLOR: #fc1921
}
.pressdiv {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #f5f5f1; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.pressdiv P {
	MARGIN: 8px 0px
}
.pressdiv A:link {
	FONT-SIZE: 10px; COLOR: #000; TEXT-DECORATION: none
}
.pressdiv A:visited {
	FONT-SIZE: 10px; COLOR: #000; TEXT-DECORATION: none
}
.pressdiv A:hover {
	TEXT-DECORATION: underline
}
.contentlink {
	BACKGROUND: url(/images/arrow2.gif) no-repeat; MARGIN: 5px 0px
}
.contentlink2 {
	BACKGROUND: url(/images/arrow2.gif) no-repeat; FLOAT: left; MARGIN: 5px 0px
}
.contentlink A:link {
	FONT: bold 11px Arial, Helvetica, sans-serif; MARGIN-LEFT: 15px; COLOR: #000; TEXT-DECORATION: none
}
.contentlink2 A:link {
	FONT: bold 11px Arial, Helvetica, sans-serif; MARGIN-LEFT: 15px; COLOR: #000; TEXT-DECORATION: none
}
.contentlink A:visited {
	FONT: bold 11px Arial, Helvetica, sans-serif; MARGIN-LEFT: 15px; COLOR: #000; TEXT-DECORATION: none
}
.contentlink2 A:visited {
	FONT: bold 11px Arial, Helvetica, sans-serif; MARGIN-LEFT: 15px; COLOR: #000; TEXT-DECORATION: none
}
.contentlink A:hover {
	COLOR: #ff0000; TEXT-DECORATION: underline
}
.contentlink2 A:hover {
	COLOR: #ff0000; TEXT-DECORATION: underline
}
#maintable {
	MARGIN-TOP: 20px; WIDTH: 860px
}
#indexmaintable {
	MARGIN-TOP: 20px; WIDTH: 660px
}
.leftcontent {
	WIDTH: 221px
}
.rightcontent {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-BOTTOM: 0px; WIDTH: 628px; PADDING-TOP: 0px
}
.rightcontent LI {
	MARGIN: 5px 0px
}
.middlecontent LI {
	MARGIN: 5px 0px
}
.middlecontent {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; WIDTH: 390px; PADDING-TOP: 0px
}
.beige {
	BACKGROUND: #f8f3e1
}
H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px;  
}
H3 {
	FONT: bold 13px Arial, Helvetica, sans-serif
}
H2 {
	MARGIN: 0px 0px 5px; FONT: 18px Arial, Helvetica, sans-serif; 
}
H4 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: #666; PADDING-BOTTOM: 3px; MARGIN: 20px 0px 0px; FONT: bold 13px Verdana, Arial, Helvetica, sans-serif; WIDTH: 100%; COLOR: #fff; PADDING-TOP: 3px
}
H5 {
	BORDER-RIGHT: #fc1921 5px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: #666; PADDING-BOTTOM: 3px; MARGIN: 10px 10px 0px; FONT: bold 11px Arial, Helvetica, sans-serif; COLOR: #fff; PADDING-TOP: 3px
}
H6 {
	BORDER-RIGHT: #fc1921 5px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: #666; PADDING-BOTTOM: 3px; MARGIN: 10px 0px; FONT: bold 11px Arial, Helvetica, sans-serif; COLOR: #fff; PADDING-TOP: 3px
}
.dottedline {
	BORDER-TOP: #666 2px dotted; MARGIN: 15px 0px 0px; WIDTH: 100%; HEIGHT: 2px
}
TH {
	BACKGROUND: #666; FONT: 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #fff; TEXT-ALIGN: left
}
TH A:link {
	FONT-WEIGHT: bold; COLOR: #fff; TEXT-DECORATION: none
}
TH A:visited {
	FONT-WEIGHT: bold; COLOR: #fff; TEXT-DECORATION: none
}
TH A:hover {
	TEXT-DECORATION: underline
}
.required {
	FONT: 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #fc1921
}
.smallgray {
	COLOR: #666; FONT-FAMILY: 10px Verdana, Arial, Helvetica, sans-serif
}
.bgcolor2 {
	BACKGROUND: #fff
}
.bgcolor3 {
	BACKGROUND: #f5f5f1
}
.stocktable {
	BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid
}
.redblock {
	WIDTH: 10px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #fc1921; BORDER-BOTTOM-STYLE: none
}