@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; }