index.css

Enterprise Template for BizIdea 2.0, with full pictures and aspx files.

/*body{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}*/

.search{
    margin:0px;
}

.line_tr{
    border-left:1px solid #fff;
	border-right:1px solid #fff;
	background:url(image/line.gif) repeat-x;
	height:23px;
	overflow:hidden;
}

.left{
    width:472px;
	float:left;
}
    .left .boxpadding{
        margin-bottom:0px;
		padding:8px;
    }

.boxps,.boxvisit{
    border:1px solid #fff;
	background:#fff;
	overflow:hidden;
}
.boxps{
	height:283px;
}
.boxvisit{
	height:180px;
}
    .menu_visit{
	    width:100%;
		margin-bottom:4px;
	}
    .boxps .h2 div{
	    background:url(image/menu_bg_hover_1.gif) no-repeat;
	}
    .boxvisit .h2 div{
	    background:url(image/menu_bg_hover.gif) no-repeat;
	}
    .boxps .boxps_td{
	    width:100%;
		clear:both;
		background:#f8f8f8;
		padding-top:5px;
	}
	.boxps .boxps_left{
	    width:178px;
		float:left;
	}
	    .boxps .boxps_left li,.menu_visit li{
		    width:80px;
			height:25px;
			line-height:25px;
            background:#f8f8f8;
			border-width:1px;
			border-color:#fff #ccc #ccc #fff;
			border-style:solid;
			float:left;
			margin-left:5px;
			display:inline;
			margin-bottom:4px;
			text-align:center;
			onmouseover:expression(onmouseover=function(){this.style.background='#666';});
            onmouseout: expression(onmouseout =function(){this.style.background='#f8f8f8';});
		}
		.boxps .boxps_left li a:hover,.menu_visit li a:hover{
		    color:#fff;
		}
	.boxps .list{
	    float:left;
		width:285px;
		overflow:hidden;
		margin-bottom:0px;
		background:none;
	}
	    .boxps .list li{
		    border-color:#ddd;
			line-height:23px;
			height:23px;
		}
		
		
.left_thumb{
    border-left:1px solid #fff;
	border-right:1px solid #fff;
	height:188px;
	overflow:hidden;
	background:#f8f8f8;
}
    .left_thumb li{
	    width:220px;
		height:50px;
		overflow:hidden;
		margin-left:10px;
		display:inline;
		float:left;
		margin-bottom:10px;
	}		
	.left_thumb img{
	    width:220px;
		height:50px;
		display:block;
	}
/*左图片右列表*/	
.thumb_art{
    width:96%;
    height:110px;
    overflow:hidden;
    clear:both;
    background:#f8f8f8;
    margin:0px auto;
	border-width:1px;
	border-color:#fff #ccc #ccc #fff;
	border-style:solid;
	margin-bottom:5px;
	padding-right:5px;
}
	.thumb_art img{
        width:130px;
		height:100px;
		display:block;
		overflow:hidden;
		float:left;
		padding:5px;
	}
	.thumb_art p{
		height:30px;
		line-height:30px;
		font-size:15pt;
		font-family:"黑体";
		border-bottom:1px solid #ddd;
		margin-bottom:5px;
			
	}
		.thumb_art p span{
			font-weight:normal;
			float:right;
			margin-top:-30px;
			color:#9c8b88;
		}
	.thumb_art em{
		line-height:20px;
		text-indent:20px;
		color:#888;
	}
	
.menu{
    background:url(image/menu_line.gif) repeat-x;
	border:1px solid #fff;
	border-bottom:none;
	text-indent:10px;
	height:28px;
	line-height:28px;
}
    .menu span{
	    font-weight:bold;
		color:#fff;
	}


.tab_3{
	background:url(image/title_bg.gif) repeat-x #fff top;
	clear:both;
	height:31px;
	overflow:hidden;
}
.tab_3 .tab_on,.tab_3 .tab_off{
	text-align:center;
	font-weight:bold;
	width:80px;
	line-height:28px;
	height:31px;
	float:left;
	cursor:pointer;
}
.tab_3 .tab_on{
    background:url(image/menu_over.gif) no-repeat right top;
}
.tab_3 .tab_off{
    background:url(image/menu_bg_link.gif) no-repeat right top;
}
.tab_3 p{
    float:right;
	line-height:28px;
	padding-right:5px;
}

.right{
    width:500px;
	float:right;
}
    .right .boxborder{
	    padding-bottom:10px;
	}

