21 lines
2.7 KiB
CSS
21 lines
2.7 KiB
CSS
.msgbox-overlay{z-index:2147483647;overflow:hidden;width:100vw;height:100vh;background-color:#000;position:absolute;top:0;left:0;display:none}
|
|
.msgbox-overlay-medium{opacity:.5}
|
|
.msgbox-overlay-light{opacity:.2}
|
|
.msgbox-wrapper div{display:block}
|
|
.msgbox-wrapper{z-index:2147483647;min-width:100px;min-height:60px;max-width:100vw;max-height:100vh;width:525px;height:auto;border:1px solid #000;background:#fff;position:absolute;display:none;padding:5px 15px 5px 15px;box-shadow:0 0 8px #444;border-radius:4px}
|
|
.msgbox-contents{display:block;padding:10px}
|
|
.msgbox-header-row{text-align:left;margin:0 0 10px 0}
|
|
.msgbox-close:hover{outline:1px solid #999;cursor:pointer}
|
|
.msgbox-close{float:right}
|
|
.msgbox-close svg{margin:6px!important}
|
|
.msgbox-icon{display:block!important;float:left!important;height:28px;width:28px;overflow:visible;padding-top:4px}
|
|
.msgbox-icon svg{overflow:visible!important}
|
|
.msgbox-title{color:#000!important;display:inline-block!important;line-height:inherit!important;vertical-align:text-top;margin-left:5px}
|
|
.msgbox-text{color:#000!important;font-size:1.1rem;line-height:1.35em;text-align:left;margin-top:20px;padding:2px;display:block!important;overflow:auto;white-space:wrap}
|
|
.msgbox-text svg.control-icon{max-height:36px!important;max-width:36px!important;margin-right:10px;display:inline-block!important}
|
|
.msgbox-text p{margin-top:10px;margin-bottom:10px;color:#000!important;line-height:1.25em}
|
|
.msgbox-timer-msg{color:#000!important;text-align:right;margin:10px 0 10px 0}
|
|
.msgbox-button-row{display:block!important;text-align:right;margin-top:20px;margin-bottom:10px}
|
|
[class*=background-color-index-]:not([class*=background-color-index-accent-1]):not([class*=background-color-index-accent-3]):not([class*=background-color-index-light]):not([class*=background-color-index-warning]):not([class*=background-color-index-disabled]):not([class*=background-color-index-unknown]) .button:not(.button--disabled):not(.button--plain){border-color:#01a982}
|
|
[class*=background-color-index-]:not([class*=background-color-index-accent-1]):not([class*=background-color-index-accent-3]):not([class*=background-color-index-light]):not([class*=background-color-index-warning]):not([class*=background-color-index-disabled]):not([class*=background-color-index-unknown]) .button:not(.button--disabled):not(.button--plain):not(.button--fill):hover{box-shadow:0 0 0 2px #01a982}
|
|
[class*=background-color-index-]:not([class*=background-color-index-accent-1]):not([class*=background-color-index-accent-3]):not([class*=background-color-index-light]):not([class*=background-color-index-warning]):not([class*=background-color-index-disabled]):not([class*=background-color-index-unknown]) .button:not(.button--disabled):not(.button--plain):focus{border-color:#2ad2c9;box-shadow:0 0 1px 1px #2ad2c9} |