📄 mainframe.css
字号:
body{
background-color:#FFFFFF;
margin-top: 0px;
font-size: 14px;
margin-left: 0px;
margin-right: 0px;
}
/* =========================================== 页面默认的字体样式 =========================================== */
body, div, span, td, li, input{
font-size:12px;
}
/* =========================================== 常用字体可组合的样式 =========================================== */
.NormalFont /* 正常字体 */
{
font-size:12px;
}
.FattishFont /* 略大的字体 */
{
font-size:14px;
}
.LargeFont /* 大号的字体 */
{
font-size:24px;
}
/* =========================================== 常用背景可组合的样式 =========================================== */
.CommBorder /* 常用边框样式 */
{
border:1px solid #9D9DC1;
padding:4px;
}
.CommBgColor /* 常用背景样式( 不基于表格 ) */
{
background:#EBF2FA;
}
.CommTableBgColor /* 常用背景样式( 基于表格 ) 与 CommBgColor_TableTD结合生成带边框的表格 */
{
background:#A8CDE0;
}
.CommTableCellBgColor /* 常用背景样式( 基于表格的单元格 ) */
{
background:#EBF2FA;
}
/* ==================================================================================================== */
/* =========================================== 内页首页样式 =========================================== */
.IndexBorder /* 首页边框样式 */
{
border:1px solid #A8CDE0;
}
.PromptPanel /* 消息提示面片样式 */
{
height:40px;
background: url('images/index_14_02.jpg');
background-repeat:no-repeat;
}
.NewsList_Top /* 列表版块顶部样式 */
{
padding-left:3px;padding-top:0px;padding-bottom:2px;
background: url('images/index_08.jpg');
font-weight:bold;
}
.NewsList_Panel /* 列表版块中间面版样式(背景) */
{
background:#EEEEEE;
}
.NewsList_Item /* 列表版块行项样式 */
{
height:23px;
padding-left:3px;padding-top:2px;padding-bottom:2px;padding-right:3px;
background: url('images/line_01.jpg');
color:#535353;
background:#FFFFFF;
}
.NewsList_Bottom /* 列表版块底部样式 */
{
padding-left:3px;padding-top:2px;padding-bottom:2px;padding-right:3px;
background:#FFFFFF;
}
.RightBG
{
background:#eeeeee;
}
.RightPanel_Top /* 右列版块顶部样式 */
{
color:#FFFFFF;
padding-left:3px;padding-top:2px;padding-bottom:2px;padding-right:3px;
background: url('images/line_02.jpg');
font-weight:bold;
}
.RightPanel_Date
{
padding-left:3px;padding-top:2px;padding-bottom:2px;padding-right:3px;
color:#535353;
font-weight:bold;
}
.RightPanel_Time
{
color:#0000FF;
}
.RightPanel_Panel /* 右列版块中间面版样式(背景) */
{
background:#FFFFFF;
}
.RightPanel_Item /* 右列版块行项样式 */
{
height:23px;
padding-left:3px;padding-top:2px;padding-bottom:2px;padding-right:3px;
color:#868686;
background:#FFFFFF;
}
.RightPanel_Bottom /* 右列版块底部样式 */
{
padding-left:3px;padding-top:2px;padding-bottom:2px;padding-right:3px;
background:#FFFFFF;
}
/* =========================================== 常用表单的样式 =========================================== */
.FormBaseBG /* 表单基础背景色 */
{
background:#F5F6FF;
}
.FormCell_Filed /* 表格单元格前段样式 */
{
background:#EBF2FA;
}
.FormCell_Value /* 表格单元格后段样式 */
{
background:#EBF2FA;
}
.Button /* 按钮样式 */
{
height:25px;
border: 1px solid #9D9DC1;
cursor:hand;
background:url('images/button_01.jpg');
}
.TextBox_UL /* 输入框样式(只有下划线) */
{
border-width:0px;
border-bottom:1px solid #A8CDE0;
background:#EBF2FA;
}
.TextBox_FB /* 输入框样式(满边框) */
{
border:1px solid #9D9DC1;
background:#FFFFFF;
}
.TextBox_File /* 上传文件标签的样式 */
{
border:1px solid #9D9DC1;
}
.OptionLight /* 高亮的Option */
{
font-weight:bold;
}
.OptionGeneric /* 普通的Option */
{
font-size:12px;
}
/* =========================================== 常用Grid表格样式 =========================================== */
.GridBody /* Grid基础样式 */
{
/*
border-left:1px solid #A8CDE0;
border-right:1px solid #A8CDE0;
border-top:1px solid #A8CDE0;
border-bottom:1px solid #A8CDE0;
*/
background:#C3C7D8;
}
.GridHeader /* 页眉样式 */
{
background: url('images/list_01.jpg');
color: #003C63;
font-weight:bold;
}
.GridItem /* 行样式 */
{
color: #000000;
background: #F5F6FF;
}
.GridAlternating /* 交替行样式 */
{
color: #000000;
background: #FFFFFF;
}
.GridSelected /* 选中行样式 */
{
color: #000000;
background: #EFEFEF;
}
.GridPager /* 分页行样式 */
{
color: #000000;
background: url('images/list_02.jpg');
}
.GridFooter /* 页脚样式 */
{
}
/* =========================================== 导航菜单的样式 =========================================== */
.NavMenu_BG /* 导航菜单背景 */
{
height:25px;
background:url('images/topmenu_02.jpg');
border:1px solid #176191;
padding-top:5px;
padding-left:3px;
padding-right:0px;
padding-bottom:0px;
}
.NavMenu_Sep /* 分隔符样式 */
{
color:#FFFFFF;
padding-left:2px;
padding-right:2px;
padding-bottom:2px;
display:inline;
}
.NavMenu_Item /* 菜单项目样式 */
{
color:#FFFFFF;
padding-left:3px;
padding-right:3px;
padding-bottom:3px;
display:inline;
}
.NavMenu_Focus /* 当前焦点菜单的样式 */
{
padding-left:3px;
padding-right:3px;
padding-bottom:3px;
font-weight:bold;
color:#003C63;
display:inline;
/*background:url('images/button_3.jpg');*/
}
/* =========================================== 树型菜单的样式 =========================================== */
.MenuTree_BG /* 菜单树的整体背景样式 */
{
}
.MenuTree_InnerBG /* 菜单块的内部背景样式 */
{
}
.MenuTree_PrntItem_N /* 父级菜单的正常样式 */
{
}
.MenuTree_PrntItem_A /* 父级菜单的交换样式(鼠标经过) */
{
}
.MenuTree_ChildItem_N /* 子级菜单的交换样式 */
{
}
.MenuTree_ChildItem_A /* 子级菜单的交换样式(鼠标经过) */
{
}
/************************************DatePicker Style End***************************************/
.DatePicker_Text
{
font-size: 12px;
font-family: MS Sans Serif;
padding: 4px;
font-weight: normal;
padding-bottom: 1px;
margin: 0px;
padding-top: 3px;
letter-spacing: 1px;
height: 20px;
}
.DatePicker_Button
{
background-image: url(../js/Images/BIMG.gif);
border-left: 0px solid;
width: 22px;
height: 20px;
CURSOR: hand;
}
.DatePicker_DisText
{
font-size: 12px;
font-family: MS Sans Serif;
padding: 4px;
font-weight: normal;
padding-bottom: 1px;
margin: 0px;
padding-top: 3px;
letter-spacing: 1px;
height: 20px;
FILTER:gray();
COLOR: graytext;
CURSOR: default;
}
.DatePicker_DisButton
{
background-image: url(../js/Images/BIMG.gif);
border-left: 0px solid;
width: 22px;
height: 20px;
FILTER:gray();
COLOR: graytext;
CURSOR: default;
}
.RightPanel_Top /* 右列版块顶部样式 */
{
color:#7D4700;
padding-left:3px;padding-top:2px;padding-bottom:2px;padding-right:3px;
background: url('images/index_08.jpg');
font-weight:bold;
}
.RightBG
{
background:#eeeeee;
}
/************************************DatePicker Style End***************************************/
/* =========================================== 链接样式 =========================================== */
A:link{TEXT-DECORATION:none;Color:#4455aa}
A:active{Color:#4455aa}
A:visited{TEXT-DECORATION:none;Color:#4455aa}
A:hover{text-decoration:underline;}
/* =========================================== 滚动条样式 =========================================== */
/*body {*/
/*scrollbar-face-color: #CCCFFE; */ /* 滚动条亮边的颜色 */
/*scrollbar-shadow-color: #D8E2E7; */ /* 立体滚动条阴影的颜色 */
/*scrollbar-highlight-color: #DDDFFE; */ /* 滚动条空白部分的颜色 */
/*scrollbar-3dlight-color: #eeeeee; */ /* 滚动条亮边的颜色 */
/*scrollbar-darkshadow-color: #FFFFFF; */ /* 滚动条强阴影的颜色 */
/*scrollbar-track-color: #DDDFFE; */ /* 滚动条的背景颜色 */
/*scrollbar-arrow-color: #FFFFFF; */ /* 上下按钮上三角箭头的颜色 */
/*}*/
/* =========================================== 滚动条样式 =========================================== */
body {
scrollbar-face-color: #D8E2E7; /* 滚动条亮边的颜色 */
scrollbar-shadow-color: #D8E2E7; /* 立体滚动条阴影的颜色 */
scrollbar-highlight-color: #FFFFFF; /* 滚动条空白部分的颜色 */
scrollbar-3dlight-color: #96AABD; /* 滚动条亮边的颜色 */
scrollbar-darkshadow-color: #96AABD; /* 滚动条强阴影的颜色 */
scrollbar-track-color: #C2CACF; /* 滚动条的背景颜色 */
scrollbar-arrow-color: #606D79; /* 上下按钮上三角箭头的颜色 */
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -