Bbsxp7.0R3样式表略解

By admin at 2007-05-20 • 0人收藏 • 1123人看过

上午随便看了一下，好多还没看明白干什么的，先把看明白的发出来，其实yuzi大部分标注的已经很清楚了

a{text-decoration: none; color: #003366;cursor:pointer;}
A:hover{TEXT-DECORATION:underline;}
body,TD{FONT-SIZE:9pt;word-break:break-all;} /* 字体大小 */
body{BACKGROUND: #9EB6D8;MARGIN-TOP: 0px; }/* 背景颜色 */
table{text-align:left;} /* 表格对齐方式 */

.FrameLeftMenu {background-color: #698CC3;} /*框架左部份背景颜色*/

/* 论坛宽度 */
#CommonHeader{width:100%;}

/* 顶部TABLE */
#CommonTitleBar {
width: 100%;
background-color:#fff;
height:110px;
}

/* LOGO设置 */
#CommonTitleBarImage {
VERTICAL-ALIGN: top;
PADDING-TOP: 10px;
PADDING-LEFT: 10px;
}

/* Banner设置 */
#CommonTabBar {
VERTICAL-ALIGN: top;
text-align: right;
PADDING-TOP: 10px;
PADDING-RIGHT: 10px;
}

/* 论坛菜单设置 */
#CommonTitleBarLinks {
color: #e0f0f9;
text-align: right;
VERTICAL-ALIGN: bottom;
PADDING-BOTTOM: 3px;
PADDING-RIGHT: 10px;
}
#CommonTitleBarLinks a{color: #004c7d;}

/* 导航条设置 */
#CommonBreadCrumbArea {
font-weight: normal;
color: #004c7d;
padding-left: 8px;
}

/* 内容区设置 */
#CommonBody {
BACKGROUND-COLOR: #fff; /* 论坛内容区背景颜色 */
PADDING-TOP: 10px;
PADDING-BOTTOM: 20px;
PADDING-LEFT: 10px;
PADDING-RIGHT: 10px;
text-align:center;
}

/* 列表TABLE */
#CommonListArea{BACKGROUND-COLOR: #e0f0f9;MARGIN-TOP: 25px;border: 5px solid #e0f0f9;}

/* 列表标题 */
#CommonListTitle{background-color: #e0f0f9;COLOR:#004c7d;FONT-WEIGHT:bold;} /* 论坛组表格相关设置，颜色为会员在线信息，统计，生日字体颜色*/
#CommonListTitle a{COLOR: #004c7d;} /* 论坛组字体设置 */

/* 列表页眉 */
#CommonListHeader{BACKGROUND-COLOR: #f3f8ef;} /*论坛主题帖子最后发表版主所在表格背景颜色*/

/* 列表单元格 */
#CommonListCell{BACKGROUND-COLOR: #FFFFFF;}

/* 列表单元格右边框 */
#CommonListCellBorderRight{
border-right-width: 1px;
border-right-style: outset;
border-right-color: #e0f0f9;
}

/* 底部设置 */
#CommonFooter
{
PADDING-TOP: 10px;
background-color: #e0f0f9;
text-align:center;
color:#004c7d;
}
#CommonFooter a{color:#004c7d;}

/* 编辑器凹凸样式 */
TD.StatusBarBtnOff {padding:1px 5px;border:1px outset;cursor:pointer;}
TD.StatusBarBtnOn {padding:1px 5px;border:1px inset;background-color: #EEEEEE;}

/* 菜单样式 */
.menuskin {
BORDER-RIGHT: #0A2999 1px solid ;
BORDER-TOP: #0A2999 1px solid;
BORDER-LEFT: #0A2999 1px solid;
BORDER-BOTTOM: #0A2999 1px solid;
BACKGROUND-IMAGE: url(menubg.gif);
POSITION: absolute;
VISIBILITY: hidden;
z-index:2;
}
.menuitems {
PADDING-RIGHT: 1px;
PADDING-TOP: 1px;
PADDING-LEFT: 1px;
PADDING-BOTTOM: 1px;
MARGIN: 2px;
font-size:9pt;
line-height:14pt;
}
#mouseoverstyle {
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
BORDER-RIGHT: #0B008B 1px solid;
BORDER-TOP: #0B008B 1px solid;
BORDER-LEFT: #0B008B 1px solid;
BORDER-BOTTOM: #0B008B 1px solid;
BACKGROUND-COLOR: #FFEEC2
}
.menuskin A {PADDING-RIGHT:10px;PADDING-LEFT:30px;}

