style.css

WEB2.0圈子交友平台,以用户影音创意和分享为主导, 为用户提供:圈子,个人空间,博客,话题,相册,分类信息,短信,交友等免费服务,致力打造中国第一套 WEB2.0交友系统开源网站.

/* Taojin2008.com CSS Document */
/*----------------------------body------------------------------*/
html ,body {
    padding:0;
	margin:0;
	text-align: left;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	background:#000 url(bg.gif) repeat-x top;/*??*/
	line-height:22px;
	height: 100%;

}
a{
   color:#0772b8;
   font-family:Arial, Helvetica, sans-serif;
   text-decoration:none;
}
a:hover{
   color:#000;
   text-decoration:underline;
}
form{
    padding: 0;
    margin: 0;
}
input,select,textarea{
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
img{
    vertical-align:middle;
}
.hr{
	height:1px;
	border-top:1px solid #dce7f3;
	margin:10px 15px;
	font-size:0px;
	line-height:0px;
	clear:both;
}


/*----------------------------h------------------------------*/
h1{
	font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:10px;
}

h2{
	background:#31a5e3 url(h2-bg.gif) repeat-x top;
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	line-height:28px;
	border:1px solid #a8bdd7;
	border-bottom:0;
	padding-left:15px;
	margin:0;
	color:#fff;
}
h2 span{
	font-size:12px;
	line-height:25px;
	font-weight:normal;
}
h2 a{
	color:#fff;
}
h3{
	font:bold 16px Tahoma, Arial, Helvetica, sans-serif;
	line-height:40px;
	border-bottom:2px solid #a8bdd7;
	padding-left:15px;
	margin:0 0 20px 0;
}



/*----------------------------wrap------------------------------*/
#wrap{
	 margin:15px auto;
	 width:960px;
	 background:#E87520;
}
#wrap-top{
	background:url(wrap-top-l.gif) no-repeat left top;
	height:15px;
	line-height:0;
	font-size:0;
}
#wrap-top div{
	background:url(wrap-top-r.gif) no-repeat right top;
	height:15px;
	line-height:0;
	font-size:0;
}
#wrap-bot{
	background:url(wrap-bot-l.gif) no-repeat left top;
	height:15px;
	line-height:0;
	font-size:0;
}
#wrap-bot div{
	background:url(wrap-bot-r.gif) no-repeat right top;
	height:15px;
	line-height:0;
	font-size:0;
}
#wrap2{
     width:980px;
	 margin:auto;
}
#wrap3{
    overflow:auto;
	clear:both;
}

/*----------------------------top------------------------------*/
#top{
	height:128px;
	background:url(top-bg.gif) repeat-x top;
	margin-bottom:10px;
	position:relative;
}
#logo{
	background:url(logo.gif) no-repeat left bottom;
	height:73px;
}
#top-menu{
	background:url(top-menu-bg.gif) repeat-x center top;
	height:40px;
	margin:0 10px;
	color:#fff;
}
#top-menu-c{
	text-align:right;
	line-height:40px;
}
#top-menu-c a{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	height:40px;
	line-height:40px;
	width:80px;
	display:block;
	float:left;
}
#top-menu-c a:hover{
	background:url(top-menu-hover-bg.gif) repeat-x center top;
	color:#000;
	text-decoration:none;
}
#top-menu-c a.big{
	width:90px;
}
#top-menu-c a:hover.big{
	background:url(top-menu-hover-bg1.gif) repeat-x center top;
}
#top-menu-c a.topselectTag{
    color:#000;
	background:url(top-menu-hover-bg.gif) repeat-x center top;
}
#top-menu-c a.topselectTag1{
	width:90px;
    color:#000;
	background:url(top-menu-hover-bg1.gif) repeat-x center top;
}
#top-menu-c a.topselectTag1:hover{
	background:url(top-menu-hover-bg1.gif) repeat-x center top;
}



#top-menu-c strong{
	color:#efd14a;
}
#top-menu-l{
	background:url(top-menu-l.gif) no-repeat left top;
	width:18px;
	height:40px;
}
#top-menu-r{
	background:url(top-menu-r.gif) no-repeat right top;
	width:18px;
	height:40px;
}
#top-info{
	padding-left:20px;
	line-height:30px;
	margin-right:15px;
	float:right;
	color:#fff;
	text-align:right;
}
#top-info a{
	color:#fff;
}
#top-new{
	position:absolute;
	top:58px;
	left:300px;
	width:50px;
	height:40px;
}



/*----------------------------nav------------------------------*/
.nav{
	line-height:15px;
	padding-left:15px;
	margin-bottom:10px;
}
.nav2{
	line-height:30px;
	height:30px;
	padding-left:10px;
	border-bottom:1px solid #dfdfdf;
}

/*----------------------------main------------------------------*/
#flashcontent{
	text-align:center;
}
.main{
	margin:0 10px;
}
.main-box-1{
	float:right;
	width:250px;
	background:#fff;
}
.main-box-2{
	margin-right:258px;
	background:#fff;
}
*html .main-box-2{
	margin-right:255px;
	display:inline-block;
}
.main-box-3{
	float:right;
	width:200px;
	background:#fff;
}
.main-box-4{
	margin-right:208px;
	background:#fff;
}
*html .main-box-4{
	margin-right:205px;
	display:inline-block;
}
.main-box-5{
	background:#fff;
}

/*----------------------------title------------------------------*/

