index_layout1.css

gmaple软件下载系统1.0Beta 具有一下功能: 1.模板功能,前台的呈现更加灵活. 2.支持静态生成,可在动态与静态间随时切换. 3.在静态模式下,可自定义生成目录,生成方式灵活.

@charset "utf-8";
#recommend_down {
	float: left;
	width: 210px;
	clear: left;
	border: 1px #88D3E3 solid;
	margin: 5px 0 0 0;
}
#recommend_down dl {
	border-bottom:1px #88D3E3 dashed;
	float:left;
	width:100%;
	clear:both;
}
#recommend_down dt {
	float:left;
	margin:10px;
	display:inline;
}
#recommend_down dt img {
	padding:2px;
	border:1px #ccc solid;
}
#recommend_down dt a:hover img {
	border:1px #88D3E3 solid;
} 
#recommend_down dd {
	float:left;
	width:145px;
	height:66px;
	overflow:hidden;
}
.wrap h2 {
	height: 30px;
	line-height: 25px;
	font-size: 14px;
	padding-left: 8px;
	background: #E8FAFE;
	color: #007498;
	text-align: left;
	margin: 1px;
	border-bottom: 1px #D3E9ED solid;
}
.wrap h2 span a {
	float: right;
	font-weight: normal;
	margin-right: 5px;
	color: #007498;
}
#last_updated {
	float: right;
	width: 400px;
	margin: 5px 8px 0 8px;
	border: 1px #88D3E3 solid;
}
#last_updated ul, #hot_down ul, #recommend_down ul {
	margin: 5px 10px;
}
#last_updated .softblist li span {
	color: #999;
}
#last_updated .softblist li span.today {
	color: #FF0000;
}
#last_updated a.type, .index_downrank a.type {
	color: #999;
}
#last_updated a.type:hover, .index_downrank a.type:hover {
	color: #f60;
	text-decoration: underline;
}
#hot_down {
	float: right;
	width: 178px;
	margin: 5px 0 0 0;
	border: 1px #E8CA78 solid;
}
#hot_down h2, .index_downrank h2 {
	background: #FEF9EB;
	color: #8F5400;
	border-bottom: 1px #F9F0C0 solid;
}
#common_tools h2 {
	padding: 0;
	text-align: center;
}
/*bannerCSS*/
.banner {
	clear: both;
	width: 810px;
	float: left;
	text-align: center;
	background: #fff;
	margin: 8px 0 0 0;
	overflow: hidden;
}
.banner1 {
	clear: both;
	width: 810px;
	text-align: center;
	background: #fff;
	margin: 1px auto;
	overflow: hidden;
}
.banner2 {
	clear: both;
	width: 810px;
	text-align: center;
	background: #fff;
	margin: 3px auto;
	overflow: hidden;
}

#common_tools {
	border: 1px #88D3E3 solid;
	float: left;
	clear: both;
	margin-top: 8px;
	width: 808px;
}
#common_tools dl {
	margin: 1px;
	width: 113px;
	float: left;
	text-align: center;
	display: inline;
}
#common_tools dt {
	background: #C3E0F5;
	color: #333333;
	height: 22px;
	overflow: hidden;
	margin-bottom: 1px;
}
#common_tools dd a {
	background: #f5f5f5;
	color: #666;
	display: block;
	height: 22px;
	overflow: hidden;
}
#common_tools dd a:hover {
	background: #e5f0f8;
	color: #06c;
}
.index_downrank {
	float: left;
	border: 1px #E8CA78 solid;
	width: 200px;
	margin: 8px 0 0 0;
}
.index_downrank ul {
	margin: 5px 10px;
}
.index_softlist {
	float: left;
	margin: 8px 0 0 8px;
	width: 294px;
	border: 1px #88D3E3 solid;
}
.index_softlist ul {
	margin: 5px 10px;
}

