m-hover.css
6.2 KB
.hover-show,.hover-show .wrap{width:285px;height:42px;line-height:42px}.hover-show .inner{position:absolute}.hover-show .submitBtn{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:opacity .1s linear 0s}.hover-on .inner,.hover-show:hover .inner{border:1px solid #5d7c2f;background-color:#fff;margin:-1px 0 0 -11px;padding:0 10px;box-shadow:5px 5px 0 #b2b2b2;z-index:1}.hover-on .inner .submitBtn,.hover-show:hover .inner .submitBtn{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}.hover-range{position:absolute;width:240px;top:0;left:-21px;visibility:hidden;display:none}.hover-range i{height:0;width:0;border-width:6px 5px 0;border-color:#000 transparent transparent;border-style:solid;position:absolute;top:-10px;left:110px;z-index:19;background:0 0}.hover-range em{height:0;width:0;border-width:6px 5px 0;border-color:#fff transparent transparent;border-style:solid;position:absolute;top:-11px;left:110px;z-index:20;background:0 0}.hover-contrary i{border-width:0 5px 6px;border-color:transparent transparent #000;top:29px}.hover-contrary em{border-width:0 5px 6px;border-color:transparent transparent #fff;top:30px}.hover-frame{position:absolute;left:25px;background-color:#f9f9f9;border:1px solid #5d7c2f;padding:10px;overflow:hidden;box-shadow:5px 5px 0 rgba(0,0,0,.3)}.hover-frame table{border-width:1px 0 0 1px;border-style:solid;border-color:#ccc;background:#fff;width:100%}.hover-frame td{border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;text-align:center;font-family:'Microsoft YaHei';color:#f60;padding:0 5px;font-size:12px}.hover-frame td b{display:block;font-weight:400;margin:5px;overflow:hidden;max-width:130px;height:18px;text-overflow:ellipsis;white-space:nowrap;color:#666}.hover-btn span{cursor:pointer;background-image:url(../../images/one-icon.png);background-repeat:no-repeat;display:inline-block;width:18px;height:18px;vertical-align:middle;margin:0 5px}.hover-btn{text-align:center;margin-bottom:5px;clear:both;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;position:absolute;left:0}.hover-btn span.btnleft{background-position:-61px -22px}.hover-btn span.btnright{background-position:-81px -22px}.hover-btn a{display:inline-block}.hover-btn b{display:inline-block;background-color:#ccc;border-radius:100%;height:10px;width:10px;margin:0;border:0;vertical-align:middle}.hover-btn b.on,.hover-btn b:hover{background-color:#78ad26;border:0}.hover-content{position:relative;width:106px;height:50px;margin-top:0;margin-bottom:10px;background:url(../../images/loading.gif) center center no-repeat}.hover-btn div,.hover-content div{display:inline-block}.hover-content div{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:opacity .1s linear 0s}.hover-content div.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}.hover-content .get-error{position:absolute;top:34px;left:97px;width:50px;display:block;font-family:'Microsoft YaHei'}.hover-range i.shadow-arrow{background:url(../../images/one-icon.png) -82px -104px no-repeat;border:0;width:14px;height:10px;display:block;display:none\0;visibility:hidden}.hover-show,.hover-show .wrap{width:285px;height:42px;line-height:42px}.hover-show .inner{position:absolute}.hover-show .submitBtn{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:opacity .1s linear 0s}.hover-on .inner,.hover-show:hover .inner{border:1px solid #5d7c2f;background-color:#fff;margin:-1px 0 0 -11px;padding:0 10px;box-shadow:5px 5px 0 #b2b2b2;z-index:1}.hover-on .inner .submitBtn,.hover-show:hover .inner .submitBtn{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}.hover-range{position:absolute;width:240px;top:0;left:-21px;visibility:hidden;display:none}.hover-range i{height:0;width:0;border-width:6px 5px 0;border-color:#000 transparent transparent;border-style:solid;position:absolute;top:-10px;left:110px;z-index:19;background:0 0}.hover-range em{height:0;width:0;border-width:6px 5px 0;border-color:#fff transparent transparent;border-style:solid;position:absolute;top:-11px;left:110px;z-index:20;background:0 0}.hover-contrary i{border-width:0 5px 6px;border-color:transparent transparent #000;top:29px}.hover-contrary em{border-width:0 5px 6px;border-color:transparent transparent #fff;top:30px}.hover-frame{position:absolute;left:25px;background-color:#f9f9f9;border:1px solid #5d7c2f;padding:10px;overflow:hidden;box-shadow:5px 5px 0 rgba(0,0,0,.3)}.hover-frame table{border-width:1px 0 0 1px;border-style:solid;border-color:#ccc;background:#fff;width:100%}.hover-frame td{border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;text-align:center;font-family:'Microsoft YaHei';color:#f60;padding:0 5px;font-size:12px}.hover-frame td b{display:block;font-weight:400;margin:5px;overflow:hidden;max-width:130px;height:18px;text-overflow:ellipsis;white-space:nowrap;color:#666}.hover-btn span{cursor:pointer;background-image:url(../../images/one-icon.png);background-repeat:no-repeat;display:inline-block;width:18px;height:18px;vertical-align:middle;margin:0 5px}.hover-btn{text-align:center;margin-bottom:5px;clear:both;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;position:absolute;left:0}.hover-btn span.btnleft{background-position:-61px -22px}.hover-btn span.btnright{background-position:-81px -22px}.hover-btn a{display:inline-block}.hover-btn b{display:inline-block;background-color:#ccc;border-radius:100%;height:10px;width:10px;margin:0;border:0;vertical-align:middle}.hover-btn b.on,.hover-btn b:hover{background-color:#78ad26;border:0}.hover-content{position:relative;width:106px;height:50px;margin-top:0;margin-bottom:10px;background:url(../../images/loading.gif) center center no-repeat}.hover-btn div,.hover-content div{display:inline-block}.hover-content div{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:opacity .1s linear 0s}.hover-content div.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}.hover-content .get-error{position:absolute;top:34px;left:97px;width:50px;display:block;font-family:'Microsoft YaHei'}.hover-range i.shadow-arrow{background:url(../../images/one-icon.png) -82px -104px no-repeat;border:0;width:14px;height:10px;display:block;display:none\0;visibility:hidden}