style.css

电子商务---产品发布系统 采用PHP+MYSQL+APACHE的环境,非常方便的一个小系统,可以嵌入其他系统内使用

@charset "gb2312";
body {
   background-color: White;
   padding: 0px;
   margin: 0px;
   font-size: 12px;
   text-align: left;
   color: #333333;
   font-family: 宋体;
}

#topnav {
   background: url(../images/topnav-bg.gif) repeat-x;
   height: 64px;
   clear: both;
}

#topnav h3 {
   background: url(../images/topnav-logo.gif) no-repeat;
   width: 220px;
   margin: 0px;
   padding: 46px 20px 0px 0px;
   font-size: 12px;
   text-align: right;
   color: #ADB662;
   float: left;
}

#topnav_menu {
   font-size: 14px;
   font-weight: bold;
   color: White;
   padding-top: 15px;
}

#topnav a {
   color: White;
   text-decoration: none;
}

#topnav a:hover {
   text-decoration: underline;
}

#sidebar {
   width: 140px;
   margin: 0px;
   padding: 10px;
   text-align: left;
}

#sidebar h3 {
   margin: 0px;
   padding: 4px 2px 2px 4px;
   font-size: 12px;
   font-weight: bold;
   color: White;
   background-color: #8FAEBE;
}

#sidebar ul {
   margin: 0px;
   padding: 1px;
   list-style-type: none;
   background-color: #8FAEBE;
}

#sidebar li {
   margin: 0px;
   padding: 2px 2px 2px 8px;
   background-color: White;
   border-bottom: 1px solid #8FAEBE;
}

#sidebar li.selected {
   font-weight: bold;
}

#sidebar li a {
   color: #3F658C;
   text-decoration: none;
}

#sidebar h3 a {
   color: White;
   text-decoration: none;
}

#sidebar a:hover {
   text-decoration: underline;
}

#copyright {
   clear: both;
	background: #FFFFFF;
	font-size: 12px;
	color: #666666;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	margin: 50px 0px 0px 0px;
	padding-left: 30px;
}

#content {
   margin: 2px 10px 10px 10px;
   padding: 0px;
   font-size: 12px;
   text-align: left;
   color: Black;
   width: 95%;
}

#content h3 {
   font-size: 16px;
   font-weight: bold;
   color: #006600;
   padding: 8px 0px 8px 0px;
   margin: 0px;
}

table.data th {
   color: #FFFFFF;
   font-weight: bold;
   font-size: 12px;
   border-right: 1px solid #EEEEEE;
   border-left: 1px solid #EEEEEE;
   padding: 4px;
   margin: 0px 0px 8px 0px;
   background-color: #333333;
}

table.data td {
   padding: 2px 4px 2px 4px;
   font-size: 12px;
   color: Black;
   border-bottom: 1px solid #CCCCCC;
   border-right: 1px dotted #FFFFFF;
   border-left: 1px dotted #FFFFFF;
}

#content table.form {
   border-top: 1px solid #cccccc;
   border-left: 1px solid #cccccc;
   border-right: 1px solid #666666;
   border-bottom: 1px solid #666666;
   background-color: #eeeeee;
}

#content table.form td {
   padding: 2px 2px 2px 8px;
   font-size: 12px;
   color: Black;
   border-bottom: 1px solid #eeeeee;
}

#content a {
   font-weight: bold;
   color: #003399;
   text-decoration: none;
}

#content a:hover {
   text-decoration: underline;
}

.location {
   padding: 4px;
   border: 1px solid #8FAEBE;
   font-size: 14px;
   font-weight: bold;
   font-family: "Courier New", Courier, monospace;
   margin: 0px 0px 10px 0px;
   color:#FFFFFF;
}

#action-bar {
   padding: 8px;
   margin: 10px;
}

#page-nav {
   margin: 10px;
   padding: 8px;
   font-size: 12px;
   color: #333333;
}

.odd {
   background-color: #EEDDEE;
}

.even {
   background-color: #EEEEDD;
}

.row_over {
   background-color: #FF9900;
}

.left {
   float: left;
}

.right {
   float: right;
}

.bold-link {
   font-weight: bold;
   font-size: 12px;
   color: #3F658C;
}

.label {
   font-weight: bold;
   font-size: 14px;
   color: #93B06B;
   margin: 0px 0px 16px 0px;
}

.note {
   font-size: 12px;
   color: #336633;
}

.photo {
   float: left;
   border: 1px solid #666666;
   padding: 3px;
   margin: 0px 10px 15px 0px;
   text-align: center;
}

.photo_selected {
   background-color: #6699FF;
}

.nofloat {
   float: none;
   clear: both;
}

.red {
	color: red;
}

input {
   font-size: 12px;
}

textarea {
   font-size: 12px;
}

.split_line {
	border-bottom: 1px dotted #0000FF;
}

a:link {
	color: #3F658C;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #3F658C;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.style1 {color: #ffffff}