#num_index,#friendlink {
	float:left;
	width:808px;
	clear:both;
	margin:8px 0 0 0;
	border:1px #E8CA78 solid;
	background:#f7f7f7;
}
#num_index dl {
	padding:5px 0;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#7E5D05;
}
#num_index dt,#num_index dd a {
	margin:0 10px;
	display:inline;
	background:url(../images/num_index_btnbg.png) repeat-x;
	height:20px;
	line-height:20px;
	border:1px #C59105 solid;
	float:left;
	padding:0 5px;
}
#num_index dd a {
	margin:0 4px;
	padding:0 3px;
	color:#7E5D05;
}
#num_index dd a:hover {
	color:#0A4F72;
	text-decoration:none;
	border:1px #0373AB solid;
	background:url(../images/num_index_btnbghover.png) repeat-x;
}

#friendlink {
	border:1px #88D3E3 solid;
	background:#fff;
	width:808px;
	padding-bottom:1px;
}
#friendlink ul {
	padding-left:1px;

	display:inline;
}
#friendlink li {
	margin: 1px;
	width: 113px;
	float: left;
	text-align: center;
	height:22px;
	overflow:hidden;
}
#friendlink li a {
	display:block;
	color: #666;
	width:100%;
	height:100%;
	background:#f5f5f5;
}
#friendlink li a:hover {
	background: #e5f0f8;
	color: #06c;
	text-decoration:none;
}



#nav {
	background:#E8F3F9;
	border:1px #88D3E3 solid;
	margin:2px 0 0 0;
	color:#007498;
}
#nav p {
	margin:2px;
	padding-left:10px;
	border:1px #D3E9ED solid;
	background:#fff;
	height:25px;
	line-height:25px;
	overflow:hidden;
}
#container {
	background:url(../images/container_bg.png) repeat-y;
	margin:5px 0 0 0;
}
#sidebar {
	float:left;
	width:202px;
}
#sidebar h2 {
	border-top:1px #E8CA78 solid; 
	margin:0 1px 1px 1px;
	background: #FEF9EB;
	color: #8F5400;
	border-bottom: 1px #F9F0C0 solid;
}
#sidebar ul {
	padding:5px;
}
#menunav li {
	margin-left:20px;
	float:left;
	display:inline;
	width:65px;
	height:25px;
	line-height:25px;
	overflow:hidden;
}
#menunav li a {
	padding-left:17px;
	background:url('../images/menuitem.gif') no-repeat left top;
	color:#8F5400;
	text-decoration:underline;
}
#menunav li a:hover {
	text-decoration:none;
	background:url('../images/menuitem_hover.gif') no-repeat left top;
}
#list_recommendation dl {
	margin:5px;
	float:left;
	width:182px;
	clear:both;
}
#list_recommendation dl dt {
	float:left;
	margin:5px;
	display:inline;
}
#list_recommendation dl dt a img {
	width:50px;
	padding:2px;
	border:1px #ccc solid;
	height:50px;
}
#list_recommendation dd {
	float:right;
	width:110px;
	height:66px;
	overflow:hidden;
}

#list_recommendation dd a  {
	color:#8F5400;
}
#content {
	float:right;
	width:600px;
}
#content .listitem,#soft_name,#soft_intro,#soft_down,#soft_remark,#soft_voice {
	border:1px #88D3E3 solid;
	border-bottom:0;
}
#soft_intro p img {
	max-width:590px;
	width:expression(document.body.clientWidth > 590? "590px": "auto" );
}
#Soft_Info img {
	max-width:590px;
	width:expression(document.body.clientWidth > 590? "590px": "auto" );
	max-height:400px;
}
#soft_name h2 span a {
	float:right;
	font-size:12px;
	font-weight:bold;
	margin-right:5px;
	display:inline;
}
#content h2 {
	margin:2px;
}
#content strong {
	color:#006633;
}
#content h3 {
	margin:8px;
	background:#FEF9EB;
	border:1px #F8DF9B solid;
	text-align:left;
	padding:0 10px;
	height:25px;
	line-height:25px;
	font:bold 12px/25px Verdana,Arial,sans-serif,"Times New Roman",;
}
#content dl {
	margin:8px 8px 0 8px;
	background:#f8f8f8;
	border:1px #eee solid;
}
#content dl:hover,#content dl.sfhover {
	background:#f8f8f8;
	border:1px #eee solid;
	margin:8px 8px 0 8px;
}
#content dt {
	padding-left:25px;
	background:url(../images/soft_name.gif) no-repeat left 2px;
	height:25px;
	line-height:25px;
	overflow:hidden;
}
#content dt a {
	text-decoration:underline;
	font-size:14px;
	font-weight:bold;
}
#content abbr {
	margin:0 8px;
	height:22px;
	font-style:normal;
	display:block;
	line-height:22px;
	overflow:hidden;
	text-align:left;
}
#content dt a:hover {
	text-decoration:none;
}
.remark,.remark a,#content .remark,#content dt .remark a {
	color:#8F5400;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}
