CSS
来源：互联网 发布：软件测试教材 编辑：程序博客网 时间：2024/06/02 17:00
<style>
.dragAble {position:relative;cursor:move;}
/*************************** 页面样式块 *****************************/
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
}
body,td,th {
color: #000000;
font-family: 宋体;
font-size: 12px;
}
.logon_label{
font-size:13px;
font-weight:bold;
}
.e1 {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #666666;
line-height: 24px;
}
.frame_table {
height:97%;
width:700px;
margin-left:auto;
margin-right:auto;
border-bottom: #A6ABAF 1px solid;
border-top: #A6ABAF 1px solid;
border-left: #A6ABAF 1px solid;
border-right: #A6ABAF 1px solid;
}
.scrollbar {
overflow:auto;
scrollbar-face-color:#CED8F7;
scrollbar-3dlight-color:silver;
scrollbar-highlight-color:#ffffff;
scrollbar-darkshadow-color:#5A67AA;
scrollbar-shadow-color:#d6d6ce;
scrollbar-arrow-color:#5A670A;
scrollbar-track-color:#CED8F7;
}
/*************************** 结束 *****************************/
/*************************** 功能页面样式块 *****************************/
.edit_table {
border: 0px solid #C6D3E7;
background-color: #F2F2F2;
width: 778px;
}
.pop_table {
border: 0px solid #C6D3E7;
background-color: #F2F2F2;
width: 100%;
height: 100%;
}
.table_form {
border: 2px solid #C6D3E7;
text-align: center;
background-color: #FFFFFF;
width: 740px;
}
.pop_table_form {
border: 2px solid #C6D3E7;
text-align: center;
background-color: #FFFFFF;
width: 95%;
height: expression(document.body.clientHeight-40);
}
.table_form_button{
text-align: right;
vertical-align: top;
}
.edit_td_list{
height: 569px;
background-color: #FFFFFF;
text-align: center;
vertical-align: top;
}
.edit_list_table{
width: 700px;
}
.edit_head {
background-image:url(../../images/titlebg.gif);
border-bottom-width: 1px;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #A6ABAF;
text-align: center;
vertical-align: middle;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #A6ABAF;
font-family: "宋体";
font-size: 12px;
background-color: #D4DBEE;
letter-spacing: 1px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #A6ABAF;
font-weight: bold;
color: #1C4FA0;
}
.edit_head_first {
background-image:url(../../images/titlebg.gif);
height: 24;
line-height: 24px;
text-align: center;
vertical-align: middle;
font-family: 宋体;
font-size: 12px;
background-color: #D4DBEE;
letter-spacing: 1px;
border: 1px solid #A6ABAF;
font-weight: bold;
color: #1C4FA0;
}
.edit_body_first {
line-height: 24px;
text-align: center;
vertical-align: middle;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #A6ABAF;
border-right-color: #A6ABAF;
border-bottom-color: #A6ABAF;
border-left-color: #A6ABAF;
}
.edit_body {
line-height: 24px;
text-align: center;
vertical-align: middle;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #A6ABAF;
border-right-color: #A6ABAF;
border-bottom-color: #A6ABAF;
}
div.data{
cursor:default;
font-family:"宋体";
padding-left: 2px;
padding-right: 2px;
noWrap;
text-overflow:ellipsis;
overflow:hidden;
}
/*************************** 结束 *****************************/
/*************************** 查询控件样式块*****************************/
.queryinput_caption{
border-color: #666666;
background-color: #F0F0F4;
height: 23px;
width: 60px;
align: center;
text-align: right;
valign: middle;
}
.queryinput_caption_long{
border-color: #666666;
background-color: #F0F0F4;
height: 23px;
align: center;
valign: middle;
}
.queryinput_field{
border-color: #666666;
background-color: #F0F0F4;
height: 23px;
align: left;
valign: middle;
}
.queryinput_label{
background-image:url(../../images/a001.gif);
border: 1px solid #B4B4B4;
height: 23px;
width: 100px;
text-align: right;
}
.queryinput_td{
background-image:url(../../images/a016.gif);
border: 1px solid #B4B4B4;
height: 23px;
text-align: left;
}
.queryinput_text{
border-left-color:#A6ABAF;
border-top-color:#A6ABAF;
border-right-color:#A6ABAF;
border-bottom-color:#A6ABAF;
width:140px;
height:20px;
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;
}
/*************************** 表单控件样式块 *****************************/
.checkbox_label {
cursor:pointer;
}
.label{
height: 27px;
width: 100px;
}
.input_label{
height: 27px;
width: 100px;
text-align: right;
}
.must {
color: #FF0000;
margin-right: 5px;
}
.input_td{
height: 27px;
text-align: left;
}
.select_list{
border:1px solid #a3abaf;
width: 112px;
height:18px;
clip:rect(0px,76px,22px,0px);
overflow:hidden;
}
.select {
width: 115px;
position:relative;
left:-2px;
top:-2px;
font-size:12px;
line-height:19px;
border:0px;
border-style:none;
border: 1px solid #a3abaf;
}
select {
width: 115px;
position:relative;
left:-2px;
top:-2px;
font-size:12px;
line-height:19px;
border:0px;
border-style:none;
border: 1px solid #a3abaf;
}
.textarea{
width:425px;
border-color:#a3abaf;
border-width:1px;
border-style:solid;
background-color: #fefefe;
}
.textarea_read{
width:350px;
border-color:#a3abaf;
border-width:1px;
border-style:solid;
background-color: #EEEEEE;
}
.radio{
height:16px;
width:16px;
border:none;
}
.input_button {
font-family: 宋体;
font-size: 9pt;
color: #000000;
text-decoration: none;
background-image: url(../../images/ds_37.gif);
background-repeat: no-repeat;
display: inline;
height: 21px;
width: 56px;
margin: 1px;
padding: 1px;
border: none;
text-align: center;
}
.input_button_middle {
font-family: 宋体;
font-size: 9pt;
color: #000000;
text-decoration: none;
background-image: url(../../images/middlebtn.gif);
background-repeat: no-repeat;
display: inline;
height: 21px;
width: 78px;
margin: 1px;
padding: 1px;
border: none;
text-align: center;
}
.input_button_long {
font-family: 宋体;
font-size: 9pt;
color: #000000;
text-decoration: none;
background-image: url(../../images/longbtn.gif);
background-repeat: no-repeat;
display: inline;
height: 21px;
width: 83px;
margin: 1px;
padding: 1px;
border: none;
text-align: center;
}
.input_button_longest {
font-family: 宋体;
font-size: 9pt;
color: #000000;
text-decoration: none;
background-image: url(../../images/ds_371.gif);
background-repeat: no-repeat;
display: inline;
height: 21px;
width: 100px;
margin: 1px;
padding: 1px;
border: none;
text-align: center;
}
.btnCalendar {
border-left: 0px solid #84A2CE;
background-image:url(../../images/calendar.gif);
width:19px;
height:20px;
}
.btn_lookup {
border-top: 1px solid #84A2CE outset;border-left: 1px solid #84A2CE outset;
border-right: 1px solid #84A2CE inset;border-bottom: 1px solid #84A2CE inset;
font-size: 12px; color: #000000;
border-left: 0px solid #84A2CE; cursor:default; display:inline; height: 20px; width:19px;
background-image:url(../../images/btn.gif);
}
.input_text{
border-left-color:#A6ABAF;
border-top-color:#A6ABAF;
border-right-color:#A6ABAF;
border-bottom-color:#A6ABAF;
width:115px;
height:19px;
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;
}
.input_noborder {
border: 0px;
width:100%;
}
.read {
border-left-color:#A6ABAF;
border-top-color:#A6ABAF;
border-right-color:#A6ABAF;
border-bottom-color:#A6ABAF;
width:115px;
height:19px;
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;
background-color: #EEEEEE;
}
.input_detail {
width:100%;
background-color: #EBEFFC;
border-left-color:#A6ABAF;
border-top-color:#A6ABAF;
border-right-color:#A6ABAF;
border-bottom-color:#A6ABAF;
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;
}
.input_detail_read {
width:100%;
border:0px;
}
.gridDelBtn {
border: 0px solid; cursor:default; display:inline; width:12px; height:12px; background:;
font-size: 12px; padding-left:4px; padding-right:2px;
background-image:url(../../images/delete.gif);
}
.input_middle {
border-left-color:#A6ABAF;
border-top-color:#A6ABAF;
border-right-color:#A6ABAF;
border-bottom-color:#A6ABAF;
width:134px;
height:17px;
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;
}
.input_short {
border-left-color:#A6ABAF;
border-top-color:#A6ABAF;
border-right-color:#A6ABAF;
border-bottom-color:#A6ABAF;
width:82px;
height:17px;
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;
}
.input_shortest {
border-left-color:#A6ABAF;
border-top-color:#A6ABAF;
border-right-color:#A6ABAF;
border-bottom-color:#A6ABAF;
width:50px;
height:17px;
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;
}
/*************************** 结束 *****************************/
/*************************** 信息查看样式 *****************************/
.view_caption{
border-color: #666666;
background-color: #F0F0F4;
height: 23px;
width: 100px;
align: center;
text-align: right;
valign: middle;
}
.view_field{
border-color: #666666;
background-color: #F0F0F4;
height: 23px;
width: 140px;
align: left;
valign: middle;
}
/*************************** 结束 *****************************/
/*************************** 超链接样式块 *****************************/
a:link {
text-decoration: none;
color: #1C4FA0;
}
a:visited {
text-decoration: none;
color: #1C4FA0;
}
a:hover {
text-decoration: underline;
color: #FF6600;
}
a:active {
text-decoration: none;
color: #1C4F9E;
}
.a_link{
cursor: pointer;
color: #1C4FA0;
}
.text_link{
cursor: pointer;
color: black;
}
a.navigation:link {
text-decoration:none;
color:#FFFFFF
}
a.navigation:visited {
text-decoration:none;
color:#FFFFFF
}
a.navigation:active,a.navigation:hover {
text-decoration:none;
color:#FFFFFF
}
a.normal:link {
color:#000000
}
a.normal:visited {
color:#000000
}
a.normal:active,a.normal:hover {
color:#000000
}
/*************************** 结束 *****************************/
/**************************** Lookup用到的样式 *******************************/
tr.head {
height: 21px;
background-color: #CED8F7;
}
tr.even {
background-color: #F7F7FF;
height: 20px;
}
.bigImageBtn {
width:72;
height:23;
border:0px;
font-size:12px;
background-image:url(../../images/button.jpg);
}
.smallImageBtn {
width:72;
height:17;
border:0px;
font-size:12px;
background-image:url(../../images/button2.jpg);
}
/*************************** 结束 *****************************/
/************** 功能页面的表格与主页面上的各信息栏表格用到此样式块 ****************/
.white {
font-family: 宋体;
font-size: 14px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
}
.line {
border: 1px solid #C0C0C0;
}
.td_tile {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #C0C0C0;
}
.white2 {
font-family: 宋体;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-indent: 20px;
color: #FFFFFF;
letter-spacing: 2px;
}
.blue {
font-family: "宋体";
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #1E4EA0;
letter-spacing: 1px;
}
.blue1 {
font-family: "宋体";
font-size: 12px;
font-weight: bold;
color: #1C4FA0;
font-style: normal;
letter-spacing: 1px;
}
.title1 {
font-family: "黑体";
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
letter-spacing: 1px;
}
/***************************** 结束 ****************************/
/***************************** 洽谈室 ****************************/
.line1 {
border: 1px solid #5C86BD;
}
.f1copy {
height: 22px;
text-align: center;
vertical-align: middle;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
.f1copy_left {
height: 22px;
text-align: left;
vertical-align: middle;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
.f1 {
height: 22px;
text-align: center;
vertical-align: middle;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
}
.f1_left {
height: 22px;
text-align: left;
vertical-align: middle;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
}
.f1_right {
height: 22px;
text-align: right;
vertical-align: middle;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
}
.input_middleCopy {
border-left-color:#A6ABAF;
border-top-color:#A6ABAF;
border-right-color:#A6ABAF;
border-bottom-color:#A6ABAF;
width:130px;
height:42px;
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;
}
.list_head {
height: 25px;
text-align: center;
vertical-align: middle;
background-color: #D4DBEE;
background-image: url(../../images/a013.gif);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #A6ABAF;
border-left-style: none;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #A6ABAF;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #A6ABAF;
font-size: 12px;
font-weight: bold;
color: #1C4FA0;
}
.list_head_1 {
background-image: url(../../images/a013.gif);
text-align: center;
vertical-align: middle;
font-size: 12px;
background-color: #D4DBEE;
letter-spacing: 1px;
border: 1px solid #A6ABAF;
font-weight: bold;
color: #1C4FA0;
}
.list_head_2 {
background-image: url(../../images/bg-2.jpg);
text-align: center;
vertical-align: middle;
font-size: 12px;
letter-spacing: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #CCCCCC;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #CCCCCC;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #CCCCCC;
color: #1C4FA0;
}
.list_head2 {
height: 20px;
text-align: center;
vertical-align: middle;
background-color: #CCCCCC;
background-image: url(../../images/bg-2.jpg);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #CCCCCC;
border-left-style: none;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #CCCCCC;
font-size: 12px;
color: #1C4FA0;
}
.list_bottom {
height: 20px;
text-align: center;
vertical-align: middle;
background-color: #D4DBEE;
background-image: url(../../images/a013.gif);
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
.blueCopy {
font-family: "宋体";
font-size: 14px;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #1E4EA0;
letter-spacing: 2px;
}
.bottom1 {
font-family: "宋体";
font-size: 13px;
color: #000000;
text-decoration: none;
background-image: url(../../images/ds_37.gif);
background-repeat: no-repeat;
display: inline;
height: 20px;
width: 56px;
margin: 1px;
padding: 1px;
border: none;
text-align: center;
font-style: normal;
font-weight: normal;
font-variant: normal;
}
.bottom2 {
font-family: "黑体";
font-size: 12pt;
color: #FFFFFF;
text-decoration: none;
background-image: url(../images/004.gif);
background-repeat: no-repeat;
display: inline;
height: 27px;
width: 126px;
margin: 1px;
padding: 1px;
border: none;
text-align: center;
}
.bottom3 {
font-family: "黑体";
font-size: 12pt;
color: #FFFFFF;
text-decoration: none;
background-image: url(../images/011.gif);
background-repeat: no-repeat;
display: inline;
height: 27px;
width: 126px;
margin: 1px;
padding: 1px;
border: none;
text-align: center;
}
.input_long2 {
border-left-color:#A6ABAF;
border-top-color:#A6ABAF;
border-right-color:#A6ABAF;
border-bottom-color:#A6ABAF;
width:450px;
height:17px;
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;
}
.line3 {
border: 1px solid #5C86BD;
}
.input_pp {
border-left-color:#A6ABAF;
border-top-color:#A6ABAF;
border-right-color:#A6ABAF;
border-bottom-color:#A6ABAF;
width:100%;
height:98px;
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;
}
/***** 合同打印样式 ***/
.title_ht {
font-family: "黑体";
font-size: 20px;
font-weight: normal;
line-height: 65px;
letter-spacing: 3px;
}
.body_ht {
font-family: "宋体";
font-size: 16px;
line-height: 32px;
}
.body_ht_p {
font-family: "仿宋_GB2312";
font-size: 13px;
line-height: 32px;
}
/***************************** 结束 ****************************/
</style>
