bbs.css

一个asp写的论坛源代码,论坛所需要的功能都有

/*
版本 : TEAM BBS
编写 : DayMoon
*/
body {
margin: 3px auto;
scrollbar-base-color: #F5FBFF;
scrollbar-arrow-color: #7AC4EA;
font: 12px Tahoma, Verdana;
background-color: #CCCCCC;
}

legend {
color: #333333;
}
table {
font: 12px Tahoma, Verdana;
color: #333333;
empty-cells: show;
border-collapse: separate !important;
border-collapse: collapse;
}

input, select, textarea {
	font: 12px Tahoma, Verdana;
	color: #333333;
	font-weight: normal;
	background-color: #F5FBFF;
	border: 1px solid #7AC4EA;
	height: 21px;
}

a {
text-decoration: none;
color: #282827;
}
a:hover {
text-decoration: underline;
}
:active {
font-weight:bold;
}

.checkbox, .radio {
border: 0px;
background: none;
vertical-align: middle;
height: 16px;
}

.button {
	font: 12px Tahoma, Verdana;
	padding: 0 10px;
	color: #154ba0;
	background: url(header_bg.gif) repeat-x 0 50%;
	outline: 1px solid #7AC4EA;
	border: 1px solid #FFF !important;
	height: 19px !important;
	border: 1px solid #A9A9EA;
	height: 1.9em;
	line-height: 15px;
}

.quote{
margin:5px 20px;border:1px solid #31659C;padding:5px; background:#FFFFFF
}

.code{
	margin:5px 20px;
	border:1px solid #31659C;
	padding:5px;
	background:#FDFDDF;
	font-size:14px;
	font-family:Tahoma;
	line-height : normal ;
	font-weight:bold;
	text-align: left;
	}
.altbg1	{
	background: #F8F8F8;
	font: 9pt Tahoma, Verdana;
}
.altbg2 {
	background: #FFFFFF;
	font: 9pt Tahoma, Verdana;
}
.bold{
	font-weight: bold;
	}
