/*! * 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)} }