⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 mainframe.css

📁 下了就能用 不信你看一下 一定能用的
💻 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 + -