.a1{
	font-family: Tahoma, Verdana;
	font-size: 9pt;
	text-align: left;
	color: #FFFFFF;
	background-color: #5A8DBE;
	font-weight: bold;
	background-image: url(header.gif);

}
.a1 a  { color: #FFFFFF }
.a1 a:visited, a:active { color: #FF6600 }
.a2{ 
	background-color: #D6E0EF;
	border: 1px solid #85A8DF;
	text-align: left;
} 
.a3{
	BACKGROUND-COLOR: #F8F8F8;
	text-align: left;
}
.a4{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #282827;
	text-align: left;
}
.a5{
	text-decoration: none;
	color: #ffffff;
	text-align: left;
}
a:hover.menuhref{
	color:#FFFFFF;
	width:30;
	text-align: center;
	background-color: #85A8DF;
}
.a6{
	BACKGROUND-COLOR: #F8F8F8;
	text-align: center;
}
.a7{
	text-align: center;
	BACKGROUND-COLOR: #D6E0EF;
}
.tab1{
	font-weight: bold;
	text-align: center;
} 
.tab2{
	background: #D6E0EF;
	border: 1px solid #A3B8D9;
	text-align: center;
} 
.tab3{
	BACKGROUND-COLOR: #F8F8F8;
	text-align: center;
}
.tab4{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #282827;
	text-align: center;
}

.right{
	float: right;
	text-align: right;
	padding: 0px;
}

.tabright{
	BACKGROUND-COLOR: #FFFFFF;
	text-align: right;
}

.tabcenter{
	BACKGROUND-COLOR: #FFFFFF;
	text-align: center;
}


.blog_a1 {
	color: blue;
	font-weight:bold;
	BACKGROUND-COLOR: #F8F8F8;
	text-align: center;
}
.blog_a2
{	color: red;
	font-weight:bold;
	BACKGROUND-COLOR: #FFFFFF;
	text-align: center;
}

.blog_a3{	
	color: #666666;
	text-align: center;
	width: 14%;
	padding: 2px;
	BACKGROUND-COLOR: #FFFFFF;
	border: dashed 1px #056689;
	text-align: center;
}

.blog_a4{	
	text-align: center;
	width: 14%;
	padding: 2px;
	BACKGROUND-COLOR: #FFFFFF;
	border: dashed 1px #056689;
	text-align: center;
}
/*editor*/
.wysiwyg {
font: 12px Tahoma, Verdana;
border: 1px #DDDDDD solid;
padding: 4px;
}
.wysiwyg a {
text-decoration: underline;
color: #282827;
}
.editor	{
background: #F5FBFF;
border: 1px solid #BBE9FF;
border-bottom: 1px solid #86B9D6;
}
.editor_line {
border-top:1px solid #86B9D6;
}
.editor_switcher {
position: relative;
top: 1px;
border-bottom: 1px solid #86B9D6;
background: #F5FBFF;
margin-left: 10px;
vertical-align: middle;
}
.editor_switcher_highlight {
position: relative;
top: 1px;
border-bottom: 1px solid #FFFFFF;
background: #FFFFFF;
margin-left: 10px;
vertical-align: middle;
font-weight: bold;
}
.editor_text {
font: 12px Tahoma, Verdana;
border: 1px solid #86B9D6;
border-top: 0px;
background: #FFFFFF;
}
.editor_text textarea {
border: 0px;
background: #FFFFFF;
overflow: auto;
padding: 4px;
}
.editor_button {
background: #F5FBFF;
border: 1px solid #BBE9FF;
border-top: 1px solid #86B9D6;
position: relative;
top: -1px;
margin-bottom: 6px;
}
.editor_textexpand {
float: left;
position: relative;
top: -3px;
border-top: 0px;
}
.editor_buttonnormal {
background: #F5FBFF;
color: #282827;
padding: 1px;
border: none;
}
.editor_buttondown, .editor_buttonhover, .editor_buttonselected {
background: #F5FBFF;
color: #282827;
padding: 0px;
border: 1px solid #86B9D6;
}
.editor_menunormal, .editor_menuhover {
font: 11px tahoma;
height: 18px;
padding: 0px 3px 0px 3px;
white-space: nowrap;
overflow: hidden;
background: #FFFFFF;
color: #282827;
}
.editor_menunormal {
border-right: 1px solid #FFFFFF;
}
.editor_menuhover {
border-right: 1px solid #86B9D6;
}
.editor_menuhover div, .editor_menunormal div {
background: #FFFFFF;
color: #282827;
}

.editor_colormenunormal {
border-right: 1px solid #FFFFFF;
}
.editor_colormenuhover {
border-right: 1px solid #86B9D6;
}
.editor_colornormal {
padding: 2px;
font-size: 1px;
}
.editor_colorhover {
background: #86B9D6;
white-space: nowrap;
padding: 2px;
font-size: 1px;
}
.editor_colornormal div {
width: 10px;
height: 10px;
border: 1px solid #92A05A;
}
.editor_colorhover div {
width: 10px;
height: 10px;
border: 1px solid #86B9D6;
}

.popupmenu_popup {
color: #282827;
border: 1px solid #86B9D6;
}

.popupmenu_option {
background: #D9EEF9;
color: #282827;
font: 12px Tahoma, Verdana;
white-space: nowrap;
padding:3px 8px;
cursor: pointer;
}
.popupmenu_option a {
color: #282827;
padding:3px 8px;
text-decoration: none;
}
.headermenu_popup {
color: #282827;
border: 1px solid #86B9D6;
border-top: 0px;
margin-top: 8px;
}
.headermenu_popup a {
color: #282827;
text-decoration: none;
}
.popupmenu_highlight {
background: #7AC4EA;
color: #FFFFFF;
font: 12px Tahoma, Verdana;
white-space: nowrap;
padding:3px 8px;
cursor: pointer;
}
.popupmenu_highlight a {
color: #FFFFFF;
padding:3px 8px;
text-decoration: none;
}


/* votes*/
.percent {
 height: 10px !important;
 height: 12px;
 border: 1px solid #7AC4EA;
 float: left;
 padding: 0px;
}
.percent div {
background-image: url("bg.gif");
background-repeat: repeat-x;
background-position: 0 50%;
width: 100%;
height: 8px;
line-height: 0px;
font-size: 0px;
margin: 1px;
padding: 0px;
}
.percenttxt {
float:left;
font: 11px Arial, Tahoma;
padding-top: 2px !important;
padding-top: 1px;
color: #333333;
font-weight: bold;
}
.percenttxt u {
text-decoration: none;
font-weight: normal;
color: #999999;
}
/* votes*/

/*  pages css */
.p_bar {
margin: 1px 0px;
}
.p_bar a {
float: left;
padding: 1px 4px;
font-size: 12px;
text-decoration: none;
}

.p_total {
	background-color: #707070;
	border: 1px solid #707070;
	font-weight: bold;
	color: #FFFFFF;
}

.p_pages {
	background-color: #ffffff;
	border: 1px solid #707070;
	margin-right:1px;
	vertical-align: middle;
	font-weight: bold;
}

.p_num {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	margin-right:1px;
	vertical-align: middle;
}


a:hover.p_num  {
	background-color: #F5FBFF;
	border: 1px solid #7AC4EA;
	text-decoration: none;
}


.p_curpage {
	margin-right:1px;
	border: 1px solid #5A8DBE;
	vertical-align: middle;
	background-color: #5A8DBE;
	color: #FFFFFF;
	font-weight: bold;
}
/*  pages css */


/* data */
#calendar_year {
display: none;
line-height: 130%;
background: #FFFFFF;
position: absolute;
z-index: 10;
}
#calendar_year .col {
float: left;
background: #FFFFFF;
margin-left: 1px;
border: 1px solid #86B9D6;
padding: 4px;
}
#calendar_month {
display: none;
background: #FFFFFF;
line-height: 130%;
border: 1px solid #86B9D6;
padding: 4px;
position: absolute;
z-index: 11;
}

/* data */

#divline {
border: 1px solid #282827;
}


#footeradv {
	font-family:	tahoma, verdana, sans-serif;
	font-size:		11px !important;
	bottom: 0px;
	text-align: center;
	height: 50px;
	padding: 20px;
	width:100%;
}

#pagetop {
	background-color: #FFFFFF;
	padding:0px;
	text-align: left;
	width:100%;
}

#menutop{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #282827;
	text-align: right;
	background-position: left;
	width:100%;
}

#csscontent {
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #282827;
	padding: 5px;
	width:100%;
}

#cssfooter {
	font-family:	tahoma, verdana, sans-serif;
	font-size:		11px !important;
	position: relative;
	background-color: #FFFFFF;
	padding: 5px;
	padding-bottom: 5px;
	text-align: left;
	width:100%;
}

#blockquote { 
	border:#5AA8DA  dashed  1px; 
	padding:5px; 
	background-color:#F8F8F8;
	text-align: left;
	width:auto;
}

#center { 
	MARGIN-RIGHT: auto;
	MARGIN-LEFT: auto; 
	padding: 1px;
	width:98%;
}

.colorfocus {
	border: 1px #0099CC double;
	background-color: #E8FAFF;
}
.colorblur {
	border: 1px #cccccc double;
	background-color: #ffffff;
}

.textquote{
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #282827;
	text-align: left;
	padding:5px; 
}

.menuskin {
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #eeeeee 1px solid;
	BORDER-LEFT: #eeeeee 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	BACKGROUND-IMAGE: url(menubg.gif);
	FILTER: alpha(opacity=85)progid:DXImageTransform.Microsoft.Shadow(Color=#999999,Direction=120,strength=4);
	POSITION: absolute;
	VISIBILITY: hidden;
}
.menuitems {
	PADDING-RIGHT: 1px;
	PADDING-TOP: 1px;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px;
	MARGIN: 2px;
	font-size:9pt;
	line-height:14pt;
	text-align: left;
}
#mouseoverstyle {
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px;
	PADDING-TOP: 1px;
	BACKGROUND-COLOR: #1b7bce;
}
#mouseoverstyle A:hover {COLOR:#ffffff;TEXT-DECORATION: none}
.menuskin A {PADDING-RIGHT:20px;PADDING-LEFT:10px;}