www.gusucode.com > 乐学迷你BBS 2.2 ACCESS GB2312 版源码程序 > 乐学迷你BBS 2.2 ACCESS GB2312 版/lbbsaccessgb/style/n_guyun.css

     /*===================================
 定义全局样式
 =====================================*/
body {   
	background-color: #808080; /*背景色*/
	background-image: url('n_guyun/page_bg.jpg'); /*背景图片 */
	color: #000000; /*字体颜色 */
	font-family: verdana, 宋体, fantasy;
	font-size: 12px;
	margin: 0px;
	text-align: center;
	word-wrap: break-word;
}

a{ /*超链接定义*/
	font-size: 12px;
	text-decoration: none;
}

a:link{
	color: #000000;
	text-decoration: none;
}

a:visited{ /*访问过的超链接颜色*/
	color: #000000;
	text-decoration: none;
}

a:hover { /*超链接悬停效果*/
	border-bottom: 1px DOTTED #808080;
	color: #FF0000;
}

a:active{
	text-decoration: none;
}


hr{  /*水平线效果*/
	color: #808080;
	height: 1px;
	margin-bottom: 3px;
	margin-top: 3px;
	text-align: center;
	width: 750;
}

input,select {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

form{
	display:inline;
	margin:0px;
}

td{
	font-family: Verdana;
	font-size: 12px;
	word-wrap: break-word;
}

textarea{
	font-family: Verdana;
}


/*=========================


以下为单项样式配置


==========================*/
.bodycss{ /*背景样式*/
	background-color: #CFB16D;;
	background-image: url('n_guyun/page_bg.jpg'); /*背景图片 */
	font-family: Verdana;
	font-size: 9pt;
	text-align: center;
	word-wrap: break-word;
}

.ahover{ /*index.asp列表鼠标悬停效果*/
	background-color: #EFE3B5; 
	border-bottom: #CCAE66 1px dotted;
	/*此处不要左右边线
	border-left: #C0C0C0 1px solid;
	border-right: #C0C0C0 1px solid;
	*/
	height: 30px;
	line-height: 26px;
	margin: 0px auto;
	min-width: 760px;
	overflow: hidden;
	text-align: left;
	width: 760px;
}

.button { /*按钮*/
	background-color: #F7F3E8;
	border: 1px solid #B18F49;
	border-left: 4px solid #CFB88C;
	border-top: 1px solid #CFB88C;
	color: #330000;
	height: 20px;
}

.input{ /*文本输入区*/
	background-color: #F7F3E8;
	border: 1px solid #B18F49;
	border-left: 4px solid #CFB88C;
	border-top: 1px solid #CFB88C;
	color: #330000;
	height: 20px;
	font-family: Verdana
}

.input2 { /*内容输入窗口textarea效果*/
	background-color: #F7F3E8;
	border: 1px solid #B18F49;
	border-left: 4px solid #CFB88C;
	border-top: 1px solid #CFB88C;
	color: #330000;
	font-family: Verdana;
	width:660px;
	height:137px;
}

.code_head { /*UBB中的code quote quote2的标题*/
	font: bold 12px Tahoma, Verdana, "宋体";
	margin: 2px;
}

.code_main { /*UBB中的code quote quote2的内容*/
	background: #FAFAFA;
	border: 1px dashed #CCCCCC;
	color: #CC6666;
	font: 11px Verdana;
	margin: 2px;
	padding: 4px;
}

.ubbimg { /*控制图片显示 -未使用*/
max-width: 746px; width:expression(this.width > 746 ? "746px" : this.width)
}

.loader { /*数据处理中提示条*/
	background-color: #F0EBD8;
	border-bottom: #CCAE66 1px solid;
	border-left: #CCAE66 1px solid;
	border-right: #CCAE66 1px solid;
	border-top: #CCAE66 1px solid;
	height: 23px;
	padding-top: 2px;
	text-align: center;
	width: 200px;
}


.header { /*头文件*/
	height: 80px;
	line-height: 26px;
	margin-top: 0px;
	min-width: 760px;
	text-align: left;
	width: 760px;
	padding-top:5px;
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 
}

.headerbg { /*头文件背景-注意将高度设置为图片实际高度*/
	background-image: url('n_guyun/header_bg.jpg'); no-repeat;
	height: 158;
	width: 832;
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 
}


.centerbg { /*内容区（页面中间部分）背景*/
	background-image: url('n_guyun/main_bg.jpg'); 
	width: 832;
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 

}

.footer { /*页尾*/
	height: 26px;
	line-height: 15px;
	margin: 0px auto;
	min-width: 760px;
	text-align: left;
	width: 760px;
}

.footerbg { /*页尾背景*/
	background-image: url('n_guyun/footer_bg.jpg'); 
	height: 115;
	width: 832;
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 

}

.logo {  /* 站点logo */
	background-image: url('n_guyun/logo.gif');
	width:170px;
	height:50px;
	float: left;
	margin-left: 0px;
	margin-top: 10px;

	}

.sitename { /* 站点名称 */
	color: #CC6600;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}

.anounce {/* 公告 */
	margin:2,0,2,0;
	text-align: left;
	width: 760px;
}

.info {  /*信息条,上方*/
	width:100%;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:0px;
	margin-top:0px;
	color:#000;
}

.navBar { /*信息条,管理*/
	float:left;
}

.LogonBar { /*信息条,用户登录*/
	float:right;
}

.bannerall {/*页头logo+广告条*/
	margin-top:0px;
}
.banner {/*页头广告条*/
	float:right;

}

.searchbg{ /*搜索条背景*/
	width: 760px;
	height:29px;
	border:#CCAE66 1px solid;
	background-color: #CFB16D; 
	background-image: url('n_guyun/t_bg.jpg');
	padding-top: 3px;
	margin-top:13px;
	margin-bottom:13px;
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 

}

.friend{ /*友情*/
	margin-top:13px;
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 

}

.adsbg{   /* 广告条样式 */
	border: #CCAE66 1px solid;
	height: 100px;
	text-align: center; 
	width: 760px;
	margin:5 auto;
	padding-top: 4px;
	height:70px;
}

.classnameall {/*栏目背景*/
	margin-top:10px;
	width:760px;
}

.classname { /*栏目导航条布局-双行*/
	color:#000000;
	margin-top: 5px;
	margin-bottom: 0px;
	min-width: 760px;
	text-align: left;
	width: 760px;
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 
	clear:both;
	HEIGHT: 26px; 
}

.classname0 {/* 栏目列表单行 */
	text-align: left;
	padding-left:5px;
	width: 760px;
	margin: 0px auto;
	margin-bottom: 0px;
	margin-top: 20px;
	height:26px;
	clear:both;
}

.classname1 { /*栏目样式*/
	MARGIN: 0px 0px 0px 0px; 
	COLOR: #000000; 
	FLOAT: left; 
	WIDTH: 70px; 
	HEIGHT: 26px; 
	TEXT-ALIGN: center;
	}
.classname2 { /*分类*/
	PADDING-LEFT:12px;
	PADDING-RIGHT:4px;
	PADDING-TOP:4px;
	MARGIN: 0px auto; 
	WIDTH: 760px; 
	COLOR: #000000; 
	HEIGHT: 26px; 
	TEXT-ALIGN: left; 
	clear:both;
}
.classname3 { /*栏目选中样式，应同classname2*/
	MARGIN: 0px 0px 0px 0px; 
	COLOR: #ffffff; 
	FLOAT: left; 
	WIDTH: 70px; 
	HEIGHT: 26px; 
	TEXT-ALIGN: center;
	FONT-WEIGHT:BOLD;
}
.classname4 { /*全部主题*/
	MARGIN: 0px; 
	COLOR: #ffffff; 
	FLOAT: left; 
	WIDTH: 70px; 
	HEIGHT: 26px; 
	TEXT-ALIGN: center;
}

.classname5 { /*全部主题*/
	MARGIN: 0px; 
	COLOR: #ffffff; 
	FLOAT: left; 
	WIDTH: 70px; 
	HEIGHT: 26px; 
	TEXT-ALIGN: center;
}

.sepline { /*栏目分隔符*/
	float:left;
	padding-top:0px;
	margin-left:1px;
	margin-right:1px;
}
.classnametitle0 {
	font-size: 12px; /*栏目字体-单行*/
	color:#000;
}

.classnametitle {/*双行栏目字体*/
	color:#000;
	font-size:12px;
}

.classnametitle2 {
	font-size: 12px; /*栏目字体-单行*/
	color:#000;
}

.online {  /*在线名单*/
	margin: 0px auto;
	background-color: #F0EBD8;
	border-bottom: #CCAE66 1px solid;
	border-left: #CCAE66 1px solid;
	border-right: #CCAE66 1px solid;
	line-height: 26px;
	min-width: 760px;
	text-align: left;
	width: 760px;
	word-wrap: break-word;
}

/*===============================
以下为贴子列表相关样式
注：有些边线不用就可以用/*号屏掉不用
================================*/

.th { /* 标题背景 */
	background-color: #5087DA;
	background-image: url('n_guyun/t_bg.jpg');
	border-bottom: #CCAE66 1px solid;
	/*border-left: #CCAE66 1px solid;
	border-right: #CCAE66 1px solid;*/
	border-top: #CCAE66 1px solid;
	color: #000000;
	font-size: 12px;
	height: 26px;
	line-height: 26px;
	margin: 0px auto;
	min-width: 760px;
	text-align: left;
	width: 760px;
}

.th_c { /* 帖子内容下方返回区 */
	background-color: #5087DA;
	background-image: url('n_guyun/t_bg.jpg');
	border-bottom: #CCAE66 1px solid;
	border-left: #CCAE66 1px solid;
	border-right: #CCAE66 1px solid;
	border-top: #CCAE66 1px solid;
	color: #000000;
	font-size: 12px;
	height: 26px;
	line-height: 26px;
	margin: 0px auto;
	min-width: 760px;
	text-align: left;
	width: 808px;
}

.list {  /* 贴子列表浅色背景 */
	border-bottom: #CCAE66 1px dotted;
	/*边线颜色
	border-left: #CCAE66 1px solid;
	border-right: #CCAE66 1px solid;
	background-color: #FBF8F0;
	*/
	height: 30px;
	line-height: 26px;
	margin: 0px auto;
	min-width: 760px;
	overflow: hidden;
	text-align: left;
	width: 760px;
}

.list_o { /* 贴子列表深颜色背景 */
	border-bottom: #CCAE66 1px dotted;
	/*border-left: #CCAE66 1px solid;
	border-right: #CCAE66 1px solid;
	background-color: #FBF8F0;*/
	height: 30px;
	line-height: 26px;
	margin: 0px auto;
	min-width: 760px;
	overflow: hidden;
	text-align: left;
	width: 760px;
}

.list1 { /*贴子列表标题名称*/
	/*border-left: #CCAE66 1px solid;*/
	float: left;
	text-align: center;
	width: 32px;
}

.listtitle { /*贴子列表标题*/
	float: left;
	}

.listtitle1 {/* 贴子列表标题内容 */
	float: left;
	padding-top:2px;
	overflow: hidden;
}
.listtitleAll {/* 贴子列表标题全部 */
	float: left;
	overflow: hidden;
	width:440px;
}

.list_r1 { /* 贴子列表右侧区包括发表点击回复更新 */
	float: right;
	width: 315px;
}

.list_a { /* 贴子列表发表人 */
	/*border-right: #CCAE66 1px solid;*/
	float: left;
	overflow: hidden;
	text-align: center;
	width: 80px;
	height: 30px;
	padding-top:2px;

}

.list_c {  /* 贴子列表点击数 */
	/*border-right: #CCAE66 1px solid;*/
	float: left;
	font-size: 11px;
	overflow: hidden;
	text-align: center;
	width: 70px;
	height: 30px;
	padding-top:2px;

}

.list_r {  /* 贴子列表回复人 */
	/*border-left: #CCAE66 1px solid;*/
	float: right;
	width: 315px;
}

.list_t { /* 贴子列表最后更新 */
	float: left;
	font-family: Verdana;
	margin-left: 2px;
	overflow: hidden;
	text-align: center;
	width: 78px;
	height: 30px;
	padding-top:2px;

}

.list_img { /* 贴子标识图片 */
	float: left;
	text-align: center;
	padding-top:0px;
}

.list_img img {
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	margin-left: 5px;
	margin-right: 4px;
	margin-top: 5px;
	padding-top:2px;
}

.listpages {/* 贴子列表下方翻页 */
	/*border-left: #CCAE66 1px solid;
	border-right: #CCAE66 1px solid;*/
	border-bottom: #CCAE66 1px solid;
	background-color: #CFB16D; 
	background-image: url('n_guyun/t_bg.jpg');
	height: 26px;
	line-height: 26px;
	margin: 0px auto;
	min-width: 760px;
	overflow: hidden;
	text-align: left;
	width: 760px;
}

.listfriend {/* 友情链接 */
	border-bottom: #CCAE66 1px dotted;
	height: 30px;
	line-height: 26px;
	margin: 0px auto;
	min-width: 760px;
	text-align: left;
	width: 760px;
}

.mainbar0 {  /*index分页*/
	height: 26px;
	line-height: 26px;
	margin: 0px auto;
	min-width: 760px;
	overflow: hidden;
	text-align: left;
	width: 760px;
}

/*BLOG模式样式*/

.listblog {/* blog模式 */
	text-align: left;
	width: 760px;
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 

}

.listblog_t {/*blog贴子标题*/
	font-family: Arial;
	font-size: 12px;
	line-height: 180%;
	padding: 5px 3px 5px 3px;
	text-align: left;
	float:left;
	width:600;
	overflow: hidden;
}

.listblog_t2 {
	float:left;
	font-size:16px;
	color:#800000;
}

.listblog_o {/* blog模式用户标题信息区 */
	border-bottom: #CCAE66 1px dotted;
	border-top: #CCAE66 1px solid;
	text-align: left;
	width: 758px;
	height:32px;
	padding-bottom:3px;
}

/*

显示贴子内容样式context.asp

*/

.context { /* 内容区框架浅色 */
	/*background-color: #F8F8F8;
	border-left: #B0B0B0 1px solid;
	border-right: #B0B0B0 1px solid;
	border-bottom: #B0B0B0 1px solid;*/
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 
	text-align: left;
	width: 760px;
	margin:0px auto;
	padding-top:1px;
	padding-bottom:1px;
}
.context2 { /* 内容区框架深色 */
	/*background-color: #FFF;
	border-left: #B0B0B0 1px solid;
	border-right: #B0B0B0 1px solid;
	border-bottom: #B0B0B0 1px solid;*/
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 
	text-align: left;
	width: 760px;
	margin-top:0px;
	padding-top:1px;
	padding-bottom:1px;
}

.context3 { /* 内容区框架上一页下一页 */
	/*background-color: #FFF;*/
	text-align:center; 
	height:26px; 
	padding-top:5px;
	border-top: #C0C0C0 1px solid;
}

.context_a {  /*贴子内容
	BACKGROUND-COLOR: #F0EBD8;*/
	font-size: 12px;
	line-height: 180%;
	margin-bottom: 6px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	text-align: left;
	verdana; word-wrap: break-word;
	width: 748px;
}

.context_b { /*贴子内容中信息区*/
	font-family: Arial;
	font-size: 12px;
	line-height: 180%;
	margin-bottom: 12px;
	margin-left: 5px;
	margin-right: 3px;
	margin-top: 5px;
	text-align: left;
	height:3-px;
}

.context_c { /*贴子操作区*/
	font-family: Arial; 
	font-size: 12px;
	margin-left: 5px;
	margin-right: 3px;
	margin-top: 5px;
	text-align: right;
}

.context_d { /*贴子内容分页*/
	background-color: #F0EBD8;
	background-image: url('n_guyun/t_bg.jpg');
	border-bottom: #CCAE66 1px solid;
	border-left: #CCAE66 1px solid;
	border-right: #CCAE66 1px solid;
	border-top: #CCAE66 1px solid;
	height: 26px;
	width: 808px;
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 
}

.context_e { /*精彩回复及切换不分页*/
	font-family: Arial;
	font-size: 12px;
	margin-bottom: 2px;
	margin-left: 5px;
	margin-right: 3px;
	margin-top: 5px;
	text-align: left;
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 

}


/*===========================
发贴等输入区的样式
*===========================*/

.post_a { /* 发贴区左侧new.asp reply.asp post.asp */
	border-right: #CCAE66 1px solid;
	float: left;
	height: 25px;
	text-align: center;
	width: 90px;
}

.post_b { /* 发贴区右侧 */
	float: right;
	text-align: left;
	width: 666px;
}
.post1, .post2, .post3 {/* 发贴共同样式 */
	border-bottom: #CCAE66 1px solid;
	border-left: #CCAE66 1px solid;
	border-right: #CCAE66 1px solid;
	line-height: 26px;
	margin: 0px auto;
	min-width: 760px;
	text-align: left;
	width: 760px;
}

.post1 { /* 发贴白底区 */
	background-color: #F0EBD8;
	height: 26px;
}
.post2 { /* 发贴其它颜色底区 */
	background-color: #F0EBD8;
	height: 140px;
}

/*===================================
以下为首页调用样式
====================================*/

#defaultbody {
	MARGIN: 0px auto; 
	WIDTH: 93%; 
	PADDING: 3px 0px; 
	HEIGHT: auto; 
	TEXT-ALIGN: left
}
#default-l{
	FLOAT: left; 
	WIDTH: 70%;
 }
