style.css

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

/* OGO CSS Document */
/*----------------------------body------------------------------*/
html ,body {
    padding:0;
	margin:0;
	text-align: left;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	color:#555555;
	background:#b73525 url(top-bg2.gif) repeat-x top;
	line-height:22px;
	height: 100%;
	width:1002px;
}
a{
   color:#333;
   font-family:Arial, Helvetica, sans-serif;
}
a:hover{
   color:#5a5543;
   text-decoration:none;
}
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 #ddd;
	margin:10px 0;
	font-size:0px;
	line-height:0px;
	clear:both;
}
.cl{ 
    clear:both;
	height:10px;
}


/*----------------------------h------------------------------*/
h1{
	font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
}
h1 span{
	float:right;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	padding-right:20px;
}
h2{
	background:#111 url(h2-bg.gif) repeat-x left;
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	line-height:28px;
	padding-left:15px;
	margin:0;
	color:#fff;
}
h2 span{
	font-size:12px;
	line-height:27px;
	font-weight:normal;
	color:#d2c18a;
}
h2 a{
	text-decoration:none;
	color:#d2c18a;
}
h2 a:hover{
	color:#fff;
}
h3{
	font:bold 16px Tahoma, Arial, Helvetica, sans-serif;
	line-height:28px;
	text-align:center;
	padding:0;
	margin:0;
}
h4{
	background:#111 url(h2-bg.gif) repeat-x left;
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	line-height:28px;
	padding-left:15px;
	margin:0;
	color:#fff;
}

/*----------------------------wrap------------------------------*/
#wrap{
     width:980px;
	 margin:auto;
}
#wrap2{
    overflow:auto;
	clear:both;
	padding:15px 0px 0 0px;
    border:0px solid #d8d8d8;
}


/*----------------------------top------------------------------*/
#top-wrap{
    position:relative;
}
#top{
	height:200px;
	background:#b73525 url(top-bg.gif) no-repeat bottom;
	border-bottom:1px dotted #fff;
}
#logo{
	padding:30px 0 0 60px;
	font:bold 28px "黑体",Tahoma, Arial, Helvetica, sans-serif; 
	color:#fff;
}
#logo span{
	margin:2px 0 0 40px;
	font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#e8e8da;
	padding:3px 15px;
	float:left;
	border:0px dotted #aaa;
}
#logo span a{
	color:#e8e8da;
	text-decoration:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
#logo span a:hover{
	color:#dada90;
}
#menu{
	color:#fff;
	line-height:30px;
	position:absolute;
	top:195px;
	left:0;
}
*html #menu{
	top:187px;
}

#menu a {
	width:60px;
	height:30px;
	text-align:center;
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	float:left;
}
#menu a:hover{
   color:#dada90;
}
#menu a.selectTag,#menu a.selectTag:hover{
	color:#dada90;
	background:url(menu-bg.gif) repeat-x left top;
	width:80px;
	height:30px;	
}
.hiddenTop{
    display:none;
}

#top-info{
	padding-left:20px;
	line-height:30px;
	color:#fff;
	position:relative;
}
#top-info a{
	text-decoration:none;
	color:#fff;
}
#top-info a:hover{
	color:#dada90;
}
#top-info span{
	line-height:29px;
    position:relative;

}

/*----------------------------nav------------------------------*/
.nav{
	padding:6px 0 6px 15px;
	clear:both;
	display:block;
	border-bottom:1px dotted #fff;
	background:#a43021;
	color:#fff;
}
.nav a{
	color:#fff;
}
.nav2{
	line-height:35px;
	height:35px;
	padding-left:10px;
	border-bottom:1px solid #dfdfdf;
}

/*----------------------------content-box-----------------------------*/
.content-box-1{
	width:180px;
	float:left;
}
.content-box-2{
	margin-right:210px;
}
* html .content-box-2{
	margin-right:207px;
	display:inline-block;
}
.content-box-3{
	width:580px;
	margin-left:190px;
}
* html .content-box-3{
	margin-left:187px;
}
.content-box-4{
	float:right;
	width:200px;
}
.content-box-5{
	float:right;
	width:200px;
}
.content-box-6{
	margin-right:160px;
}
* html .content-box-6{
	margin-right:157px;
	display:inline-block;
}
.content-box-7{
	float:right;
	width:150px;
}

