49 lines
3.0 KiB
CSS
49 lines
3.0 KiB
CSS
@charset "UTF-8";
|
|
/**
|
|
*
|
|
* @authors yutent (yutent@doui.cc)
|
|
* @date 2016-09-21 01:36:22
|
|
*
|
|
*/
|
|
|
|
.do-ui-layer, .do-ui-layer * {margin: 0;padding: 0;vertical-align: baseline;box-sizing:border-box;}
|
|
.do-ui-layer a {text-decoration:none;}
|
|
|
|
@font-face {font-family: "deficon";
|
|
src: url('def.eot?t=1474609176'); /* IE9*/
|
|
src: url('def.woff?t=1474609176') format('woff'), /* chrome, firefox */
|
|
url('def.ttf?t=1474609176') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
|
|
}
|
|
|
|
.do-ui-layer-shade {position:fixed;left:0;top:0;z-index:65534;width:100%;height:100%;background:rgba(255,255,255,.05);}
|
|
.do-ui-layer {position:fixed;left:50%;top:230px;z-index:65535;width:auto;height:auto;}
|
|
|
|
|
|
.do-ui-layer.skin-def {min-width:300px;background:#fff;color:#666;font-size:13px;box-shadow:0 0 10px rgba(0,0,0,.3);}
|
|
.do-ui-layer.skin-def .deficon {display: inline-block;font-family:"deficon" !important;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
|
|
.do-ui-layer.skin-def .icon-1:before {content:"\e605";color:#11b330;}
|
|
.do-ui-layer.skin-def .icon-2:before {content:"\e602";color:#f30;}
|
|
.do-ui-layer.skin-def .icon-3:before {content:"\e603";color:#f30;}
|
|
.do-ui-layer.skin-def .icon-4:before {content:"\e604";color:#f30;}
|
|
.do-ui-layer.skin-def .icon-5:before {content:"\e608";color:#09f;}
|
|
.do-ui-layer.skin-def .icon-6:before {content:"\e609";color:#ee0}
|
|
.do-ui-layer.skin-def .icon-7:before {content:"\e60a";color:#63e2c2}
|
|
.do-ui-layer.skin-def .icon-8:before {content:"\e606";color:#ee0}
|
|
.do-ui-layer.skin-def .icon-9:before {content:"\e607";color:#f30;}
|
|
|
|
|
|
|
|
.do-ui-layer.skin-def .layer-title {width:100%;height:40px;padding:0 8px;line-height:40px;background:#f3f3f3;font-size:14px;color:#454545;}
|
|
.do-ui-layer.skin-def .layer-min,.do-ui-layer.skin-def .layer-close {position:absolute;display:block;top:10px;width:20px;height:20px;line-height:20px;border:0;text-align:center;cursor:pointer;}
|
|
.do-ui-layer.skin-def .layer-min {right:40px;}
|
|
.do-ui-layer.skin-def .layer-close {right:10px;}
|
|
.do-ui-layer.skin-def .layer-close:hover,.do-ui-layer.skin-def .layer-min:hover {border: 1px solid #ddd;line-height: 18px;}
|
|
.do-ui-layer.skin-def .layer-min:before {content:"\e600";}
|
|
.do-ui-layer.skin-def .layer-close:before {content:"\e601";}
|
|
|
|
.do-ui-layer.skin-def .layer-content {width:100%;height:auto;min-height:100px;padding:10px;}
|
|
.do-ui-layer.skin-def .layer-content .deficon {float:left;width:60px;height:100%;line-height:50px;font-size:40px;text-align:center;}
|
|
.do-ui-layer.skin-def .layer-content .detail {float:left;width:auto;height:100%;margin-top:10px;padding:5px 15px;word-break:break-all;word-wrap: break-word;}
|
|
|
|
.do-ui-layer.skin-def .layer-btns {width:100%;height:40px;padding:0 5px;line-height:28px;font-size:14px;color:#454545;text-align:right;}
|
|
.do-ui-layer.skin-def .layer-btns a {display:inline-block;width:auto;min-width:60px;height:30px;margin:0 5px;padding:0 10px;line-height:28px;border:1px solid #ddd;color:#454545;text-align:center;background:#f3f3f3;} |
JavaScript
95.2%
CSS
4.8%