styles.css

客户管理系统使用ASP.NET和Access

BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Tahoma, Arial; BACKGROUND-COLOR: #dbe3e7; TEXT-ALIGN: center
}
TABLE {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Tahoma, Arial
}
TD {
	WORD-BREAK: break-all
}
A {
	COLOR: #4f6371; TEXT-DECORATION: none
}
A:hover {
	COLOR: #63b4cd; TEXT-DECORATION: none
}
HR {
	BORDER-TOP: #63b4cd 1px solid; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0px
}
ACRONYM {
	CURSOR: help; BORDER-BOTTOM: #63b4cd 1px dotted; TEXT-DECORATION: none
}
FORM {
	DISPLAY: inline
}
INPUT {
	FONT-SIZE: 12px; FONT-FAMILY: Tahoma, Arial
}
INPUT.text {
	BORDER-RIGHT: #9bbbc8 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #9bbbc8 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #9bbbc8 1px solid; COLOR: #337099; PADDING-TOP: 1px; BORDER-BOTTOM: #9bbbc8 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #fbfcfd
}
INPUT.button {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #9ec4d5 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 3px; BORDER-LEFT: #9ec4d5 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #3f6271
}
TEXTAREA {
	BORDER-RIGHT: #9bbbc8 1px solid; BORDER-TOP: #9bbbc8 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #9bbbc8 1px solid; WIDTH: 80%; COLOR: #337099; BORDER-BOTTOM: #9bbbc8 1px solid; FONT-FAMILY: Tahoma, Arial; BACKGROUND-COLOR: #fbfcfd
}
SELECT {
	BORDER-RIGHT: #9bbbc8 1px solid; BORDER-TOP: #9bbbc8 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #9bbbc8 1px solid; COLOR: #337099; BORDER-BOTTOM: #9bbbc8 1px solid; FONT-FAMILY: Tahoma, Arial; BACKGROUND-COLOR: #fbfcfd
}
#wrapper {
	MARGIN: 0px; WIDTH: 100%; TEXT-ALIGN: left
}
#innerWrapper {
	MARGIN: 0px; WIDTH: 100%
}
#header {
	BACKGROUND:  url("logo.jpg") #4d8394 repeat-x; HEIGHT: 193px
}
#innerHeader {
	MARGIN: 0px; WIDTH: 100%; HEIGHT: 193px
}
#blogLog {
	
}
.blog-header {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
H1 {
	PADDING-RIGHT: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 24px; VISIBILITY: hidden; MARGIN-BOTTOM: 8px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 385px; COLOR: #444a06; PADDING-TOP: 0px
}
H1 A {
	COLOR: #444a06; TEXT-DECORATION: none
}
.blog-desc {
	MARGIN-TOP: 0px; VISIBILITY: hidden; MARGIN-LEFT: 400px; COLOR: #7aa228
}
.blogLogo {
	
}
#menu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 116px 0px 0px; PADDING-TOP: 0px; HEIGHT: 25px
}
#menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#menu LI {
	BORDER-RIGHT: #8c8c8c 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #c4c4c4 1px solid; PADDING-LEFT: 0px; BACKGROUND:  url("menu_a.gif") repeat-x; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #ebebeb 1px solid; WIDTH: 80px; PADDING-TOP: 0px; BORDER-BOTTOM: #8c8c8c 1px solid; LIST-STYLE-TYPE: none; HEIGHT: 23px; TEXT-ALIGN: center
}
#menu A {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #244b59; PADDING-TOP: 5px
}
#menu A:hover {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND:  url("menu_hover.gif") repeat-x; BORDER-LEFT: #fff 1px solid; COLOR: #244b59; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 16px
}
#mainWrapper {
	CLEAR: both; MARGIN-LEFT: 8px; MARGIN-RIGHT: 2px
}
UNKNOWN {
	MARGIN-TOP: 5px
}
.sidebar {
	PADDING-LEFT: 0px; FLOAT: left; MARGIN-LEFT: -3px; WIDTH: 185px; PADDING-TOP: 4px
}
.sidebar-hide {
	DISPLAY: none; FLOAT: left
}
#innerSidebar {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.content {
	FLOAT: right; MARGIN-LEFT: -240px; WIDTH: 100%
}
.content-wide {
	MARGIN-LEFT: -185px; WIDTH: auto
}
.content-only {
	MARGIN-LEFT: -1000px; WIDTH: 100%
}
#innerContent {
	MARGIN-TOP: 5px; MARGIN-LEFT: 185px; OVERFLOW: visible; MARGIN-RIGHT: 5px
}
.clear {
	CLEAR: both; BORDER-TOP: transparent 0px solid; MARGIN-TOP: 0px; VISIBILITY: hidden
}
.panel {
	BORDER-RIGHT: #bad1da 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #bad1da 1px solid; PADDING-LEFT: 0px; MARGIN-BOTTOM: 8px; PADDING-BOTTOM: 0px; BORDER-LEFT: #bad1da 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #bad1da 1px solid
}
.panel H5 {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND:  url("panel_header.gif") repeat-x; PADDING-BOTTOM: 4px; MARGIN: 0px; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #344e59; PADDING-TOP: 2px; BORDER-BOTTOM: #ffffff 1px solid; TEXT-ALIGN: left
}
.panel-content {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 0px solid; PADDING-LEFT: 5px; BACKGROUND:  url("bg.gif") #fbfcfd repeat-x; PADDING-BOTTOM: 3px; MARGIN: 0px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 170px; COLOR: #6d94a5; LINE-HEIGHT: 15px; PADDING-TOP: 3px; BORDER-BOTTOM: #ffffff 1px solid
}
.panel-content UL {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 0px; PADDING-TOP: 1px
}
.panel-content LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #6d94a5; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.panel-content LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND:  url("list.gif") no-repeat; PADDING-BOTTOM: 0px; TEXT-INDENT: 15px; PADDING-TOP: 0px
}
.panel-content UL UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.panel-content A:hover {
	
}
#loginForm {
	WIDTH: 95%
}
#calendar {
	BORDER-RIGHT: #6999a3 1px solid; BORDER-TOP: #6999a3 1px solid; MARGIN-TOP: 1px; BACKGROUND: #ffffff; BORDER-LEFT: #6999a3 1px solid; WIDTH: 98%; BORDER-BOTTOM: #6999a3 1px solid
}
#calendar A {
	COLOR: #ffffff
}
.calendar-top {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #7cb6c0; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-year {
	FONT-WEIGHT: bold; COLOR: #ffffff
}
.calendar-month {
	FONT-WEIGHT: bold; COLOR: #ffffff
}
.calendar-weekdays {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 12px; BACKGROUND: #d1e4e6; PADDING-BOTTOM: 2px; WIDTH: 14%; COLOR: #000000; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-weekday-cell {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #000000; PADDING-BOTTOM: 2px; WIDTH: 14%; COLOR: #fff; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-main {
	BACKGROUND: #ffffff
}
.calendar-day {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 14%; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-day-blank {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 14%; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-saturday {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 14%; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-sunday {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 14%; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-today {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 14%; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-saturday {
	COLOR: #000000
}
.calendar-sunday {
	COLOR: #000000
}
.calendar-saturday A {
	COLOR: #000000
}
.calendar-sunday A {
	COLOR: #000000
}
.calendar-saturday A {
	FONT-WEIGHT: bold; COLOR: #6d94a5; TEXT-DECORATION: underline
}
.calendar-sunday A {
	FONT-WEIGHT: bold; COLOR: #6d94a5; TEXT-DECORATION: underline
}
.calendar-today {
	FONT-WEIGHT: bold; BACKGROUND: #73a3ac; COLOR: #fff
}
.calendar-day {
	BACKGROUND: #daeced
}
.calendar-day A {
	FONT-WEIGHT: bold; COLOR: #7e9faf; TEXT-DECORATION: underline
}
.calendar-today A {
	FONT-WEIGHT: bold; COLOR: #fff; TEXT-DECORATION: underline
}
.calendar-today A:hover {
	BORDER-RIGHT: #568088 1px solid; BORDER-TOP: #568088 1px solid; BORDER-LEFT: #568088 1px solid; COLOR: #7e9faf; BORDER-BOTTOM: #568088 1px solid
}
.calendar-day A:hover {
	BORDER-RIGHT: #568088 1px solid; BORDER-TOP: #568088 1px solid; BORDER-LEFT: #568088 1px solid; COLOR: #7e9faf; BORDER-BOTTOM: #568088 1px solid
}
.calendar-saturday A:hover {
	BORDER-RIGHT: #568088 1px solid; BORDER-TOP: #568088 1px solid; BORDER-LEFT: #568088 1px solid; COLOR: #7e9faf; BORDER-BOTTOM: #568088 1px solid