#main {
|
position: relative;
|
font-size: 12px;
|
}
|
/* 瀵归〉闈腑鐨勬煡璇㈡潯浠舵牱寮忚繘琛屽畾涔�*/
|
.query-list {
|
background-color: #fff;
|
}
|
.query-list .query-header a, .query-list .no-body a {
|
display: block;
|
width: 100%;
|
height: 32px;
|
line-height: 32px;
|
text-align: center;
|
background-image: url('../image/table_th_bg.gif');
|
background-repeat: repeat-x;
|
color: #525252;
|
text-decoration: none;
|
}
|
.query-list .query-header a:hover, .query-list .no-body a:hover {
|
color: #2E70EE;
|
}
|
.query-list .query-body table {
|
width: 100%;
|
border-collapse: collapse;
|
border-spacing: 0;
|
border: 1px solid #bbb;
|
}
|
.query-list .query-body table th {
|
padding: 8px 0;
|
border: 1px solid #bbb;
|
}
|
.query-list .query-body table td {
|
padding: 1px 0;
|
border: 1px solid #bbb;
|
}
|
.query-list .query-body table select {
|
width: 100%;
|
height: 1.9em;
|
border: none;
|
}
|
|
/* 瀵归〉闈腑鏌ヨ缁撴灉鐨勬樉绀虹殑琛ㄦ牸杩涜瀹氫箟 */
|
.tbl-header {
|
position:relative;
|
width:100%;
|
height:30px;
|
overflow: hidden;
|
}
|
.tbl-header table {
|
position:absolute;
|
width: 100%;
|
border-collapse:collapse;
|
}
|
.tbl-header table thead th{
|
border:1px solid #ccc;
|
padding:6px 10px;
|
text-align: center;
|
white-space: nowrap;
|
background:url(../image/table_th_bg.gif) repeat-x;
|
}
|
.tbl-header table tbody td{
|
border:1px solid #ccc;
|
padding:8px 10px;
|
text-align: center;
|
white-space: nowrap;
|
}
|
.tbl-body {
|
position:relative;
|
width:100%;
|
height: 300px;
|
overflow: auto;
|
}
|
.tbl-body table {
|
position:absolute;
|
width: 100%;
|
border-collapse:collapse;
|
top: -30px;
|
margin-bottom:20px;
|
}
|
.tbl-body table thead th{
|
border:1px solid #ccc;
|
padding:6px 10px;
|
text-align: center;
|
white-space: nowrap;
|
background:url(../image/table_th_bg.gif) repeat-x;
|
}
|
.tbl-body table tbody td{
|
border:1px solid #ccc;
|
padding:8px 10px;
|
text-align: center;
|
white-space: nowrap;
|
}
|
.tbl-body table tbody tr:hover{
|
background-color: #eee;
|
}
|
|
.tbl-body table tbody tr.active {
|
background-color: #ccc;
|
}
|
.btn-list {
|
position: absolute;
|
right: 25px;
|
bottom: 40px;
|
background-color: #FFF;
|
z-index: 9999;
|
}
|
.btn-list .btn {
|
-webkit-display: inline-block;
|
-moz-display: inline-block;
|
-ms-display: inline-block;
|
-o-display: inline-block;
|
display: inline-block;
|
height: 30px;
|
line-height: 30px;
|
padding-left: 4px;
|
padding-right: 24px;
|
color: #494646;
|
text-decoration: none;
|
border: 1px solid #CCCCCC;
|
-webkit-border-radius: 4px;
|
-moz-border-radius: 4px;
|
-ms-border-radius: 4px;
|
-o-border-radius: 4px;
|
border-radius: 4px;
|
background-color: #DFE7E4;
|
}
|
.btn-list.hide-menu .btn {
|
display:none;
|
}
|
.btn-list.hide .btn-first{
|
-webkit-transform: rotate(180deg);
|
-ms-transform: rotate(180deg);
|
-o-transform: rotate(180deg);
|
transform: rotate(180deg);
|
}
|
.btn-list .btn-first {
|
-webkit-display: inline-block;
|
-moz-display: inline-block;
|
-ms-display: inline-block;
|
-o-display: inline-block;
|
display: inline-block;
|
width: 24px;
|
height: 30px;
|
line-height: 30px;
|
padding-left: 4px;
|
color: #494646;
|
text-decoration: none;
|
border: 1px solid #CCCCCC;
|
-webkit-border-radius: 4px;
|
-moz-border-radius: 4px;
|
-ms-border-radius: 4px;
|
-o-border-radius: 4px;
|
border-radius: 4px;
|
background-color: #DFE7E4;
|
}
|
|
.btn-list .btn:hover, .btn-list .btn-first {
|
color: #3B5D9C;
|
font-weight: bold;
|
background-color: #CBCFCE;
|
}
|
.btn-list .btn span, .btn-list .btn-first span {
|
-webkit-display: inline-block;
|
-moz-display: inline-block;
|
-ms-display: inline-block;
|
-o-display: inline-block;
|
display: inline-block;
|
width: 24px;
|
height: 20px;
|
vertical-align: middle;
|
}
|
|
/* 寮�鏀剧數鎸夐挳 */
|
.btn-list .btn span.start {
|
background-image: url(../image/dischage.png);
|
background-repeat: no-repeat;
|
background-position: -324px 0;
|
}
|
.btn-list .btn:hover span.start {
|
background-position: -348px 0;
|
}
|
|
/* 鍋滄鏀剧數鎸夐挳 */
|
.btn-list .btn span.stop {
|
background-image: url(../image/dischage.png);
|
background-repeat: no-repeat;
|
background-position: -444px 0;
|
}
|
.btn-list .btn:hover span.stop {
|
background-position: -491px 0;
|
}
|
|
/* 绉婚櫎鏃犳晥 */
|
.btn-list .btn span.remove {
|
background-image: url(../image/dischage.png);
|
background-repeat: no-repeat;
|
background-position: -60px 0;
|
}
|
.btn-list .btn:hover span.remove {
|
background-position: -611px 0;
|
}
|
|
/* 鏄剧ず闅愯棌 */
|
.btn-list .btn-first span.show {
|
background-image: url(../image/dischage.png);
|
background-repeat: no-repeat;
|
background-position: -275px 0;
|
}
|
.btn-list .btn-first:hover span.show {
|
background-position: -180px 0;
|
}
|
|
/*鍒嗛〉鏍峰紡*/
|
#paging{
|
padding:8px 0;
|
font-size: 14px;
|
background:url(../image/table_th_bg.gif) repeat-x;
|
text-align: center;
|
-webkit-user-select: none;
|
-moz-user-select: none;
|
-ms-user-select: none;
|
-o-user-select: none;
|
user-select: none;
|
}
|
#paging input{
|
width:28px;
|
height:24px;
|
border:1px solid #00FFFF;
|
}
|
#paging span{
|
margin-left:20px;
|
}
|
#paging a{
|
margin-left:10px;
|
}
|
#paging .input_container{
|
width:100%;
|
}
|
|
#paging .btn {
|
display:inline-block;
|
vertical-align: middle;
|
color: #040404;
|
text-decoration: none;
|
padding: 3px 30px;
|
-webkit-border-radius: 15px;
|
-moz-border-radius: 15px;
|
-ms-border-radius: 15px;
|
-o-border-radius: 15px;
|
border-radius: 15px;
|
background-color: #C1BEF3;
|
border: 1px solid #BEBEBE;
|
}
|
#paging .btn:hover {
|
color: #1910F5;
|
background-color: #fff;
|
}
|
|
#paging .btn.search {
|
background-image: url("../image/search.gif");
|
background-repeat: no-repeat;
|
background-position: 6px 3px;
|
}
|
|
#paging .btn.add {
|
background-image: url("../image/add.gif");
|
background-repeat: no-repeat;
|
background-position: 6px 3px;
|
}
|
#paging .btn.tbl-opt-btn {
|
background-image: url("../image/tbl-opt.gif");
|
background-repeat: no-repeat;
|
background-position: 6px 3px;
|
}
|
#paging .btn.output {
|
background-image: url("../image/output.gif");
|
background-repeat: no-repeat;
|
background-position: 6px 3px;
|
}
|
|
/* 琛ㄦ牸閫夐」鏍峰紡 */
|
.tbl-opt {
|
position: fixed;
|
z-index: 999999;
|
width: 400px;
|
background-color: #FFFFFF;
|
font-size: 12px;
|
}
|
.tbl-opt.show {
|
left: 50%;
|
top: 50%;
|
margin-left: -200px;
|
margin-top: -230px;
|
}
|
.tbl-opt.hide {
|
left: 0;
|
top: -9999px;
|
}
|
.tbl-opt .tbl-opt-header:before, .tbl-opt .tbl-opt-header:after,
|
.tbl-opt .tbl-opt-bottom:before, .tbl-opt .tbl-opt-bottom:after {
|
display: table;
|
content: " ";
|
}
|
.tbl-opt .tbl-opt-header:after,
|
.tbl-opt .tbl-opt-bottom:after {
|
clear: both;
|
}
|
.tbl-opt .tbl-opt-header {
|
height: 30px;
|
line-height: 30px;
|
background-image: url("../image/bg_13.jpg");
|
background-repeat: repeat-x;
|
}
|
.tbl-opt .tbl-opt-header img {
|
margin: 5px 10px;
|
vertical-align: middle;
|
}
|
.tbl-opt .tbl-opt-header .tbl-opt-close {
|
float: right;
|
margin-top: 4px;
|
}
|
.tbl-opt .tbl-opt-header .tbl-opt-close a {
|
display: block;
|
width: 21px;
|
height: 21px;
|
background-image: url('../image/backgrounds.32.png');
|
background-repeat: no-repeat;
|
background-position: -396px -20px;
|
}
|
.tbl-opt .tbl-opt-header .tbl-opt-close a:hover {
|
background-position: -396px -108px;
|
}
|
.tbl-opt .tbl-content-header {
|
position: relative;
|
width: 100%;
|
height: 32px;
|
overflow: hidden;
|
}
|
.tbl-opt .tbl-content-header table {
|
position: absolute;
|
width: 100%;
|
border-collapse: collapse;
|
}
|
.tbl-opt .tbl-content-body {
|
position: relative;
|
width: 100%;
|
height: 340px;
|
overflow: auto;
|
}
|
.tbl-opt .tbl-content-body table {
|
position: absolute;
|
width: 100%;
|
border-collapse: collapse;
|
top:-32px;
|
}
|
.tbl-opt .tbl-content-header table th,
|
.tbl-opt .tbl-content-body table th {
|
padding: 8px 0px;
|
background-image: url("../image/table_th_bg.gif");
|
background-repeat: repeat-x;
|
border: 1px solid #DED9D9;
|
text-align: center;
|
}
|
.tbl-opt .tbl-content-header table td,
|
.tbl-opt .tbl-content-body table td {
|
padding: 2px 0;
|
border: 1px solid #DED9D9;
|
text-align: center;
|
}
|
|
.tbl-opt .tbl-opt-bottom input {
|
font-size: 12px;
|
text-decoration: none!important;
|
font-family: Helvetica, Arial, sans serif;
|
padding: 6px 16px;
|
border-radius: 3px;
|
-moz-border-radius: 3px;
|
box-shadow: inset 0px 0px 2px #fff;
|
-o-box-shadow: inset 0px 0px 2px #fff;
|
-webkit-box-shadow: inset 0px 0px 2px #fff;
|
-moz-box-shadow: inset 0px 0px 2px #fff;
|
color: #41788c;
|
border: 1px solid #6fb1c7;
|
background-image: -moz-linear-gradient(#aae5f7, #73d0f1);
|
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));
|
background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);
|
background-image: -o-linear-gradient(#aae5f7, #73d0f1);
|
text-shadow: 1px 1px 1px #bfeafb;
|
background-color: #73d0f1;
|
}
|
.tbl-opt .tbl-opt-bottom {
|
background-color: #E9E7E7;
|
}
|
.tbl-opt .tbl-opt-bottom div {
|
float: left;
|
width: 50%;
|
margin: 10px 0;
|
text-align: center;
|
}
|
.tbl-opt .tbl-opt-bottom input:hover {
|
border: 1px solid #4690ad;
|
background-image: -moz-linear-gradient(#73d0f1, #aae5f7);
|
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1));
|
background-image: -webkit-linear-gradient(#73d0f1, #aae5f7);
|
background-image: -o-linear-gradient(#73d0f1, #aae5f7);
|
background-color: #aae5f7;
|
}
|
.tbl-opt-mask {
|
display: none;
|
position: fixed;
|
top: 0;
|
left: 0;
|
z-index: 99999;
|
width: 100%;
|
height: 100%;
|
background-color: #2D2C2C;
|
filter:alpha(opacity=30); /*IE婊ら暅锛岄�鏄庡害50%*/
|
-moz-opacity:0.3; /*Firefox绉佹湁锛岄�鏄庡害50%*/
|
opacity:0.3; /*鍏朵粬锛岄�鏄庡害50%*/
|
}
|
|
.tbl-toolbox:before, .tbl-toolbox:after {
|
display: table;
|
content: " ";
|
}
|
.tbl-toolbox:after {
|
clear: both;
|
}
|
|
.tbl-toolbox {
|
position: fixed;
|
bottom: 36px;
|
left: 50%;
|
z-index: 99;
|
margin-left: -30px;
|
}
|
.tbl-toolbox .tool-item {
|
float: left;
|
width: 30px;
|
height: 30px;
|
// border-radius: 50%;
|
background-color: #CECACA;
|
cursor: pointer;
|
margin-right: 2px;
|
}
|
.tbl-toolbox .tool-item:hover {
|
background-color: #B3AFAF;
|
}
|
.tbl-toolbox .tool-item.open {
|
background-image: url('../images/open.png');
|
background-repeat: no-repeat;
|
background-position: center;
|
}
|
.tbl-toolbox .tool-item.add {
|
background-image: url('../images/add.png');
|
background-repeat: no-repeat;
|
background-position: center;
|
}
|
.tbl-toolbox .tool-item.refresh {
|
background-image: url('../images/refresh.png');
|
background-repeat: no-repeat;
|
background-position: center;
|
}
|
