/* #################################################################### # 名称：应用开发中心CSS范例 # 版　　本：1.0 # 版权所有: 北京北控三兴信息技术有限公司 # 制作: 美工组 # 说明: 页面美化一律调用此文件，根据实际风格要求，修改现有样式；未涉及的样式请联系美工组或在本文尾部添加，添加时务必注明功能。 #################################################################### */ /*全局链接样式---TEXT-DECORATION的属性值可以为none、underline*/ /*有链接的字体默认设置--蓝字*/ A:link { FONT-SIZE: 9pt; COLOR: #305B96; TEXT-DECORATION: none;line-height: 150%;} /*指鼠标点击过后变的颜色*/ A:visited { FONT-SIZE: 9pt; COLOR: #305B96; TEXT-DECORATION: none;line-height: 150%;} /*指鼠标点击时变的颜色*/ A:active { FONT-SIZE: 9pt; COLOR: #305B96; TEXT-DECORATION: none;line-height: 150%;} /*指鼠标放在字上变颜色*/ A:hover { FONT-SIZE: 9pt; COLOR: #5B85BF;;text-decoration: underline;line-height: 150%;} /*黑字*/ .link01:link {FONT-SIZE: 9pt;COLOR: #000000;TEXT-DECORATION: none;line-height: 150%;} .link01:visited {FONT-SIZE: 9pt;COLOR: #000000;TEXT-DECORATION: none;line-height: 150%;} .link01:active {FONT-SIZE: 9pt;COLOR: #000000;TEXT-DECORATION: none;line-height: 150%;} .link01:hover {FONT-SIZE: 9pt;COLOR: #cccccc;TEXT-DECORATION: underline;line-height: 150%;} /*灰字*/ .link02:link {FONT-SIZE: 9pt;COLOR: #747575;TEXT-DECORATION: none;line-height: 150%;} .link02:visited {FONT-SIZE: 9pt;COLOR: #747575;TEXT-DECORATION: none;line-height: 150%;} .link02:active {FONT-SIZE: 9pt;COLOR: #747575;TEXT-DECORATION: none;line-height: 150%;} .link02:hover {FONT-SIZE: 9pt;COLOR: #A6A9A9;TEXT-DECORATION: underline;line-height: 150%;} /*白字*/ .link03:link {FONT-SIZE: 9pt;COLOR: #ffffff;TEXT-DECORATION: none;line-height: 150%;} .link03:visited {FONT-SIZE: 9pt;COLOR: #ffffff;TEXT-DECORATION: none;line-height: 150%;} .link03:active {FONT-SIZE: 9pt;COLOR: #ffffff;TEXT-DECORATION: none;line-height: 150%;} .link03:hover {FONT-SIZE: 9pt;COLOR: #ffffff;TEXT-DECORATION: underline;line-height: 150%;} /*全局页面样式，包括页边距、字体、滚动条样式、网页背景*/ body { margin: 0 0 0 0; FONT-FAMILY: 宋体,Arial; FONT-SIZE: 9pt; background-color: #024AB0; /*下面七行是滚动条的样式*/ scrollbar-arrow-color:#000000; scrollbar-track-color:#EEEEEE; scrollbar-highlight-color:#D4D0C8; scrollbar-face-color:#D4D0C8; scrollbar-Shadow-color:#D4D0C8; scrollbar-3dlight-color:#FFFFFF; scrollbar-darkshadow-color:#808080; } /*自定义页面样式---当个别页的样式需要与上述"全局页面样式"不同时，将 class="nbgbody" 添加到该页的处*/ .nbgbody { margin: 0,0,0,0; FONT-FAMILY: 宋体,Arial; FONT-SIZE: 9pt; scrollbar-arrow-color:#000000; scrollbar-track-color:#EEEEEE; scrollbar-highlight-color:#D4D0C8; scrollbar-face-color:#D4D0C8; scrollbar-Shadow-color:#D4D0C8; scrollbar-3dlight-color:#FFFFFF; scrollbar-darkshadow-color:#808080; /*下面是与全局不同的背景色和背景图*/ background-color: #FFFFFF; background-image: url(../root/forepageview/styles/css/no.gif); } /*自定义背景，主要用于实现渐变背景图到背景色的自然衔接，class="mybg" 可以用于表格或整页*/ .mybg { background-color: #00BCD5; background-image: url(../root/forepageview/styles/images/index/bg.jpg); /*下行背景图重复方式可以是repeat-x、repeat-y、no-repeat*/ background-repeat: repeat-x; /*下行背景图对齐方式可以是top、center、bottom、left、center、right*/ background-position: top; } .mybg2 { /*下行背景图重复方式可以是repeat-x、repeat-y、no-repeat*/ background-repeat: repeat-x; /*下行背景图对齐方式可以是top、center、bottom、left、center、right*/ background-position: top; } /*未知标签的默认设置*/ UNKNOWN { FONT-FAMILY: 宋体,Arial; FONT-SIZE: 9pt; } /*全局表格内文字样式*/ table,tr,td { FONT-FAMILY: "宋体", "Arial"; FONT-SIZE: 9pt; color:#184077; } /*全局form边距，设置为零*/ form { margin: 0 0 0 0; } /*全局输入域样式，影响单行输入域、多行输入域、单选框radio、复选框checkbox、默认按钮*/ input,textarea { border:1px solid #666666; border-top:1px solid #000000; border-left:1px solid #000000; font:normal 9pt 宋体,Arial; background-color:#F2F2F2; } /*自定义选框样式，将 class="radio" 添加到单选框radio、复选框checkbox的处，受上述"全局输入域样式"影响的单选框、多选框恢复其默认样式*/ .radio { border:none;/*无边框*/ background-color:transparent;/*背景色透明*/ } /*下划线单行录入框样式，将 class="inputline" 添加到目标处*/ .inputline { border:none; /*下行中的线型可以是solid、dashed、dotted*/ border-bottom:1px solid #000000; font:normal 9pt 宋体,Arial; background-color:transparent; } /*自定义按钮样式，将 class="button" 添加到按钮的处，受上述"全局输入域样式"影响的按钮变成"自定义按钮样式"*/ /*2-3个汉字的按钮*/ .BUTTON { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-TOP: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px; FONT-SIZE: 9pt; width:50px; height:18px; background-image: url(../root/forepageview/styles/css/button.gif); background-color:transparent; color:#000000; cursor:hand; } .BUTTONtj { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-TOP: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px; FONT-SIZE: 9pt; width:50px; height:18px; background-color:#999999; color:#ffffff; cursor:hand; } /*4-6个汉字的按钮*/ .BUTTON4 { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-TOP: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px; FONT-SIZE: 9pt; width:80px; height:18px; background-image: url(../root/forepageview/styles/css/button4.gif); background-color:transparent; color:#000000; cursor:hand; } /*7-9个汉字的按钮*/ .BUTTON7 { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-TOP: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px; FONT-SIZE: 9pt; width:120px; height:18px; background-image: url(../root/forepageview/styles/css/button7.gif); background-color:transparent; color:#000000; cursor:hand; } /*10-12个汉字的按钮*/ .BUTTON10 { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-TOP: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px; FONT-SIZE: 9pt; width:150px; height:18px; background-image: url(../root/forepageview/styles/css/button10.gif); background-color:transparent; color:#000000; cursor:hand; } /*页面跳转按钮,通常是写着GO的圆形或正方的图标*/ .GOBUTTON { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-TOP: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px; FONT-SIZE: 9pt; width:20px; height:20px; background-image: url(../root/forepageview/styles/css/go.gif); background-color:transparent; color:#000000; cursor:hand; } /*最简单细线表格，写发如下： */ /*下行样式用于限制表格单元格线为细线*/ .bordercollapse{ border-collapse:collapse; } /*隐藏表格线，例如：要将一个两行两列的表格的"左下" "右下" "右上"三个单元个连通，则应该按如下方法添加：

左上	右上
左下	右下

其他情况依次类推 */ .norightline { border-right: 0px none ; } .noleftline { border-left: 0px none ; } .notopline { border-top: 0px none ; } .nobottomline { border-bottom: 0px none ; } /*下行样式用于隐藏单元格四边的表格线*/ .noborder { border: 0px none; } /*下面命令就是将frame="void"加在table内就可以将一个n行n列的表格最外圈线去掉。*/ /**/ /* table 表格最上一条线隐藏*/ .textnotopline { border-top: 0px none ;/* 表格最上一条线隐藏*/ font-size:17px; } /*隐藏表格线结束*/ /*自定义文章标题*/ .txttitle { font-size:11pt; color: #000000; font-family: 宋体; /*下行中的字型可以是normal、bold*/ font-weight:bold; text-align:center; } /*发光标题或文字*/ .txtglow { FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #ffffff; FILTER: Glow(Color=#000000, Strength=1) DropShadow(Color=#000000, OffX=2, OffY=1, Positive=1); LINE-HEIGHT: 140% } /*阴影或浮雕文字，影子比文字深时是投影，反之是浮雕*/ .txtshadow{ FONT-WEIGHT: normal; FONT-SIZE: 11pt; COLOR: #ffffff; filter: DropShadow(Color=black, OffX=1, OffY=1);} /*自定义水平线样式---将 class="hr" 添加到目标

处*/ .hr { /*下行中的线型可以是solid、dashed、dotted*/ border:1px dashed #000000; height:1px; width:80%; } /*限制背景图为不重复*/ .noreapt { background-repeat: no-repeat; } /*限制背景图不随页面内容滚动*/ .bgfixed { background-attachment: fixed; } /*英文数字或单词强制换行*/ .wordbreak { WORD-BREAK: break-all; WORD-WRAP: break-word; } .wordkeep { WORD-BREAK: keep-all; } /*高度设置，用于定制文字行间距或单元格的高度，如果需要其他高度值请在此处自行添加*/ /*文字行间距，单位可以是%，em，px*/ .lh200{ line-height:200%; } .lh150{ line-height:150%; } .lh120{ line-height:120%; } /*表格单元格高度，单位px*/ .lh30px{ height:30px; } .lh25px{ height:25px; } .lh20px{ height:20px; } /*高度设置结束*/ /*备选颜色，可应用于文字*/ .white {color: #FFFFFF;} /*白色*/ .orenge {color: #FF6600;} /*橙色*/ .tuhuang {color: #7D4900;} /*土黄*/ .lightred {color: #FF6666;} /*浅红*/ .redtxt{color: #FF0000;} /*红色*/ .alittledarkred {color: #CC0000;} /*深红*/ .rosecolor{color: #9B0B23;}　　　 /*玫瑰红*/ .graytxt{color: #666666;} /*灰色*/ .graytxt_2{color: #282828;} /*深灰色*/ .blue {color: #3366FF;} /*蓝色*/ .darkblue {color: #3366CC;} /*深蓝*/ .darkgreen {color: #336633;} /*深绿*/ .darkgreen2 {color: #285604;} /*深绿*/ .black {color: #000000;} /*黑色*/ .purple1 {color: #78235F;} /*浅紫*/ .darkslateblue {color: #434172;} /*深板岩暗蓝灰色*/ .darkgoldenrod {color: #876105;} /*深秋麒麟色*/ .steelblue {color: #28517A;} /*钢蓝*/ .mtDropdownMenu { OVERFLOW: hidden; POSITION: absolute } .mtDropdownMenu .content { POSITION: absolute } .mtDropdownMenu .items { Z-INDEX: 2; POSITION: relative; border: 1px #999999 solid } .mtDropdownMenu .item { FONT-SIZE: 12px; CURSOR: hand; COLOR: #4A4B4B; TEXT-DECORATION: none; border: 0px none } .mtDropdownMenu .background { Z-INDEX: 1; FILTER: alpha(opacity=85); LEFT: 0px; POSITION: absolute; TOP: 0px; moz-opacity: .8 } .mtDropdownMenu .shadowRight { Z-INDEX: 2; FILTER: alpha(opacity=40); WIDTH: 2px; POSITION: absolute; TOP: 3px; moz-opacity: .4 } .mtDropdownMenu .shadowBottom { Z-INDEX: 3; FILTER: alpha(opacity=40); LEFT: 3px; POSITION: absolute; HEIGHT: 2px; moz-opacity: .4 } .mtDropdownMenu .hover { COLOR: #770516 } .03b { background-attachment: fixed; background-image: url(../root/forepageview/styles/images/index/03_b.gif); background-repeat: repeat-x; background-position: left top; } .042b{ background-attachment: fixed; background-image: url(../root/forepageview/styles/images/index/04_2b.gif); background-repeat: no-repeat; background-position: left top; } .044b { background-attachment: fixed; background-image: url(../root/forepageview/styles/images/index/04_4_2b.gif); background-repeat: no-repeat; background-position: left top; } .071b { background-attachment: fixed; background-image: url(../root/forepageview/styles/images/index/07_01_2b.gif); background-repeat: no-repeat; background-position: right bottom; } .073b { background-attachment: fixed; background-image: url(../root/forepageview/styles/images/index/07_3_b.gif); background-repeat: no-repeat; background-position: right bottom; } .1021b { background-attachment: fixed; background-image: url(../root/forepageview/styles/images/index/10_2_1b.gif); background-repeat: repeat-x; background-position: left bottom; } .1022b { background-attachment: fixed; background-image: url(../root/forepageview/styles/images/index/10_2_2b.gif); background-repeat: repeat-x; background-position: left bottom; } .1023b { background-attachment: fixed; background-image: url(../root/forepageview/styles/images/index/10_2_3b.gif); background-repeat: repeat-x; background-position: left bottom; } .1024b { background-attachment: fixed; background-image: url(../root/forepageview/styles/images/index/10_2_4b.gif); background-repeat: repeat-x; background-position: left bottom; }