#content dd {
	background:#F7F7F7;
	margin:5px 0 0 0;
	height:44px;
	white-space:normal;
	word-break:break-all;
	overflow:hidden;
	padding-left:25px;
	color:#888;
} 
.blank,.rblank {
	height:8px;
	overflow:hidden;
	background:#fff;
	width:100%;
	clear:both;
	border-top:1px #E8CA78 solid;
}
.rblank {
	border-top:1px #88D3E3 solid;
}
.pagenav {
	border:1px #88D3E3 solid;
	border-bottom:0;
	height:25px;
	line-height:25px;
	background:#f8f8f8;
	color:#007498;
	text-align:left;
	padding:0 10px;
}
.pagenav span {
	float:right;
}
.pagenav select {
	font-size:12px;
	position:relative;
	top:2px;
}
.line {
	height:1px;
	overflow:hidden;
	background:url('../images/container_border.png')
}


.soft_img {
	float:right;
	width:260px;
	text-align:left;
	margin:10px;
	display:inline;
}
.soft_img img {
	max-width:250px;
	width:expression(document.body.clientWidth > 250? "250px": "auto" );
	max-height:250px;
}
.soft_img a img {
	width:250px;
	height:190px;
	border:1px #ccc solid;
	padding:2px;
	margin-left:10px;
}
.soft_img a:hover img {
	border:1px #88D3E3 solid;
}
#soft_name h1 {
    font: bold 14px verdana;
	height: 25px;
	width: 598px;
	line-height: 25px;
	background: #E8FAFE;
	margin: 0 0 1px;
	border-bottom: 1px #D3E9ED solid;
}
#soft_name h1 label {
	font:bold 14px verdana;
	float:left;
	padding-left:8px;
	height:25px;
	line-height:25px;
	white-space:nowrap;
	overflow:hidden;
	color: #007498;
	text-align: left;
}
#soft_name ul {
	margin:5px 15px;
}
#soft_name li strong {
	color:#666;
}
#soft_name li {
	margin:5px;
	width:270px;
	overflow:hidden;
	white-space:nowrap;
}

#soft_name span#plugin,#soft_name li#check strong {
	font-weight:bold;
	color:#499400
}
#soft_intro p,#soft_intro div {
	padding:0 5px;
	word-break:break-all; 
	dispaly: block;
}
#soft_down ul {
	margin:5px;
}
#soft_down li {
	margin:5px;
	font-size:12px;
	font-weight:bold;
}
#soft_down li a {
	padding-left:20px;
	background:url(../images/soft_down.png) no-repeat left center;
}
#soft_remark ul {
	margin:5px;
}
p#voice_nav {
	background:#FCFFF6;
	border:1px #BFDB89 solid;
	padding:0 5px;
	margin:5px;
	height:30px;
	line-height:30px;
	text-align:left;
}
p#voice_nav span {
	float:left;
}
p#voice_nav input {
	float:right;
	font-size:12px;
	color:#3E5E8A;
	border:1px #476C9E solid;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	background:url(../images/voice_btn.png) repeat-x;
	position:relative;
	top:5px;
	
}
#voice_form,#commentlist {
	margin:5px;
	border:1px #88D3E3 solid;
	text-align:left;
}
#commentlist {
	margin:8px 0 0 0;
}
#voice_form h2 i,#commentlist h2 i {
	font-style:normal;
	font-size:11px;
	color:#038DDF;
}
#voice_form ul {
	margin:5px;
}
#voice_form li {
	margin:5px;
}
#voice_form li input {
	border:1px #BDE183 solid;
	height:18px;
	line-height:18px;
	font-size:12px;
	padding:0 3px;
}
#voice_form li textarea {
	width:98%;
	border:1px #BDE183 solid;
	line-height:18px;
	font-size:12px;
}
#voice_form li input.submit {
	width:auto;
	height:auto;
	border:0;
	padding:0;
}
.voice_list {
	margin:5px;
	padding:5px;
	background:#fcfcfc;
	border:1px #C9E8FA solid;
}
.voice_list h4 {
	font-weight:normal;
	text-align:left;
	font-size:12px;
}
.voice_list h4 label {
	float:right;
}