#default-r{
	FLOAT: right; 
	WIDTH: 29%;
 }

 /*default.asp每个栏目板块的上部标题*/
.defaultbar {
	BORDER-BOTTOM: #CCAE66 3px double; 
	FONT-WEIGHT: bold; 
	BACKGROUND: url("n_guyun/t_bg.jpg") #e8f3ff repeat-x left center; 
	WIDTH: 100%; 
	TEXT-INDENT: 15px; 
	HEIGHT: 22px;
	padding:4px 0px 0px 10px;

}

/* 主体区域, 父框架宽度68%*/
#defaultcontent {
	BORDER-RIGHT: #CCAE66 1px solid; 
	BORDER-TOP: #CCAE66 3px solid; 
	BORDER-BOTTOM: #CCAE66 3px solid; 
	BORDER-LEFT: #CCAE66 1px solid; 
	PADDING-LEFT: 0.5%; 
	PADDING-BOTTOM: 2px; 
	PADDING-RIGHT: 0.5%; 
	WIDTH: 100%; 
	LINE-HEIGHT: 150%; 
	PADDING-TOP: 7px; 
	TEXT-ALIGN: left;
	MARGIN: 5px 0px;
}
#defaultcontent UL {
	PADDING: 0px 0px 5px 0px; 
	MARGIN: 0px; 
	OVERFLOW: hidden; 
	LIST-STYLE-TYPE: none
}
#defaultcontent UL LI {
	MARGIN-LEFT: 0px; 
	OVERFLOW: hidden; 
	LINE-HEIGHT: 26px; 
	BORDER-BOTTOM: #ccc 1px dotted; 
	HEIGHT: 26px;
	PADDING-RIGHT:3px;
}
.left_content {
	FLOAT: left; WIDTH: 48%; HEIGHT: auto
}
.right_content {
	FLOAT: right; WIDTH: 48%; HEIGHT: auto
}