.title{
	background:url(title-c.gif) repeat-x center top;
	line-height:30px;
	height:30px;
	margin-bottom:15px;
	font:bold 14px Arial, Helvetica, sans-serif;
}
.title span{
	font:normal 12px Arial, Helvetica, sans-serif;
}
.title-l{
	background:url(title-l.gif) no-repeat left top;
	width:14px;
	height:30px;
}
.title-r{
	background:url(title-r.gif) no-repeat right top;
	width:14px;
	height:30px;
}
/* --------------------------tags---------------------------- */
.tags a {
    float:left;
	line-height:26px;
	border:1px solid #dfdfdf;
	border-bottom:0;
	margin-top:3px;
	padding:0 15px;
	font-weight:bold;
	background:#fff url(tags-bg1.gif) repeat-x top;
}
.tags a:hover {
	background:#fff;
	text-decoration:none;
}
.tags a.selectTag,.tags a:hover.selectTag {
	background:#fff url(mail-tags-bg.gif) repeat-x top;
	position:relative;
	line-height:30px;
	margin-top:0;
	margin-bottom:-1px;
	font-size:14px;
	color:#333;
}


/*----------------------------but------------------------------*/
.but1{
	background:url(but-bg.gif) no-repeat center top;
	height:24px;
	width:82px;
	border:0;
	color:#fff;
}
.but2{
	line-height:20px;
	font-size:14px;
}
.but3 a{
	color:#FFF;
	font-weight:bold;
	background:url(but-bg.gif) no-repeat center top;
	text-align:center;
	line-height:24px;
	height:24px;
	width:82px;	
	display:block;
	margin-top:-5px;
	position: relative;
}
.but3 a:hover{
	color:#000;
	background:url(but-bg2.gif) no-repeat center top;
	text-decoration:none;
}

/*----------------------------box------------------------------*/

.box-top{
	background:#fff url(box-top-l.gif) no-repeat left top;
	height:15px;
	line-height:0;
	font-size:0;
}
.box-top div{
	background:url(box-top-r.gif) no-repeat right top;
	height:15px;
	line-height:0;
	font-size:0;
}
.box-bot{
	background:#fff url(box-bot-l.gif) no-repeat left top;
	height:15px;
	line-height:0;
	font-size:0;
	clear:both;
}
.box-bot div{
	background:url(box-bot-r.gif) no-repeat right top;
	height:15px;
	line-height:0;
	font-size:0;
}
.box{
    margin:0 10px;
}
.box ul{
	padding:0;
	margin:0;
	list-style:none;
	width:100%
}
.box li{
	float:left;
	padding:3px;
	width:120px;
	text-align:center;
}

.box table{
	width:100%;
}
.box td{
	padding:5px 0;
}
.td1{
	padding:5px 0;
	border-bottom:1px solid #eee;
}
.td2{
	background:#ffffe1;
}
.td3{
	padding:10px 0;
	border-bottom:1px dotted #ccc;
}
.td4{
	background:#f5f5f5;
    border-bottom:1px solid #ddd;
}
.box2{
    padding-left:20px;
	clear:both;
	overflow:auto;
}
.box2 ul{
	padding:0;
	margin:0;
	list-style:none;
}
.box2 ul li{
	float:left;
	width:58px;
}
.box3{
    margin:0 10px;
	line-height:15px;
}
.box3 table{
	width:100%;
}
.box3 img{
	margin-bottom:10px;
}
.box3 a img{
	padding:3px;
	background:#eee;	
    border:1px solid #fff;
}
.box3 a:hover img{
	background:#99ccff;	
}
/*----------------------------bbs------------------------------*/
.bbs-user-info{
	text-align:center;
}
.bbs-content{
	text-align:left;
	margin-top:10px;
	margin-right:50px;
	font-size:14px;
}

/*----------------------------right------------------------------*/
.right{
	float:right;
	padding-right:20px;
}
.right2{
	float:right;
}
/*----------------------------page------------------------------*/
.page{
	 line-height:30px;
	 font-size:14px;
	 padding-left:20px;
	 margin-top:10px;
}
.page a{
	 margin-left:5px;
}

/*----------------------------bot------------------------------*/
#bot{
	font-size:11px;	
	line-height:30px;
	clear:both;
	text-align:center;
	padding-top:10px;
	color:#fff;
}
#bot a{
	color:#fff;
}

/*----------------------------text------------------------------*/
.smalltext{
	font-size:11px;		
}
.bigtext{
	font-size:14px;		
}
.redtext{
	color:red;	
}
.graytext{
	color:#999;	
}
.bluetext a{
	color:#8284cc;	
}
.greentext{
	color:green;	
}
.yellowtext{
	color:#efd14a;	
}
/*----------------------------info------------------------------*/
.info{
	background:#ffffcc;
	border-bottom:1px solid #dbe7f3;
	padding:5px 0;
}
.so{
    border:1px solid #aacee6;
	background:#eef8fe;
	padding:10px;
	margin-bottom:10px;
}

/*----------------------------提示层------------------------------*/

.top-login{
    position:absolute;
	padding:2px;
	border:1px solid #a8bdd7;
	background:#fff url(box-bg.gif) repeat-x top;
	width:160px;
	z-index:999;
	padding:10px;
}

/*------------------MENU-----------*/


#dropmenudiv{
position:absolute;
border:1px solid #cccccc;
font:normal 12px Simsun;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
text-decoration:none;
width: 100%;
display: block;
text-indent: 1px;
padding-top: 1px;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #dbedfe;
}
/*------------------------login----------------------------*/

.loginStyle{
	position:absolute;
	padding:2px;
	border:1px solid #aaa; 
	background-color:#ddd;
}
/*------------------------topic----------------------------*/

.new{
	background:url(newtopic.gif) no-repeat center;
	padding:5px 15px;
}

.JSWindowTitleStyle   { font-weight: bold; font-size: 11px; font-family: verdana, arial, helvetica, sans serif; color: #FFFFFF; }
.JSWindowContentStyle { font-size: 11px; font-family: verdana, arial, helvetica, sans serif; color: #000000; padding: 5px;}