/* YBB代码引用样式 */
BLOCKQUOTE {
PADDING-RIGHT: 10px;
PADDING-LEFT: 4px;
PADDING-BOTTOM: 4px;
MARGIN: 16px;
PADDING-TOP: 4px;
border: 1px inset #e0f0f9;
}

/*Pannel Style 控制面板样式*/
.PannelBody {
BORDER:1px #A3C7E2 solid;
BORDER-TOP:none;
BACKGROUND-COLOR: #FFFFFF;
}
.PannelBody td{
PADDING-TOP: 5px;
PADDING-RIGHT: 0px;
PADDING-BOTTOM: 5px;
PADDING-LEFT: 20px;
color:#333333;
}
.PannelOff{
cursor:pointer;
BACKGROUND-COLOR: #698CC3;
COLOR:#FFF;
border-left:1px #A3C7E2 solid;
border-top:1px #A3C7E2 solid;
}
.PannelOn{
cursor:pointer;
BACKGROUND-COLOR: #FFFFFF;
FONT-WEIGHT:bold;
border-left:1px #A3C7E2 solid;
border-top:1px #A3C7E2 solid;
}
.TableRight {
border-top:0px;
border-left:1px #A3C7E2 solid;
border-bottom:1px #A3C7E2 solid;
}

/*Text Button*/
/*发贴按钮样式*/
.CommonImageTextButton {
display: inline-block;
display: -moz-inline-box;
display: inline-block;
padding: 2px;
margin: 1px;
border-top-color: #e0f0f9;
border-left-color: #e0f0f9;
background-color: #e0f0f9;
color: #000;
font-family: Tahoma, Arial, Helvetica;
font-weight: bold;
background-repeat: no-repeat;
background-position: 1px 1px;
padding-left: 22px;
line-height: normal;
white-space: nowrap;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: outset;
border-right-style: outset;
border-bottom-style: outset;
border-left-style: inset;
border-right-color: #e0f0f9;
border-bottom-color: #e0f0f9;
}

.CommonImageTextButton:LINK {
text-decoration: none;
color: #333333;
margin: 1px;
}

.CommonImageTextButton:VISITED {
text-decoration: none;
color: #333333;
}

.CommonImageTextButton:ACTIVE {
text-decoration: none;
color: #333333;
}
.CommonImageTextButton:HOVER {
text-decoration: none;
color: #333333;
background-color: #dddddd;

}
/*上传按钮样式*/
.CommonTextButton {
display: inline-block;
display: -moz-inline-box;
display: inline-block;
background-color: #ddd;
border-style: solid;
border-color: #999999;
border-width: 1px;
cursor: pointer;
position: relative;
top: 2px;
padding: 5px;
margin: 1px;
margin-bottom: 0px;
font-family: Tahoma, Arial, Helvetica;
font-weight: bold;
}

.CommonTextButton:LINK {
text-decoration: none;
color: #333333;
margin: 1px;
}
.CommonTextButton:VISITED {
text-decoration: none;
color: #333333;
}
.CommonTextButton:ACTIVE {
text-decoration: none;
color: #333333;
}
.CommonTextButton:HOVER {
text-decoration: underline;
color: #333333;
background-color: #dddddd;
}

/*弹出菜单DIV样式*/
.PopupMenu {
BORDER: #999 1px solid;
BACKGROUND: #fff;
POSITION: absolute
}
.PopupMenu LI, .PopupMenu UL {
PADDING: 0px;
BACKGROUND: #FFF;
MARGIN: 0px;
}
.PopupMenu LI {
LIST-STYLE-TYPE: none;text-align:left;
}
.PopupMenu A {
PADDING-RIGHT: 15px;
PADDING-LEFT: 25px;
PADDING-BOTTOM: 3px;
PADDING-TOP: 3px;
DISPLAY: block;
background-repeat: no-repeat;
background-position: 1px 1px;
color: #333
}
.PopupMenu A:hover {
BACKGROUND: #A3C7E2;
color:#000;
background-repeat: no-repeat;
background-position: 1px 1px;
}