/*default.asp 侧边栏板块的*/
#defaultsidebar {
	BORDER-RIGHT: #CCAE66 1px solid; 
	BORDER-TOP: #CCAE66 3px solid; 
	FLOAT: right; 
	BORDER-LEFT: #CCAE66 1px solid; 
	WIDTH: 100%; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: #CCAE66 3px solid; 
	MARGIN: 5px 0px;
}
.leftbar {
	PADDING: 2px; 
	MARGIN: 0px; 
}
.leftbar UL {
	PADDING: 0px 0px 5px 0px; 
	MARGIN: 0px; 
	OVERFLOW: hidden; 
	LIST-STYLE-TYPE: none
}
.leftbar UL LI {
	MARGIN-LEFT: 0px; 
	OVERFLOW: hidden; 
	LINE-HEIGHT: 26px; 
	BORDER-BOTTOM: #ccc 1px dotted; 
	HEIGHT: 26px;
	PADDING-RIGHT:3px;
}

#floater {
	left: 0;
	position: absolute;
	top: 200;
	visibility: visible;
	width: 90;
	z-index: 20;
}

.ubbleft {
	FLOAT: left; 
	width:380px; 
	height:26px;
	margin-top:3px;
}

.ubbright {
	FLOAT: left; 
	width:376px; 
	height:26px;
	margin-top:3px;
}


