style.css

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

@charset "utf-8";
/*   
Theme Name: 淘宝商城
Theme URI: http://mall.taobao.com/
Description: 淘宝商城专用WP主题
Author: [e-mail]
Author URI: http://www.sharkui.com
Version: alpha
*/

strong{
	font-weight:bold;
}


table.help-list{
	width:740px;
}

th{
	border-bottom:1px solid #DED4BB;
	border-top:2px solid #BEA97C;
	height:18px;
}
td{
	height:30px;
}

.pagination{
	margin:10px;
	height:50px;
}



/*Post*/
.post-title{
	font-size:20px;
	margin:0 10px 30px 0;
	height:50px;
	line-height:50px;
	text-align:center;
	border-bottom:2px solid #AA966B;
}

.post-content{
	margin:10px 0 0 10px;
	width:720px;
	overflow:hidden;
	word-break:break-all;
}

.post-content,
.post-content p{
	color:#111;
	line-height:1.6em;
	font-size:14px;
}

.post-content img{
	border:2px solid #EAE4D7;
	padding:3px;
	margin:20px 0;
}

.post-content h2{
	border:none;
	font-size:18px;
	margin:30px 0 20px 0;
}

.post-content h3{
	border:none;
	font-size:15px;
	margin:15px 0 15px 0;
}

.related-posts h3,
.post-comments h3{
	border:none;
	font-size:12px;
	margin:80px 10px 5px 0;
}
.post-comments h3{
	margin-top:30px;
}
.post-comments fieldset{
	margin:0 10px 10px;
}
.related-posts li{
	margin:0pt 0pt 8px;
	display:block;
	line-height:20px;
	padding:0pt 0pt 0pt 23px;
	background:transparent url(../img/free-edit-icon.gif) no-repeat 6px -15px;	
}

ol.commentlist{
	margin:10px 0 0 10px;
}
ol.commentlist li{
	margin:10px 0;
}
ol.commentlist span{
	font:normal 10px arial;
}
ol.commentlist p{
	font-weight:bold;
	margin:0;
	padding:0;
}
ol.commentlist .commnet-content{
	border-left:3px solid #EAE4D7;
	margin:5px 5px 20px;
	padding-left:10px;
	line-height:1.6em;
}
ol.commentlist .commnet-content p{
	font-weight:normal;
}




/*Sidebar*/
.widget{
	zoom:1;
}
.widgets h2{
	border-bottom:1px solid #E4E4E4;
	font-size:12px !important;
	height:17px;
	padding:1px 0pt 2px 7px;
	margin:30px 0 10px;
}

.widget_categories h2{
	display:none;
}
.widget_categories p{
	margin:2em 0;
}
.widget_categories ul li{
	margin:0pt 0pt 4px;
	padding:0pt 0pt 0pt 15px;
	display:block;
	line-height:24px;
	background:transparent url(../img/category.gif) no-repeat 6px -27px;
}
.widget_categories ul li a{
	font-weight:bold;
}
.widget_categories ul li a:hover{
	text-decoration:underline;
}
.widget_categories ul li li{
	line-height:20px;
	background:transparent url(../img/category.gif) no-repeat 6px 9px;
}
.widget_categories ul li li a{
	font-weight:normal;
}



.widget_pages li{
	margin:0pt 0pt 8px;
	padding:0pt 0pt 0pt 23px;
	display:block;
	line-height:20px;
	background:transparent url(../img/free-edit-icon.gif) no-repeat 6px -15px;
}


.sidebar-search{
	margin:10px 0 10px 10px;
}
.sidebar-search input{
	width:120px;
	margin:0 2px 0 0;
}
.sidebar-search button{
	width:40px;
	padding:0;
}

.body-skin .grid-column{
	background:url(../img/help_bg.png) no-repeat; 
	padding-top:125px;
}

.body-skin .main .grid-column{background:none; padding-top:10px;}

.widgets h2{margin-top:10px;}

.widgets .widget_pages{margin-bottom:30px;}