/*----------------------------content------------------------------*/

.content{
	padding-bottom:10px;
}
.content-l{
	float:left;
	width:120px;
	text-align:right;
}
.content-r{
	margin-left:130px;
	display:inline-block;
	padding-right:50px;
	text-align:left;
}
/*----------------------------box------------------------------*/

.left-box{
    border:0px solid #d8d8d8;
	border-top:0;
	background:#fff;
	padding:10px 15px;
	margin-bottom:10px;
	overflow:auto;
}
.left-box ul{
	padding:0;
	margin:0;
	list-style:none;
}
.left-box li{
	background:url(close.gif) no-repeat left;
	padding-left:20px;
}
.left-box li.open{
	background:url(open.gif) no-repeat left;
	font-weight:bold;
}

.oge-box{
	padding:20px 15px;
	margin-bottom:10px;
	overflow:auto;
	background:#fff url(bg3.gif) repeat-x top left;
}
.oge-box p{
	margin:0;
	text-align:center;
}
.oge-box p img{
	margin-bottom:5px;
	border:1px solid #ddd;
	padding:4px;
	background:#fff;
}
.oge-box p a{
	text-decoration:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.box{
    border:0px solid #d8d8d8;
	border-top:0;
	margin-bottom:10px;
	overflow:auto;
	background:#fff;
}
.box ul{
	margin:0;
	padding:0;
}
.box-list ul{
	padding:5px 0;
	margin:0;
	list-style:none;
	width:100%;
}
.box-list li{
	float:left;
	padding:3px;
	width:100px;
	text-align:center;
}
.box table{
	width:100%;
	text-align:center;
}
.box th{
	border-top:1px solid #fff;
	background:#f7f7f7;
	line-height:23px;
	font-weight:normal;
}
.box td{
	padding:5px 0;
}
.td{
	border-bottom:1px dotted #ccc;
}
.td1{
	background:#eee;
	text-decoration:line-through;
	color:#999;
}
.td2{
	background:#f7f7f7;
	border-bottom:1px solid #eee;
}
.box-pic{
    border:0px solid #d8d8d8;
	border-top:0;
	margin-bottom:10px;
	overflow:auto;
	background:#fff;
	text-align:center;
	padding-bottom:10px;
}
.box-pic table{
	width:100%;
}
.box-pic td{
	padding:5px 0;
	text-align:center;
	line-height:15px;
}
.box-pic img{
	margin-bottom:10px;
}
.box-pic a img{
	padding:3px;
	background:#fff;	
    border:1px solid #fff;
}
.box-pic a:hover img{
	background:#e8e8da;	
    border:1px solid #e8e8da;
}

/*----------------------------bbs------------------------------*/
.title{
	padding:6px 0;
}
.user-info{
	padding-top:10px;
	width:150px;
}
.user-info img{
	margin-bottom:8px;
}
.bbs-content{
	margin:0 80px 10px 0;
	overflow:hidden;
	width:700px;
	line-height:normal;
        font-size:14px
}
.active-box{
    border:0px solid #d8d8d8;
	padding:10px 15px;
	overflow:auto;
	background:#fff;
}
.new{
	background:url(new.gif) no-repeat center;
	padding:5px 15px;
}
/*----------------------------user------------------------------*/
.user-box{
    border-bottom:1px solid #eee;
	padding:10px 0;
	overflow:auto;
	text-align:center;
	background:#fff url(user-box-bg1.gif) repeat-x bottom;
}
.user-box table{
	width:100%;
}
.user-mp{
	background:url(user-mp.gif) no-repeat left;
	display:block;
	text-align:center;
	height:24px;
	width:70px;
	float:left;
}
.user-mony{
	background:url(user-mp.gif) no-repeat left;
	display:block;
	height:24px;
	width:70px;
	float:left;
}
.user-point{
	color:#000;
}
.user-list a{
	text-decoration:none;
}
.user-list img{
	border:0;
}
.user-list a img{
	padding:3px;
	background:#fff;
}
.user-list a:hover img{
	padding:3px;
	background:#edf1f2;
}
.my-box{
    border:0px solid #d8d8d8;
	border-top:0;
	background:#fff;
	padding:10px 12px;
	margin-bottom:10px;
	overflow:auto;
	line-height:18px;
	text-align:center;
}
.my-box td{
	text-align:left;
}
.my-link{
	margin-top:10px;
}

/*----------------------------pic-box2------------------------------*/
.pic-box2{
    border:0px solid #d8d8d8;
	padding:10px 15px;
	margin-bottom:10px;
	overflow:auto;
	background:#fff;
	text-align:center;
}
.pic-box2-view{
    width:720px;
	overflow:hidden;
	margin:auto;
	margin-top:5px;
}
.more-pic{
    border:0px solid #d8d8d8;
	padding:10px 15px;
	background:#fff url(box-bg.gif) repeat-x top;
	text-align:center;
}
.more-pic ul{
	list-style:none;
	padding:0;
	margin:0;
}
.more-pic li{
	margin:10px 0;
	background:#fff;
}
.more-pic li img{
	padding:3px;
	border:1px solid #ccc;
}


/*----------------------------right------------------------------*/
.right{
	float:right;
	padding-right:15px;
}
.right2{
	float:right;
}
/*----------------------------page------------------------------*/
.page{
	 line-height:40px;
	 font-size:14px;
	 padding-left:20px;
}
.spage{
	background:url(multipage.gif) no-repeat left;
	padding-left:12px;
	line-height:12px;
}
.spage a{
	color:#666;
}
.page-box{
    border:0px solid #d8d8d8;
	background:#fff;
}
.page a{
	 margin-left:5px;
}
.next-page{
	background:url(next.gif) no-repeat right;
	padding-right:15px;
}
.pre-page{
	background:url(pre.gif) no-repeat left;
	padding-left:15px;	
}

/*----------------------------bot------------------------------*/
#bot{
	font-size:11px;	
	background:#000 url(h2-bg.gif) repeat-x left top;
	line-height:60px;
	clear:both;
	text-align:center;
	color:#aaa;
}
#bot a{
	color:#dada90;
	text-decoration:none;
}


