lightusercenter.css

网上商店 使用jsp开发网上商店系统 4.1环境准备 为了利用JSP技术,首先需要建立环境。

@charset "gb2312";
/* CSS Document */
#sideMenu {
	float: left;
	width: 178px;
	border: 1px dashed #999;
	background: #f8f8f8;
	padding: 12px;
}
#sideMenu ul {
	list-style: none;
	margin-left: 10px;
	padding-left: 5px;
}
#sideMenu ul li {
	font-weight: bold;
	color: #666666;
	line-height: 40px;
}
#sideMenu li ul {
	margin: 0px;
	padding-left: 15px;
}
#sideMenu ul li ul li {
	font-size: small;
	line-height: 16px;
	font-weight: normal;
	list-style: square;
}

/*购物车表格*/
/*
*chart表格样式*/
table#cartList{
	font-size:1em;
	
		text-align:center;
		line-height:200%;
	/*table-layout:fixed;*/
	border-collapse:collapse;
	/*border-spacing : 0;*/
	/*border:1px solid #2A4DAB;*/
	border-top:2px solid #d0d0d0;
	
}
/*====================
* thead 
*/
	table#cartList thead{}
	table#cartList thead tr{}
	table#cartList thead tr th{
	color:#0052B4;
	border-left:1px solid #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	background: #e3e3e3;
	text-align: center;
	height: 21px;
	vertical-align: middle;
	line-height: 21px;
	}
	table#cartList thead tr th:first-child
	{
		border-left:none;
	}
/*
*tbody 
*/
table.data_grid tbody{ }
table#cartList tbody tr:first-child td{
}
table#cartList tbody tr td:first-child{
	border-left:none;
}
table#cartList tbody td{
	color:#666666;
}
table#cartList tbody tr:nth-child(even)
{
	background-color:#F6F9FE;
}
table#cartList tr.odd {
	background-color:white;
}
table#cartList tr.even {
 	background-color:#F6F9FE;
}
table#cartList tbody tr:hover{
	background-color:#f0f0f0;
}
table#cartList tr.select{
	background-color:#E1E1E1;
}
table#cartList tr.select:hover{
	background-color:#DFDFDF;
}

/*
*tfoot section
*/
table#cartList tfoot tr td
{
	border-bottom:1px solid #d0d0d0;
	color:#666;
	background-color:#f1f1f1;
}


















#contentWrap{
	margin-top:15px;
}
#contentWrap .sideContent {
	float: left;
	width: 178px;
	border: 1px dashed #999;
	background: #f8f8f8;
	padding: 12px;
}
#contentWrap .sideContent .help {
	text-indent: 24px;
	line-height: 22px;
	background: url(../imgs/tip.png) no-repeat 4px 5px;
	color: #666;
	margin-bottom: 40px;
}
input[type="text"]{
border-width:1px;
border-style:solid;
border-color:#333 #ccc #ccc #333;
}
input.username ,input.password
{
width:100px;
}
input.checkCode{width:50px;}
#contentWrap .sideContent #form2 fieldset {
	border: none;
	border-top: 1px solid #000000;
}
#contentWrap .sideContent #form2 legend {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}
#contentWrap .sideContent #form2 th {
	font-weight: normal;
	color: #666666;
	text-align: left;
	height: 27px;
	line-height: 27px;
}
#contentWrap .sideContent form input.login
,#contentWrap .sideContent form input.register {
	width:75px;
	height:20px;
	color:#007BBB;
}
#contentWrap .sideContent #login {
	background: url(../imgs/button.png) no-repeat 0px 0px;
	border: none;
}
#contentWrap .sideContent  #regsiter {
	background: url(../imgs/button.png) 0px -21px;
	border: none;
}
#contentWrap #form3 {
}
#contentWrap #orderSearchForm {
	float: left;
	margin:0px;
	padding:0;
	margin-left: 40px;
	width: auto;
}
#contentWrap #orderSearchForm .title {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #999999;
	width: auto;
}
#contentWrap #orderSearchForm th {
	font-size: 15px;
	font-weight: lighter;
	text-align: center;
}
#orderNo,#orderUser{
border-width:2px;
width:149px;
height:24px;
}
#contentWrap #orderSearchForm #serachNow {
	background: url(../imgs/button.png) no-repeat 0px -42px;
	height: 32px;
	width: 147px;
	border-style: none;
	font-weight: bold;
	color: #FFFFFF;
}