MESProductionWeb/Central.Control.WebPage/Content/themes/css/dialog.css

/*!
 * ui-dialog.css
 * Date: 2014-07-03
 * https://github.com/aui/artDialog
 * (c) 2009-2014 TangBin, http://www.planeArt.cn
 *
 * This is licensed under the GNU LGPL, version 2.1 or later.
 * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html
 */
.ui-dialog{position:relative;outline:none;background-clip:padding-box;font-family:'Microsoft YaHei',Helvetica,arial,sans-serif;font-size:12px;line-height:1.428571429;color:#333;}
.ui-dialog .ui-dialog-grid{background:#fff;opacity:0;}
.ui-popup-show .ui-dialog .ui-dialog-grid{opacity:1;-webkit-transition:opacity .85s .35s;transition:opacity .85s .35s}
.ui-dialog-grid{width:auto;margin:0;border:0 none;border-collapse:collapse;border-spacing:0;background:none}
.ui-dialog-body,.ui-dialog-footer,.ui-dialog-header{padding:0;border:0 none;text-align:left;background:none}
.ui-dialog .ui-dialog-header{white-space:nowrap;border-bottom:1px solid #E5E5E5;cursor:move}
.ui-dialog-close{position:relative;float:right;top:6px;right:13px;font-size:21px;font-weight:700;line-height:16px;text-align:center;padding:5px; color:#BFBCBC;text-shadow:0 1px 0 #FFF;cursor:pointer;background:none;border:0;-webkit-appearance:none}
.ui-dialog-close:focus,.ui-dialog-close:hover{text-decoration:none;cursor:pointer;outline:none;color:#c94e50;}



.ui-dialog-max {
    position: relative;
    float: right;
    top: 6px;
    right: 13px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    padding: 5px;
    color: #BFBCBC;
    cursor: pointer;
    background: none;
    border: 0;
    -webkit-appearance: none
}

    .ui-dialog-max:focus, .ui-dialog-max:hover {
        text-decoration: none;
        cursor: pointer;
        outline: none;
        color: #c94e50;
    }

.ui-dialog-min {
    position: relative;
    float: right;
    top: 6px;
    right: 13px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    padding: 5px;
    color: #BFBCBC;
    cursor: pointer;
    background: none;
    border: 0;
    -webkit-appearance: none
}

    .ui-dialog-min:focus, .ui-dialog-min:hover {
        text-decoration: none;
        cursor: pointer;
        outline: none;
        color: #c94e50;
    }

.ui-dialog .ui-dialog-title{margin:0;line-height:1.428571429;min-height:16.43px;padding:10px 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700;cursor:move;font-size: 15px;}
.ui-dialog-body{padding:12px;text-align:center}
.ui-dialog-content{display:inline-block;position:relative;vertical-align:middle;text-align:left}
.ui-dialog-footer{padding:0 20px 20px 20px}
.ui-dialog-statusbar{float:left;margin-right:20px;padding:6px 0;line-height:1.428571429;font-size:14px;color:#888;white-space:nowrap}
.ui-dialog-statusbar label:hover{color:#333}
.ui-dialog-statusbar .label,.ui-dialog-statusbar input{vertical-align:middle}
.ui-dialog-button{float:right;white-space:nowrap}
.ui-dialog-footer button+button{margin-bottom:0;margin-left:5px}
.ui-dialog-footer button{font-family:'Microsoft YaHei',Helvetica,arial,sans-serif;width:auto;overflow:visible;display:inline-block;padding:10px 30px;border: 1px solid;margin-bottom:0;font-size:12px;font-weight:400;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.ui-dialog-footer button:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.ui-dialog-footer button:focus,.ui-dialog-footer button:hover{color:#333;text-decoration:none}
.ui-dialog-footer button:active{background-image:none;outline:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.ui-dialog-footer button[disabled]{pointer-events:none;cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
.ui-dialog-footer button{color:#333;background-color:#fff;border-color:#ccc}
.ui-dialog-footer button:active,.ui-dialog-footer button:focus,.ui-dialog-footer button:hover{color:#333;background-color:#ebebeb;border-color:#adadad;outline:none}
.ui-dialog-footer button:active{background-image:none;outline:none}
.ui-dialog-footer button[disabled],.ui-dialog-footer button[disabled]:active,.ui-dialog-footer button[disabled]:focus,.ui-dialog-footer button[disabled]:hover{background-color:#fff;border-color:#ccc;outline:none}
.ui-dialog-footer button.ui-dialog-autofocus{color:#fff;background:#c94e50;outline:none;border:none;}
.ui-dialog-footer button.ui-dialog-autofocus:active,.ui-dialog-footer button.ui-dialog-autofocus:focus,.ui-dialog-footer button.ui-dialog-autofocus:hover{outline:none;}
.ui-dialog-footer button.ui-dialog-autofocus:active{background-image:none;outline:none}
.ui-popup-top .ui-dialog,.ui-popup-top-left .ui-dialog,.ui-popup-top-right .ui-dialog{top:-8px}
.ui-popup-bottom .ui-dialog,.ui-popup-bottom-left .ui-dialog,.ui-popup-bottom-right .ui-dialog{top:8px}
.ui-popup-left .ui-dialog,.ui-popup-left-bottom .ui-dialog,.ui-popup-left-top .ui-dialog{left:-8px}
.ui-popup-right .ui-dialog,.ui-popup-right-bottom .ui-dialog,.ui-popup-right-top .ui-dialog{left:8px}
.ui-dialog-arrow-a,.ui-dialog-arrow-b{position:absolute;display:none;width:0;height:0;overflow:hidden;border:8px dashed transparent}
.ui-popup-follow .ui-dialog-arrow-a,.ui-popup-follow .ui-dialog-arrow-b{display:block}
.ui-popup-top .ui-dialog-arrow-a,.ui-popup-top-left .ui-dialog-arrow-a,.ui-popup-top-right .ui-dialog-arrow-a{bottom:-16px;border-top:8px solid #7C7C7C}
.ui-popup-top .ui-dialog-arrow-b,.ui-popup-top-left .ui-dialog-arrow-b,.ui-popup-top-right .ui-dialog-arrow-b{bottom:-15px;border-top:8px solid #fff}
.ui-popup-top-left .ui-dialog-arrow-a,.ui-popup-top-left .ui-dialog-arrow-b{left:15px}
.ui-popup-top .ui-dialog-arrow-a,.ui-popup-top .ui-dialog-arrow-b{left:50%;margin-left:-8px}
.ui-popup-top-right .ui-dialog-arrow-a,.ui-popup-top-right .ui-dialog-arrow-b{right:15px}
.ui-popup-bottom .ui-dialog-arrow-a,.ui-popup-bottom-left .ui-dialog-arrow-a,.ui-popup-bottom-right .ui-dialog-arrow-a{top:-16px;border-bottom:8px solid #7C7C7C}
.ui-popup-bottom .ui-dialog-arrow-b,.ui-popup-bottom-left .ui-dialog-arrow-b,.ui-popup-bottom-right .ui-dialog-arrow-b{top:-15px;border-bottom:8px solid #fff}
.ui-popup-bottom-left .ui-dialog-arrow-a,.ui-popup-bottom-left .ui-dialog-arrow-b{left:15px}
.ui-popup-bottom .ui-dialog-arrow-a,.ui-popup-bottom .ui-dialog-arrow-b{margin-left:-8px;left:50%}
.ui-popup-bottom-right .ui-dialog-arrow-a,.ui-popup-bottom-right .ui-dialog-arrow-b{right:15px}
.ui-popup-left .ui-dialog-arrow-a,.ui-popup-left-bottom .ui-dialog-arrow-a,.ui-popup-left-top .ui-dialog-arrow-a{right:-16px;border-left:8px solid #7C7C7C}
.ui-popup-left .ui-dialog-arrow-b,.ui-popup-left-bottom .ui-dialog-arrow-b,.ui-popup-left-top .ui-dialog-arrow-b{right:-15px;border-left:8px solid #fff}
.ui-popup-left-top .ui-dialog-arrow-a,.ui-popup-left-top .ui-dialog-arrow-b{top:15px}
.ui-popup-left .ui-dialog-arrow-a,.ui-popup-left .ui-dialog-arrow-b{margin-top:-8px;top:50%}
.ui-popup-left-bottom .ui-dialog-arrow-a,.ui-popup-left-bottom .ui-dialog-arrow-b{bottom:15px}
.ui-popup-right .ui-dialog-arrow-a,.ui-popup-right-bottom .ui-dialog-arrow-a,.ui-popup-right-top .ui-dialog-arrow-a{left:-16px;border-right:8px solid #7C7C7C}
.ui-popup-right .ui-dialog-arrow-b,.ui-popup-right-bottom .ui-dialog-arrow-b,.ui-popup-right-top .ui-dialog-arrow-b{left:-15px;border-right:8px solid #fff}
.ui-popup-right-top .ui-dialog-arrow-a,.ui-popup-right-top .ui-dialog-arrow-b{top:15px}
.ui-popup-right .ui-dialog-arrow-a,.ui-popup-right .ui-dialog-arrow-b{margin-top:-8px;top:50%}
.ui-popup-right-bottom .ui-dialog-arrow-a,.ui-popup-right-bottom .ui-dialog-arrow-b{bottom:15px}
@-webkit-keyframes ui-dialog-loading{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes ui-dialog-loading{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.ui-dialog-loading{vertical-align:middle;position:relative;display:block;overflow:hidden;width:32px;height:32px;top:50%;margin:-16px auto 0 auto;font-size:0;text-indent:-999em;color:#666}
.ui-dialog-loading::after{position:absolute;content:'';width:3px;height:3px;margin:14.5px 0 0 14.5px;border-radius:100%;box-shadow:0 -10px 0 1px #ccc,10px 0 #ccc,0 10px #ccc,-10px 0 #ccc,-7px -7px 0 .5px #ccc,7px -7px 0 1.5px #ccc,7px 7px #ccc,-7px 7px #ccc;-webkit-transform:rotate(360deg);-webkit-animation:ui-dialog-loading 1.5s infinite linear;transform:rotate(360deg);animation:ui-dialog-loading 1.5s infinite linear}
.morph-shape{position:absolute;width:calc(100%);height:calc(100%);top:0px;left:0px;z-index:-1}
.ui-popup-show .ui-dialog .morph-shape svg rect{stroke:#fff;stroke-width:3px;stroke-dasharray:1680}
.ui-popup-show .ui-dialog .morph-shape svg rect{-webkit-animation:anim-dash .6s forwards;animation:anim-dash .6s forwards}
.ui-popup-show .ui-dialog .ui-dialog-title{-webkit-animation:anim-elem-1 .7s ease-out both;animation:anim-elem-1 .7s ease-out both}
.ui-popup-show .ui-dialog .ui-dialog-body{-webkit-animation:anim-elem-2 .7s ease-out both;animation:anim-elem-2 .7s ease-out both}
@keyframes anim-dash{0%{stroke-dashoffset:1680}
100%{stroke-dashoffset:0}
}
@-webkit-keyframes anim-dash{0%{stroke-dashoffset:1680}
100%{stroke-dashoffset:0}
}
@-webkit-keyframes anim-elem-1{0%{opacity:0;-webkit-transform:translate3d(-150px,0,0)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0)}
}
@keyframes anim-elem-1{0%{opacity:0;-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes anim-elem-2{0%{opacity:0;-webkit-transform:translate3d(150px,0,0)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0)}
}
@keyframes anim-elem-2{0%{opacity:0;-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}