/*----------------------------text------------------------------*/
.smalltext{
	font-size:11px;		
}
.bigtext{
	font-size:14px;		
}
.redtext{
	color:#f60;	
}
.redtext2{
	color:red;	
}
.graytext{
	color:#999;	
}
.bluetext2{
	color:blue;	
}
.bluetext a{
	color:#8284cc;	
}
.greentext{
	color:green;	
}
.bordertext{
	border:1px solid #d8d8d8;
	background:#f7f7f7;
	padding:0 5px;
}

/*----------------------------info------------------------------*/
.info{
	background:#ffffcc;
	border-bottom:1px solid #dbe7f3;
	padding:5px 0;
}
.gg{
    border:0px solid #96b6da;
	background:#fff url(bg3.gif) repeat-x top left;
	padding:10px;
	margin-bottom:10px;
}
.so{
    border:1px solid #bdbda2;
	background:#f7f7f0;
	padding:10px;
	margin-bottom:10px;
}
.so2{
    border:1px solid #ddd;
	background:#f7f7f7;
	padding:10px;
}
/*----------------------------Button------------------------------*/

.button a{
    padding:2px 15px;
	background: #5a5543;
	border:2px solid #6e6957;
	border-style:outset;
	color:#fff;
	text-decoration:none;
}
.button a:hover{
	color:#fff;
	background: #6e6957;
	border: 2px solid #7a7460;
	border-style: outset;
}

.but{
    background:url(but.gif) no-repeat center;
	width:100px;
	height:25px;
	display:block;
	font-size:14px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	line-height:25px;
	text-decoration:none;
	margin:5px auto ;
}
/*----------------------------提示层------------------------------*/

.top-login{
    position:absolute;
	padding:2px;
    border:1px solid #111;
	background:#fff;
	z-index:999;
	padding:10px;
	left:100px;
	top:100px;
}


/*------------------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;
}
/*------------------bbs-----------*/

.quote{
    border:1px solid #c3c3a2;
	background:#f4f4e6;
	padding:10px;
	margin-bottom:10px;
}