`
lj82943421
  • 浏览: 16654 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

css定义

阅读更多
?

/* CSS For STOCOM */

/* 主文本区 */
body {
??? font-size:12px;
??? color: #4B4B4B;
??? left: 0px;
??? top: 0px;
??? right: 0px;
??? bottom: 0px;
??? margin: 0px;
??? text-align:center;
}

/* 超链接样式 */
a:link {
??? color: #3366CC;
??? text-decoration: none;
??? font-size: 12px;
}

a:visited {
??? color: #666699;
??? text-decoration: none;
}

a:hover {
??? color: #FF0000;
??? text-decoration: underline;
??? position: relative;
}

/* 短按钮,适合2个字。按钮不在表格内时使用。 */
.btn_short {
??? font-size: 12px;
??? color: #003366;
??? background-color: #FFFFFF;
??? background-image: url(../images/common/btn_short.gif);
??? text-align: center;
??? vertical-align: middle;
??? border: none;
??? height: 23px;
??? width: 47px;
??? cursor: pointer;
}

/* 长按钮,适合4个字。按钮不在表格内时使用。 */
.btn_long {
??? font-size: 12px;
??? color: #003366;
??? background-color: #FFFFFF;
??? background-image: url(../images/common/btn_long.gif);
??? text-align: center;
??? vertical-align: middle;
??? border: none;
??? height: 23px;
??? width: 82px;
??? cursor: pointer;
??? background-repeat:no-repeat;
}

.drop_menu {
??? width: 80%;
}

/* 配合表单使用的表格样式 */
.tb {
??? width: 96%;
??? background-color: #CAD8EA;
??? margin-left:auto;
??? margin-right:auto;
??? margin: 8px;
??? text-indent: 8px;
}

/* .tb样式表格内的单元格,使用.tb时同时生效 */
.tb td {
??? font-size:12px;
??? width: 15%;
??? height: 23px;
???
??? background-color: #FFFFFF;
??? padding-left: 2px;
??? padding-right: 4px;
??? vertical-align: middle;
??? white-space: nowrap;
}

/* .tb样式表格表头:背景图片、左对齐、字体加粗、字体颜色、缩近。用于“查询条件”所在表格表头。 */
.tb td.th_left {
??? font-weight: bold;
??? color: #003366;
??? text-align: left;
??? text-indent: 10px;
??? background-image: url(../images/common/thead_bg.gif);
}

/* .tb样式表格表头:背景图片、居中对齐、字体加粗、字体颜色。用于流程“批量审核小站列表”和“系统提示信息”等表格表头。 */
.tb td.th_center {
??? font-weight:bold;
??? color: #003366;
??? text-align: center;
??? text-indent:10px;
??? background-image: url(../images/common/thead_bg.gif);
}

/* .tb样式表格数据项的label:右对齐。适用于“表单项”或者“查看详情”的label。 */
.tb td.td_right {
??? text-align: right;
}

/* .tb样式表格内的单元格,4列。 */
.tb td.td_4cols {
??? width: 25%;
}

/* .tb样式表格内的单元格,6列。 */
.tb td.td_6cols {
??? width: 18%;
}

/* .tb样式表格内的单元格,留给客户端自定义。 */
.tb td.td_custom {
??? width: auto;
??? height: auto;
???
??? padding-left: inherit;
??? padding-right: inherit;
??? white-space: normal;
}

/* .tb样式表格内的input,使用.tb时同时生效。 */
.tb input {
??? width: 80%;

??? border-top-width: 1px;
??? border-right-width: 1px;
??? border-bottom-width: 1px;
??? border-left-width: 1px;

??? border-top-style: solid;
??? border-right-style: solid;
??? border-bottom-style: solid;
??? border-left-style: solid;
???
??? border-top-color: #6699CC;
??? border-right-color: #DFE8F3;
??? border-bottom-color: #DFE8F3;
??? border-left-color: #6699CC;
???
??? /* 对.tb样式表格内的checkbox, radio特殊处理,IE专用 */
??? width: expression((this.type=="checkbox" || this.type=="radio") ? "20px" : "style");
??? border: expression((this.type=="checkbox" || this.type=="radio") ? "none" : "style");
}

/* 对.tb样式表格内的checkbox, radio特殊处理,兼容firefox */
.tb input[type="checkbox"], input[type="radio"] {
??? width: 20px;
??? border: 0px;
}

/* .tb样式表格内的input,占整行1/3的。 */
.tb input.ipt_short {
??? width: 32%;
}

/* .tb样式表格内的input,留给客户端自定义。 */
.tb input.ipt_custom {
??? width: auto;
}

/* .tb样式表格内的短按钮,适合2个字。 */
.tb input.btn_short {
??? font-size: 12px;
??? color: #003366;
??? background-color: #FFFFFF;
??? background-image: url(../images/common/btn_short.gif);
??? text-align: center;
??? vertical-align: middle;
??? border: none;
??? height: 23px;
??? width: 47px;
??? cursor: pointer;
}

/* .tb样式表格内的长按钮,适合4个字。 */
.tb input.btn_long {
??? font-size: 12px;
??? color: #003366;
??? background-color: #FFFFFF;
??? background-image: url(../images/common/btn_long.gif);
??? text-align: center;
??? vertical-align: middle;
??? border: none;
??? height: 23px;
??? width: 82px;
??? cursor: pointer;
??? background-repeat:no-repeat;
}

/* .tb样式表格内的textarea,使用.tb时同时生效。 */
.tb textarea {
??? width: 80%;

??? border-top-width: 1px;
??? border-right-width: 1px;
??? border-bottom-width: 1px;
??? border-left-width: 1px;

??? border-top-style: solid;
??? border-right-style: solid;
??? border-bottom-style: solid;
??? border-left-style: solid;
???
??? border-top-color: #6699CC;
??? border-right-color: #DFE8F3;
??? border-bottom-color: #DFE8F3;
??? border-left-color: #6699CC;
}

/* .tb样式表格内的textarea,留给客户端自定义。 */
.tb textarea.ta_custom {
??? width: auto;
}

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics