style.css

java的一个进度条程序

A:link {
	COLOR: #56b6e9
}
A:active {
	COLOR: #56b6e9
}
A:visited {
	COLOR: #56b6e9
}
A:hover {
	COLOR: #94d0f1
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(images/back.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: verdana,Arial,helvetica,sans-seriff; WORD-WRAP: break-word
}
.header {
	PADDING-LEFT: 264px; PADDING-TOP: 15px; BORDER-BOTTOM: #8b8d72 1px dotted; HEIGHT: 85px; BACKGROUND-COLOR: #ffffff
}
A.headermaintitle {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; TEXT-DECORATION: none
}
#leftcontent {
	BORDER-RIGHT: #8b8d72 1px dotted; BORDER-TOP: #8b8d72 8px solid; FONT-SIZE: 11px; LEFT: 20px; BORDER-LEFT: #8b8d72 1px dotted; WIDTH: 220px; BORDER-BOTTOM: #8b8d72 8px solid; FONT-FAMILY: Arial; POSITION: absolute; TOP: 20px; BACKGROUND-COLOR: #ffffff
}
#leftcontentcontainer {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
#centercontent {
	PADDING-RIGHT: 20px; PADDING-LEFT: 260px; PADDING-TOP: 25px
}
#mytopmenu {
	BORDER-RIGHT: #8b8d72 1px dotted; PADDING-RIGHT: 10px; BORDER-TOP: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 10px; FONT-SIZE: 11px; PADDING-BOTTOM: 8px; MARGIN-LEFT: 260px; BORDER-LEFT: #8b8d72 1px dotted; COLOR: #8b8d72; MARGIN-RIGHT: 20px; PADDING-TOP: 8px; BORDER-BOTTOM: #8b8d72 1px dotted; BACKGROUND-COLOR: white; TEXT-ALIGN: right
}
#rightcontent {
	RIGHT: 10px; BACKGROUND: #fff; WIDTH: 200px; POSITION: absolute; TOP: 70px
}
#mylinks {
	PADDING-RIGHT: 12px; PADDING-LEFT: 12px; FONT-SIZE: 11px; LEFT: 260px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; POSITION: absolute
}
.footer {
	PADDING-RIGHT: 12px; MARGIN-TOP: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 12px; MARGIN-LEFT: 260px; COLOR: #8b8d72; LINE-HEIGHT: 20px; MARGIN-RIGHT: 20px; PADDING-TOP: 12px; TEXT-ALIGN: center
}
.day {
	BORDER-RIGHT: #8b8d72 1px dotted; PADDING-RIGHT: 20px; BORDER-TOP: #8b8d72 1px dotted; PADDING-LEFT: 20px; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 20px; BORDER-LEFT: #8b8d72 1px dotted; COLOR: #7b7d62; PADDING-TOP: 20px; BORDER-BOTTOM: #8b8d72 1px dotted; BACKGROUND-COLOR: white
}
.dayTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; MARGIN-BOTTOM: 20px; TEXT-TRANSFORM: uppercase
}
.postSeparator {
	BORDER-TOP: #8b8d72 1px dotted; MARGIN-TOP: 20px; MARGIN-BOTTOM: 20px
}
.news {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; FONT-FAMILY: Verdana
}
.newsItem {
	MARGIN-TOP: 2px; MARGIN-BOTTOM: 20px
}
.blogstats {
	FONT-SIZE: 10px
}
.entrylist {
	BORDER-RIGHT: #8b8d72 1px dotted; PADDING-RIGHT: 20px; BORDER-TOP: #8b8d72 1px dotted; PADDING-LEFT: 20px; PADDING-BOTTOM: 8px; BORDER-LEFT: #8b8d72 1px dotted; COLOR: #7b7d62; PADDING-TOP: 20px; BORDER-BOTTOM: #8b8d72 1px dotted; BACKGROUND-COLOR: white
}
.entrylistTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: black; FONT-FAMILY: verdana
}
.entrylistDescription {
	MARGIN-BOTTOM: 20px
}
.entrylistItemTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; TEXT-DECORATION: none
}
.entrylistItemPostDesc {
	FONT-SIZE: 10px
}
.gallery {
	BORDER-RIGHT: #8b8d72 1px dotted; PADDING-RIGHT: 20px; BORDER-TOP: #8b8d72 1px dotted; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; BORDER-LEFT: #8b8d72 1px dotted; COLOR: #7b7d62; PADDING-TOP: 20px; BORDER-BOTTOM: #8b8d72 1px dotted; BACKGROUND-COLOR: white
}
.galleryTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: black; FONT-FAMILY: verdana
}
.galleryDescription {
	MARGIN-BOTTOM: 20px
}
.galleryThumbnail {
	PADDING-RIGHT: 20px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; PADDING-TOP: 20px
}
.post {
	BORDER-RIGHT: #8b8d72 1px dotted; PADDING-RIGHT: 20px; BORDER-TOP: #8b8d72 1px dotted; PADDING-LEFT: 20px; FONT-SIZE: 12px; PADDING-BOTTOM: 20px; BORDER-LEFT: #8b8d72 1px dotted; COLOR: #7b7d62; LINE-HEIGHT: 150%; PADDING-TOP: 20px; BORDER-BOTTOM: #8b8d72 1px dotted; BACKGROUND-COLOR: white
}
.postTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; MARGIN-BOTTOM: 10px
}
.postTitle2 {
	FONT-SIZE: 13px; TEXT-DECORATION: none
}
.postDesc {
	MARGIN-TOP: 10px; COLOR: #4b8d32
}
.contact {
	BORDER-RIGHT: #8b8d72 1px dotted; PADDING-RIGHT: 20px; BORDER-TOP: #8b8d72 1px dotted; PADDING-LEFT: 22px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 20px; BORDER-LEFT: #8b8d72 1px dotted; PADDING-TOP: 20px; BORDER-BOTTOM: #8b8d72 1px dotted; FONT-FAMILY: Verdana; BACKGROUND-COLOR: white
}
.comments {
	BORDER-RIGHT: #8b8d72 1px dotted; PADDING-RIGHT: 20px; BORDER-TOP: 0px; PADDING-LEFT: 22px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 20px; BORDER-LEFT: #8b8d72 1px dotted; PADDING-TOP: 0px; BORDER-BOTTOM: #8b8d72 1px dotted; FONT-FAMILY: Verdana; BACKGROUND-COLOR: white
}
.commentsTable {
	MARGIN-TOP: 15px; FONT-SIZE: 11px; FONT-FAMILY: Verdana
}
.feedback {
	BORDER-RIGHT: #8b8d72 1px dotted; PADDING-RIGHT: 20px; BORDER-TOP: #8b8d72 1px dotted; MARGIN-TOP: 20px; PADDING-LEFT: 20px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 30px; BORDER-LEFT: #8b8d72 1px dotted; PADDING-TOP: 20px; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: white
}
.feedbackTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; FONT-FAMILY: Verdana
}
.feedbackItem {
	MARGIN-TOP: 20px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 150%
}
.feedbackNoItems {
	MARGIN-TOP: 20px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 150%
}
.feedbackList {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; LIST-STYLE-TYPE: none
}
.feedbackListTitle {
	PADDING-RIGHT: 5px; PADDING-LEFT: 7px; FONT-SIZE: 9px; PADDING-BOTTOM: 5px; TEXT-TRANSFORM: uppercase; COLOR: #8b8d72; PADDING-TOP: 5px; POSITION: absolute
}
.feedbackListSubtitle {
	BORDER-RIGHT: #8b8d72 1px dotted; PADDING-RIGHT: 7px; BORDER-TOP: #8b8d72 1px dotted; PADDING-LEFT: 5px; FONT-SIZE: 9px; MARGIN-BOTTOM: 8px; PADDING-BOTTOM: 5px; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #8b8d72 1px dotted; COLOR: #8b8d72; PADDING-TOP: 5px; BORDER-BOTTOM: #8b8d72 1px dotted; BACKGROUND-COLOR: #ebedf2; TEXT-ALIGN: right
}
.catListTitle {
	FONT-SIZE: 11px; MARGIN-BOTTOM: 2px; FONT-FAMILY: Verdana
}
H3 {
	FONT-SIZE: 11px; MARGIN-BOTTOM: 2px; FONT-FAMILY: Verdana
}
.catList {
	PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 20px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
catListItem {
	MARGIN-LEFT: 5px; TEXT-ALIGN: left
}
UL {
	PADDING-LEFT: 5px; FONT-SIZE: 11px; MARGIN: 0px 0px 10px 5px; LIST-STYLE-TYPE: none
}
.Cal {
	MARGIN-TOP: 10px; FONT-SIZE: 12px; MARGIN-BOTTOM: 10px; WIDTH: 200px; FONT-FAMILY: Arial; HEIGHT: 180px
}
.CalTitle {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial; HEIGHT: 100%; BACKGROUND-COLOR: #ffffff
}
.CalOtherMonthDay {
	COLOR: #808080
}
.CalSelector {
	BACKGROUND-COLOR: #cccccc
}
A.CalNextPrev {
	COLOR: #fff
}
A.CalNextPrev:link {
	COLOR: #fff
}
A.CalNextPrev:visited {
	COLOR: #fff
}
A.CalNextPrev:active {
	COLOR: #fff
}
.CalNextPrev {
	COLOR: #fff
}
.CalDayHeader {
	FONT-WEIGHT: bold; BACKGROUND-COLOR: #efefef
}
.CalSelectedDay {
	BACKGROUND-COLOR: #cccccc
}
.CalWeekendDay {
	BACKGROUND-COLOR: #efefef
}
.CalTodayDay {
	BACKGROUND-COLOR: #dddddd
}