/*FriendLink*/
#link{
    background:#f8f8f8;
	padding:5px;
}
/*Digg List*/
.digg{
    background:url(image/title_bg.gif) repeat-x bottom #fff;
	padding:5px 0px;
}
.digg_list{
    width:98%;
	border-bottom:1px dashed #eee;
    height:48px;
	margin:0px auto;
	margin-bottom:5px;
	overflow:hidden;
}
    .digg_list div{
        float:left;
		width:47px;
		height:48px;
		background:url(image/digg.gif) no-repeat;
		overflow:hidden;
		margin-left:5px;
    }
	    .digg_list div p{
		    text-align:center;
			clear:both;
			height:20px;
			line-height:20px;
		}
		.digg_list div span{
		    text-align:center;
			clear:both;
		    margin:0px auto;
			height:20px;
			line-height:20px;
		}
	.digg_list ul{
	    float:left;
		padding-left:10px;
	}
	    .digg_list ul li{
		    height:22px;
			line-height:22px;
		}
		.digg_list ul span{color:red;}
/*Index Class*/
.index_class{
    background:url(image/title_bg.gif) repeat-x #fff bottom;
	padding:0px 5px;
	clear:both;
}
    .index_class dl{
	    width:100%;
		height1:85px;
		overflow:hidden;
		margin-bottom:5px;
	}
	.index_class dt{
	    width:100%;
		height:35px;
		line-height:35px;
		font-size:15pt;
		font-family:黑体;
		border-bottom:1px dashed #ccc;
	}
	.index_class dd{
	    line-height:20px;
		text-indent:30px;
		color:#999;
		padding:5px 0px;
		border-bottom:1px solid #999;
	}
	    .index_class p a{color:#666;}
	.index_class .thumb{
	    float:left;
		width:130px;
		overflow:hidden;
	}
	    .index_class .thumb li{
		    width:130px;
			line-height:20px;
			text-align:center;
		}
	    .index_class .thumb li img{
               width:130px;
               height:100px;
               display:block;
           }
	.index_class .list{
	    float:left;
		width:338px;
		overflow:hidden;
		margin-bottom:0px;
		background:none;
	}
/*FriendLink*/
.link{
    width:100%;
	padding-top:5px;
	clear:both;
}
    .link li{
		float:left;
		margin-left:5px;
		display:inline;
		word-break:keep-all;
	}
	    .link li.link_img{
		    width:88px;
			height:31px;
			overflow:hidden;
			margin-bottom:5px;
		}
		.link li img{display:block;}
		.link li.link_art{
		    width:auto;
			line-height:22px;
		}
/*BoxThumb*/
.boxthumb{
    background:#f8f8f8;
    border:1px solid #fff;
	border-bottom:0px;
}
.boxthumb li{
    width:132px;
    line-height:20px;
	height:122px;
    overflow:hidden;
    float:left;
    text-align:center;
    margin-left:7px;
    display:inline;
}
.boxthumb li img{
    width:130px;
    height:100px;
    display:block;
    border:1px solid #fff;
}
    .boxthumb .boxnav{
	   text-index:0px;
	}
	
.left .boxthumb li{
    margin-left:18px;
}

#Slide{
    border:1px solid #fff;
	overflow:hidden;
	clear:both;
	height:335px;
	width:450px;
	margin-bottom:6px;	
}
.SlideMainRoll {
	filter: revealTrans(duration=1,transition=12);
	cursor: pointer;
}
#SlideMain{
	width:450px;
	height:335px;
	overflow:hidden;
}
    #SlideMain img{
	    width:450px;
		height:335px;
		display:block;
	}
#SlideMenu {
	position:absolute;
	margin-top:-325px;
	margin-left:355px;
	display:inline;
	width:60px;
	height:60px;
}
#SlideMenu ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#SlideMenu ul li {
	margin:5px;
	width:76px;
	height:57px;
	overflow:hidden;
	background:none;
}
#SlideMenu ul li img {
	width:74px;
	height:55px;
	overflow:hidden;
	border:1px solid #ddd;
}
.SlideMenuOver {
	filter:alpha(opacity=100);
	-moz-opacity:1;
}
.SlideMenuOut {
	filter:alpha(opacity=50);
	-moz-opacity:0.6;
}	

.img,.art{
	margin:0px auto;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	text-align:center;
	background:#fff;
}
.img{
	height:60px;
}
.art{
    height:15px;
	padding:10px 0px;
}