/*====================================
以下为后台管理样式，后台管理未或级为DIV+CSS，延用TABLE样式
=====================================*/

.a0{
	width: 760;
}

.a1 {
	background-image: url('n_guyun/t_bg.jpg'); /* 标题栏 */
	width: 808;
}

.a2{
	background-color: #CCAE66; /* 表格样式 */
	width: 760;
}

.a22{
	background-color: #CCAE66; /* 表格样式 */
	width: 293;
}

.a23{
	background-color: #CCAE66; /* 表格样式 */
	width: 631;
}

.a3{
	background-color: #F0EBD8; /* 贴子列表分色1 */
}

.a31{
	background-color: #FBF8F0; /* index.asp贴子列表分色1 */
}

.a4{
	background-color: #F0EBD8; /* 贴子列表分色2 */
}

.a41{
	background-color: #FBF8F0; /* index.asp贴子列表分色2 */
}

.a5{
	background-color: #FFFFFF; /* 后台管理*/
}

.a6{
	background-color: #F0EBD8; /* 后台管理*/
}

.a7{
	padding-left: 0; /* 贴子表格边线 */
	width: 760;
}

.a71{
	background-image: url(''); /* 帖子内容*/
}

.a72{
	background-image: url('n_guyun/t_bg.jpg');
	width: 808;
}

.a8{
	background-image: url('n_guyun/t_bg.jpg');
	border-bottom: 1px solid #CCAE66;
	border-left: 1px solid #CCAE66;
	border-right: 1px solid #CCAE66;
	padding-left: 0;
	width: 808;
}

.a9{
	background-image: url('n_guyun/t_bg.jpg');
	border-bottom: 1px solid #CCAE66;
	border-left: 1px solid #CCAE66;
	border-right: 1px solid #CCAE66;
	border-top: 1px solid #CCAE66;
	padding-left: 0; /* context.asp分页部分样式 */
	width: 808;
}