@charset "utf-8";
|
.left {
|
float: left;
|
position: relative;
|
width: 70%;
|
overflow: hidden;
|
}
|
.right {
|
float: right;
|
width: 30%;
|
overflow: hidden;
|
background-color: #D4D0D0;
|
}
|
#tbBrdw table tbody tr:hover {
|
background-color: #DEDADA;
|
}
|
#tbBrdw table tbody tr.active {
|
background-color: #DEDADA;
|
}
|
table td div.status {
|
margin: 0 auto;
|
width: 20px;
|
height: 21px;
|
}
|
|
/* 无效按钮 */
|
table td div.no-effect {
|
background-image: url('../image/discharge_status1.gif');
|
background-repeat: no-repeat;
|
background-position: 0 0;
|
}
|
|
/* 有效按钮 */
|
table td div.effect {
|
background-image: url('../image/discharge_status1.gif');
|
background-repeat: no-repeat;
|
background-position: 0 -27px;
|
}
|
|
.left .btn-list {
|
position: absolute;
|
right: 25px;
|
bottom: 25px;
|
background-color: #FFF;
|
z-index: 9;
|
}
|
.left .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;
|
}
|
.left .btn-list.hide-menu .btn {
|
display:none;
|
}
|
.left .btn-list.hide-menu .btn-first{
|
-webkit-transform: rotate(180deg);
|
-ms-transform: rotate(180deg);
|
-o-transform: rotate(180deg);
|
transform: rotate(180deg);
|
}
|
.left .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;
|
}
|
|
.left .btn-list .btn:hover, .left .btn-list .btn-first {
|
color: #3B5D9C;
|
font-weight: bold;
|
background-color: #CBCFCE;
|
}
|
.left .btn-list .btn span, .left .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;
|
}
|
|
/* 开始放电按钮 */
|
.left .btn-list .btn span.start {
|
background-image: url(../image/dischage.png);
|
background-repeat: no-repeat;
|
background-position: -324px 0;
|
}
|
.left .btn-list .btn:hover span.start {
|
background-image: url(../image/dischage.png);
|
background-repeat: no-repeat;
|
background-position: -348px 0;
|
}
|
|
/* 停止放电按钮 */
|
.left .btn-list .btn span.stop {
|
background-image: url(../image/dischage.png);
|
background-repeat: no-repeat;
|
background-position: -444px 0;
|
}
|
.left .btn-list .btn:hover span.stop {
|
background-image: url(../image/dischage.png);
|
background-repeat: no-repeat;
|
background-position: -491px 0;
|
}
|
|
/* 移除无效 */
|
.left .btn-list .btn span.remove {
|
background-image: url(../image/dischage.png);
|
background-repeat: no-repeat;
|
background-position: -60px 0;
|
}
|
.left .btn-list .btn:hover span.remove {
|
background-image: url(../image/dischage.png);
|
background-repeat: no-repeat;
|
background-position: -611px 0;
|
}
|
|
/* 显示隐藏 */
|
.left .btn-list .btn-first span.show {
|
background-image: url(../image/dischage.png);
|
background-repeat: no-repeat;
|
background-position: -275px 0;
|
}
|
.left .btn-list .btn-first:hover span.show {
|
background-image: url(../image/dischage.png);
|
background-repeat: no-repeat;
|
background-position: -180px 0;
|
}
|