.um-popup-overlay { background: rgba(0,0,0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1999992; } .um-popup * { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .um-popup { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: fixed; left: 50%; top: 10%; margin-left: -250px; width: 500px; background: #fff; box-shadow: 0 1px 3px #111; z-index: 1999993; box-sizing: border-box; overflow: auto; color: #888; padding: 0 !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .um-popup.loading { background: #fff url(../img/loading.gif) no-repeat center; min-height: 100px; } .um-popup a { outline: none !important; } /* - Overlay */ .um-modal-overlay { background: rgba(0,0,0, 0.85); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } /* - modal */ .um-modal * { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } .um-modal-hidden-content { display: none; } .um-modal-close { display: block; position: fixed; right: 0; top: 0; font-size: 24px; text-decoration: none !important; color: #fff !important; padding: 0 10px; } .um-modal { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: fixed; left: 50%; display: none; z-index: 1999993; box-sizing: border-box; bottom: -50px; } .um-modal.normal {width: 500px;margin-left: -250px;} .um-modal.large {width: 730px;margin-left: -365px;} .um-modal.small {width: 400px;margin-left: -200px;} .um-modal-body { min-height: 3px; padding: 20px; box-sizing: border-box !important; width: 100%; background: #fff; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .um-modal-body.photo { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(255, 255, 255, 0.12) inset; background: #888; padding: 0; } .um-modal-body.photo img { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block; overflow: hidden; opacity: 0; } .um-modal.loading .um-modal-body { background: #fff url(../img/loading.gif) no-repeat center; min-height: 150px; } .um-modal div.um { margin-bottom: 20px !important; } .um-modal-header { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; height: 44px; line-height: 44px; color: #fff; padding: 0 20px; box-sizing: border-box; font-size: 17px; } .um-modal-footer { margin-top: 20px; } .um-modal-left { float: left; } .um-modal-right { float: right; } .um-modal-btn.disabled, .um-modal-btn.disabled:hover { opacity: 0.5; cursor: default !important; } .um-modal-btn { cursor: pointer !important; line-height: 34px !important; height: 34px; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 0 20px; text-align: center; color: #fff; vertical-align: middle; font-size: 14px; box-sizing: border-box; transition: 0.2s; text-decoration: none !important; } a.um-modal-btn:visited { color: #fff; } .um-modal-btn:hover { background: #44b0ec; color: #fff; } .um-modal-btn.alt { color: #666; background: #eee; } .um-modal-btn.alt:hover { background: #e5e5e5; } .um-modal .um-single-image-preview.crop img{ float:left; }