#index_soft,#soft_navpage,#index_class {
	border:1px #88D3E3 solid;
	margin:5px 0 0 0;
}
#index_soft h2 {
	text-align:center;
	margin:0;
	padding:0;
}
.name,.date,.level,.size,.popular {
	float:left;
	width:390px;
	height:22px;
	line-height:25px;
	overflow:hidden;
}
.name {
	margin:0 5px;
	display:inline;
}
.date,.level,.size,.popular {
	width:100px;
	text-align:center;
}
.level img {
	margin:4px auto;
	display:block;
}
#index_soft ul {
	margin:2px 0 0 0;
}
#index_soft li {
	height:27px;
	line-height:27px;
	border-bottom:1px #D3E9ED solid;
	margin-top:-2px;
}
#index_soft li:hover ,#index_soft li.sfhover {
	background: #E8FAFE;
}
#index_soft li a.softname {
	padding-left:5px;
}

#search_result label,#search_result a label {
	color:#f00;
	font-weight:bold;
}
#search_result dl {
	margin:15px 0;
}
#search_result dl:hover,#search_result dl.sfhover {
	background:#f8f8f8;
	border:1px #eee solid;
	border-width:1px 0;
	margin:14px 0;
}
#search_result dt {
	font-size:14px;
	font-weight:bold;
}
#search_result dd i.soft_date {
	font-size:10px;
	font-style:normal;
}
a.more,#search_result dd i.soft_date {
	color:green;
}

#regform {
	border:1px #88D3E3 solid;
	margin:8px 0 0 0;
}
#regform h2 {
	padding:0;
	text-align:center;
}
#regform p {
	margin:10px auto 0 auto;
	width:185px;
}
#regform p label {
	display:block;
}
#regform p input {
	height:25px;
	line-height:25px;
	background:#f7f7f7;
	border:2px #88D3E3 dashed;
}
#regform p input.infocus {
	border:2px #88D3E3 solid;
	background:#fff;
}
#regform p input.btn {
	font-size:12px;
	color:#3E5E8A;
	border:1px #476C9E solid;
	height:25px;
	line-height:25px;
	padding:0 15px;
	vertical-align:middle;
	background:url(../images/voice_btn.png) repeat-x;
	margin-bottom:20px;
}

#index_class li {
	margin: 1px;
	width: 113px;
	float: left;
	text-align: center;
	display: inline;
}
#index_class h2 {
	clear:both;
}
#index_class ul {
	float:left;
	margin-left:1px;
	display:inline;
}
#index_class li a {
	background: #f8f8f8;
	color: #666;
	display: block;
	height: 22px;
	overflow: hidden;
}
#index_class li a:hover {
	background: #e5f0f8;
	color: #06c;
}
#list_rank .softolist li {
	width:175px;
	height:22px;
	line-height:22px;
	overflow:hidden;
}
#soft_btn {
	height:25px;
	line-height:25px;
	font-size:14px;
	background:#fcfff6;
	border:1px #bfdb89 solid;
	clear:both;
	width:550px;
	margin:0 auto 10px auto;
}
#soft_btn li {
	float:left;
	width:19%;
	text-align:center;
	margin:0;
	padding:0;
	line-height:25px;
}
#soft_btn li a {
	font-weight:bold;
	color:#499400;
	text-decoration:none;
}