diff --git a/css/custom.css b/css/custom.css index d001d42..caa3e42 100644 --- a/css/custom.css +++ b/css/custom.css @@ -78,7 +78,7 @@ span[class*="-sign"] { margin: 0 5px 0 0; padding: 0; text-align: center; - color: #fff; + color: #333; font: normal normal normal 22px/1 sans-serif } diff --git a/css/custom.min.css b/css/custom.min.css index f393c92..d4e54e7 100644 --- a/css/custom.min.css +++ b/css/custom.min.css @@ -1 +1 @@ -.header-modal span{display:inline-table;display:inline-block;width:50%;text-align:center;font-size:70%}.header-modal a{display:inline-block;width:34px;height:34px;margin:0 0 0 .5em;text-decoration:none;line-height:32px;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%}.header-modal a:hover,.header-modal a:active{-webkit-box-shadow:0 0 2px #0288d1;-moz-box-shadow:0 0 2px #0288d1;-khtml-box-shadow:0 0 2px #0288d1;box-shadow:0 0 2px #0288d1;-webkit-transform:translate(1.2,1.2);-webkit-transition:transform 200ms ease-out;-moz-transform:translate(1.2,1.2);-moz-transition:transform 200ms ease-out;-ms-transform:translate(1.2,1.2);-ms-transition:transform 200ms ease-out;transform:translate(1.2,1.2);transition:transform 200ms ease-out;-webkit-tap-highlight-color:transparent}.header-modal svg{display:inline-block;width:32px;height:32px;margin:0;vertical-align:middle;text-align:center;color:#aaa;font-size:2em;cursor:pointer}.header-modal path{fill:#aaa}span[class*="-sign"]{display:table-cell;display:inline-block;float:left;width:1.364em;margin:0 5px 0 0;padding:0;text-align:center;color:#fff;font:normal normal normal 22px/1 sans-serif}span[class*="-sign"] strong{display:inline-table;width:1.364em;vertical-align:baseline;text-align:center;font:100%/1 'Cambria Math','Apple Symbols'}.error-sign{background:#e27575}html .info-sign{background:#9ea8dd}.success-sign{background:#00c853}.warning-sign{background:#fbc02d}@media only screen and (max-width:720px){html .header-modal span{width:auto;margin:0}.header-modal a{float:none;width:24px;height:24px;margin:0 0 0 .5em;vertical-align:middle}.header-modal svg{width:22px;height:22px;vertical-align:baseline}} \ No newline at end of file +.header-modal span{display:inline-table;display:inline-block;width:50%;text-align:center;font-size:70%}.header-modal a{display:inline-block;width:34px;height:34px;margin:0 0 0 .5em;text-decoration:none;line-height:32px;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%}.header-modal a:hover,.header-modal a:active{-webkit-box-shadow:0 0 2px #0288d1;-moz-box-shadow:0 0 2px #0288d1;-khtml-box-shadow:0 0 2px #0288d1;box-shadow:0 0 2px #0288d1;-webkit-transform:translate(1.2,1.2);-webkit-transition:transform 200ms ease-out;-moz-transform:translate(1.2,1.2);-moz-transition:transform 200ms ease-out;-ms-transform:translate(1.2,1.2);-ms-transition:transform 200ms ease-out;transform:translate(1.2,1.2);transition:transform 200ms ease-out;-webkit-tap-highlight-color:transparent}.header-modal svg{display:inline-block;width:32px;height:32px;margin:0;vertical-align:middle;text-align:center;color:#aaa;font-size:2em;cursor:pointer}.header-modal path{fill:#aaa}span[class*="-sign"]{display:table-cell;display:inline-block;float:left;width:1.364em;margin:0 5px 0 0;padding:0;text-align:center;color:#333;font:normal normal normal 22px/1 sans-serif}span[class*="-sign"] strong{display:inline-table;width:1.364em;vertical-align:baseline;text-align:center;font:100%/1 'Cambria Math','Apple Symbols'}.error-sign{background:#e27575}html .info-sign{background:#9ea8dd}.success-sign{background:#00c853}.warning-sign{background:#fbc02d}@media only screen and (max-width:720px){html .header-modal span{width:auto;margin:0}.header-modal a{float:none;width:24px;height:24px;margin:0 0 0 .5em;vertical-align:middle}.header-modal svg{width:22px;height:22px;vertical-align:baseline}} \ No newline at end of file diff --git a/css/modal-box.css b/css/modal-box.css index bd39446..65457a0 100644 --- a/css/modal-box.css +++ b/css/modal-box.css @@ -343,7 +343,6 @@ body .modal-dialog { -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; - -o-border-radius: 0 0 2px 2px; -ms-border-radius: 0 0 2px 2px; -khtml-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; diff --git a/css/modal-box.min.css b/css/modal-box.min.css index 1bc2164..3cd9892 100644 --- a/css/modal-box.min.css +++ b/css/modal-box.min.css @@ -1,2 +1,2 @@ @charset "UTF-8"; -/*! CSS Modal Box by cara-tm.com - MIT license - https://github.com/cara-tm/modal_box */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html,body{height:100%;margin:0;padding:0}.wf-loading{opacity:0;visibility:hidden;height:100%;overflow:hidden}.wf-active{opacity:1;visibility:visible}body .modal-dialog{font:normal normal normal 16px/1 Arial,'Helvetica Neue',Helvetica,sans-serif;font-kerning:normal;-moz-font-feature-settings:"kern";-webkit-font-feature-settings:"kern";font-feature-settings:"kern"}.no__select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.modal-dialog:target{opacity:1;display:block;pointer-events:auto}.modal-dialog:target .modal{opacity:1;-webkit-animation:scale-up-center 100ms cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center 100ms cubic-bezier(.39,.575,.565,1) both}.modal-dialog:target ~ .wrapper,a[class^="close"]:target ~ .wrapper{overflow:auto;position:absolute;z-index:-1;top:0;left:0;height:0;margin:0;padding:0}#close:target ~ .wrapper,a[class^="close"]:target ~ .wrapper{position:static}.modal-dialog{display:none;opacity:0;position:fixed;position:absolute;z-index:99999;top:0;right:0;bottom:0;left:0;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNiqAcAAIgAgoGu+rEAAAAASUVORK5CYII=) 0 0 repeat;background:rgba(255,255,255,.95)}.modal-dialog .modal{overflow:hidden;overflow:-moz-hidden-unscrollable;position:relative;z-index:1000;max-width:35em;margin:2.5% auto 0;margin:5vh auto 0;background:#fff;font-size:125%;-webkit-border-radius:6px 6px 0 0;-khtml-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);will-change:transform;-webkit-box-shadow:0 20px 70px -10px rgba(51,51,51,.3),0 50px 100px 0 rgba(51,51,51,.2);-moz-box-shadow:0 20px 70px -10px rgba(51,51,51,.3),0 50px 100px 0 rgba(51,51,51,.2);-khtml-box-shadow:0 20px 70px -10px rgba(51,51,51,.3),0 50px 100px 0 rgba(51,51,51,.2);box-shadow:0 20px 70px -10px rgba(51,51,51,.3),0 50px 100px 0 rgba(51,51,51,.2);zoom:1}.modal-dialog .close{display:block;position:absolute;z-index:10000;top:.35em;right:.4em;width:1.45em;height:1.435em;margin:0;padding:0;background:#0288d1;vertical-align:middle;align-self:center;text-align:center;text-decoration:none;color:#fff;line-height:1.45;cursor:pointer;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%}.modal-dialog .close:hover,.inner-dialog .close:active{background:#03a9f4;outline:none;border:none;-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);transform:scale(1.2,1.2);-webkit-tap-highlight-color:transparent}.header-modal{position:relative;z-index:1001;height:5em;min-height:5rem;max-height:26vh;border:1px solid #eee;border-bottom:0;color:#aaa;font-family:inherit;font-weight:300;-webkit-border-radius:6px 6px 0 0;-khtml-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;-webkit-box-shadow:-15px 10px 30px rgba(255,255,255,.9);-moz-box-shadow:-15px 10px 30px rgba(255,255,255,.9);box-shadow:-15px 10px 30px rgba(255,255,255,.9)}.header-modal h1{display:inline;display:inline-block;margin:0;padding:0 0 0 .5em;vertical-align:middle;letter-spacing:-1px;text-transform:capitalize;line-height:90px;font-size:110%;font-weight:400}.modal-dialog .inner-dialog{overflow:hidden;overflow:auto;overflow-y:visible;overflow-y:auto;display:block;width:94.25%;width:auto;width:calc(100% - 41px);max-height:14em;max-height:47vh;height:90%;margin:0;padding:5px 20px 0 20px;border-right:1px solid #eee;border-left:1px solid #eee;color:#212121;hyphens:auto}.modal-dialog .modal.modal-message{border:1px solid #eee;-webkit-border-radius:6px 6px 0 0;-khtml-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}.modal-dialog .modal.modal-message .inner-dialog{overflow:hidden;margin:0;border:0}:-webkit-any(.inner-dialog) *{font-size:100%}:-moz-any(.inner-dialog) *{font-size:100%}:matches(.inner-dialog) *{font-size:100%}.modal-dialog .inner-dialog p{font-size:85%;line-height:1.5}.footer-modal{overflow-y:auto;width:100%;height:3em;height:3rem;background:#0288d1;text-align:right;border-right:1px solid #0288d1;border-left:1px solid #0288d1;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-o-border-radius:0 0 2px 2px;-ms-border-radius:0 0 2px 2px;-khtml-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;-webkit-box-shadow:0 -10px 30px rgba(0,0,0,0.14);-moz-box-shadow:0 -10px 30px rgba(0,0,0,0.15);-khtml-box-shadow:0 -10px 30px rgba(0,0,0,0.14);box-shadow:0 -10px 30px rgba(0,0,0,0.14)}.modal-dialog .footer-modal a{display:inline-table;display:inline-block;float:right;padding:0 2em;text-transform:uppercase;text-decoration:none;white-space:nowrap;word-break:keep-all;color:#fff;font-weight:700;font-size:70%;line-height:4.3em;line-height:3rem;outline:none;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s ease-out}.footer-modal a:hover,.footer-modal a:active{background:#03a9f4;-webkit-tap-highlight-color:#03a9f4}@media only screen and (max-width:720px){.modal-dialog .modal.modal-message .inner-dialog{max-height:none;height:auto}.header-modal{max-height:11vmax}.modal-dialog .modal{width:80%;margin:5vh auto 3em;margin:calc(15vh - 50px) auto 3em;margin:5vmin auto 3em}.footer-modal{-webkit-box-shadow:0 -10px 20px rgba(225,225,225,.95);-moz-box-shadow:0 -10px 20px rgba(225,225,225,.95);-khtml-box-shadow:0 -10px 20px rgba(225,225,225,.95);box-shadow:0 -10px 20px rgba(225,225,225,.95)}.footer-modal a{font-size:60%}.mob-hide{display:none}}:-o-prefocus,html .modal-dialog .inner-dialog{height:100%;max-height:100%}:-o-prefocus,html .footer-modal a{display:inline-block;padding:.8em 2em}.modal-dialog ::-webkit-scrollbar{width:3px;height:3px}.modal-dialog ::-webkit-scrollbar-button{background-color:#666}.modal-dialog ::-webkit-scrollbar-track{background-color:#999}.modal-dialog ::-webkit-scrollbar-track-piece{background-color:#fff}.modal-dialog ::-webkit-scrollbar-thumb{height:50px;background-color:#999;border-radius:3px}.modal-dialog ::-webkit-scrollbar-corner{background-color:#999}.modal-dialog ::-webkit-resizer{background-color:#666} \ No newline at end of file +/*! CSS Modal Box by cara-tm.com - MIT license - https://github.com/cara-tm/modal_box */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html,body{height:100%;margin:0;padding:0}.wf-loading{opacity:0;visibility:hidden;height:100%;overflow:hidden}.wf-active{opacity:1;visibility:visible}body .modal-dialog{font:normal normal normal 16px/1 Arial,'Helvetica Neue',Helvetica,sans-serif;font-kerning:normal;-moz-font-feature-settings:"kern";-webkit-font-feature-settings:"kern";font-feature-settings:"kern"}.no__select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.modal-dialog:target{opacity:1;display:block;pointer-events:auto}.modal-dialog:target .modal{opacity:1;-webkit-animation:scale-up-center 100ms cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center 100ms cubic-bezier(.39,.575,.565,1) both}.modal-dialog:target ~ .wrapper,a[class^="close"]:target ~ .wrapper{overflow:auto;position:absolute;z-index:-1;top:0;left:0;height:0;margin:0;padding:0}#close:target ~ .wrapper,a[class^="close"]:target ~ .wrapper{position:static}.modal-dialog{display:none;opacity:0;position:fixed;position:absolute;z-index:99999;top:0;right:0;bottom:0;left:0;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGNiqAcAAIgAgoGu+rEAAAAASUVORK5CYII=) 0 0 repeat;background:rgba(255,255,255,.95)}.modal-dialog .modal{overflow:hidden;overflow:-moz-hidden-unscrollable;position:relative;z-index:1000;max-width:35em;margin:2.5% auto 0;margin:5vh auto 0;background:#fff;font-size:125%;-webkit-border-radius:6px 6px 0 0;-khtml-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);will-change:transform;-webkit-box-shadow:0 20px 70px -10px rgba(51,51,51,.3),0 50px 100px 0 rgba(51,51,51,.2);-moz-box-shadow:0 20px 70px -10px rgba(51,51,51,.3),0 50px 100px 0 rgba(51,51,51,.2);-khtml-box-shadow:0 20px 70px -10px rgba(51,51,51,.3),0 50px 100px 0 rgba(51,51,51,.2);box-shadow:0 20px 70px -10px rgba(51,51,51,.3),0 50px 100px 0 rgba(51,51,51,.2);zoom:1}.modal-dialog .close{display:block;position:absolute;z-index:10000;top:.35em;right:.4em;width:1.45em;height:1.435em;margin:0;padding:0;background:#0288d1;vertical-align:middle;align-self:center;text-align:center;text-decoration:none;color:#fff;line-height:1.45;cursor:pointer;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%}.modal-dialog .close:hover,.inner-dialog .close:active{background:#03a9f4;outline:none;border:none;-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);transform:scale(1.2,1.2);-webkit-tap-highlight-color:transparent}.header-modal{position:relative;z-index:1001;height:5em;min-height:5rem;max-height:26vh;border:1px solid #eee;border-bottom:0;color:#aaa;font-family:inherit;font-weight:300;-webkit-border-radius:6px 6px 0 0;-khtml-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;-webkit-box-shadow:-15px 10px 30px rgba(255,255,255,.9);-moz-box-shadow:-15px 10px 30px rgba(255,255,255,.9);box-shadow:-15px 10px 30px rgba(255,255,255,.9)}.header-modal h1{display:inline;display:inline-block;margin:0;padding:0 0 0 .5em;vertical-align:middle;letter-spacing:-1px;text-transform:capitalize;line-height:90px;font-size:110%;font-weight:400}.modal-dialog .inner-dialog{overflow:hidden;overflow:auto;overflow-y:visible;overflow-y:auto;display:block;width:94.25%;width:auto;width:calc(100% - 41px);max-height:14em;max-height:47vh;height:90%;margin:0;padding:5px 20px 0 20px;border-right:1px solid #eee;border-left:1px solid #eee;color:#212121;hyphens:auto}.modal-dialog .modal.modal-message{border:1px solid #eee;-webkit-border-radius:6px 6px 0 0;-khtml-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}.modal-dialog .modal.modal-message .inner-dialog{overflow:hidden;margin:0;border:0}:-webkit-any(.inner-dialog) *{font-size:100%}:-moz-any(.inner-dialog) *{font-size:100%}:matches(.inner-dialog) *{font-size:100%}.modal-dialog .inner-dialog p{font-size:85%;line-height:1.5}.footer-modal{overflow-y:auto;width:100%;height:3em;height:3rem;background:#0288d1;text-align:right;border-right:1px solid #0288d1;border-left:1px solid #0288d1;-webkit-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-ms-border-radius:0 0 2px 2px;-khtml-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px;-webkit-box-shadow:0 -10px 30px rgba(0,0,0,0.14);-moz-box-shadow:0 -10px 30px rgba(0,0,0,0.15);-khtml-box-shadow:0 -10px 30px rgba(0,0,0,0.14);box-shadow:0 -10px 30px rgba(0,0,0,0.14)}.modal-dialog .footer-modal a{display:inline-table;display:inline-block;float:right;padding:0 2em;text-transform:uppercase;text-decoration:none;white-space:nowrap;word-break:keep-all;color:#fff;font-weight:700;font-size:70%;line-height:4.3em;line-height:3rem;outline:none;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s ease-out}.footer-modal a:hover,.footer-modal a:active{background:#03a9f4;-webkit-tap-highlight-color:#03a9f4}@media only screen and (max-width:720px){.modal-dialog .modal.modal-message .inner-dialog{max-height:none;height:auto}.header-modal{max-height:11vmax}.modal-dialog .modal{width:80%;margin:5vh auto 3em;margin:calc(15vh - 50px) auto 3em;margin:5vmin auto 3em}.footer-modal{-webkit-box-shadow:0 -10px 20px rgba(225,225,225,.95);-moz-box-shadow:0 -10px 20px rgba(225,225,225,.95);-khtml-box-shadow:0 -10px 20px rgba(225,225,225,.95);box-shadow:0 -10px 20px rgba(225,225,225,.95)}.footer-modal a{font-size:60%}.mob-hide{display:none}}:-o-prefocus,html .modal-dialog .inner-dialog{height:100%;max-height:100%}:-o-prefocus,html .footer-modal a{display:inline-block;padding:.8em 2em}.modal-dialog ::-webkit-scrollbar{width:3px;height:3px}.modal-dialog ::-webkit-scrollbar-button{background-color:#666}.modal-dialog ::-webkit-scrollbar-track{background-color:#999}.modal-dialog ::-webkit-scrollbar-track-piece{background-color:#fff}.modal-dialog ::-webkit-scrollbar-thumb{height:50px;background-color:#999;border-radius:3px}.modal-dialog ::-webkit-scrollbar-corner{background-color:#999}.modal-dialog ::-webkit-resizer{background-color:#666} \ No newline at end of file diff --git a/demo.html b/demo.html index 7030f9f..bc369e0 100644 --- a/demo.html +++ b/demo.html @@ -115,7 +115,7 @@ * Hide the background beside the modal box */ .modal-dialog:target ~ .wrapper, - a[class^="close"]:target ~ .wrapper { + a[class="close"]:target ~ .wrapper { overflow: auto; position: absolute; z-index: -1; @@ -131,7 +131,7 @@ * wrapper visibility after closing the modal box */ #close:target ~ .wrapper, - a[class^="close"]:target ~ .wrapper {position: static} + a[class="close"]:target ~ .wrapper {position: static} /** * The wrapper of the modal box @@ -141,7 +141,7 @@ opacity: 0; position: fixed; position: absolute; - z-index: 99999; + z-index: 999999; top: 0; right: 0; bottom: 0; @@ -282,10 +282,10 @@ * Optinal: for call to action into the modal box header */ .header-modal span { - display: inline-table; - display: inline-block; - width: 50%; - text-align: center; + display: inline-table; + display: inline-block; + width: 50%; + text-align: center; font-size: 70% } @@ -297,11 +297,11 @@ width: 34px; height: 34px; margin: 0 0 0 .5em; - text-decoration: none; + text-decoration: none; line-height: 32px; - -webkit-border-radius: 50%; - -khtml-border-radius: 50%; + -webkit-border-radius: 50%; + -khtml-border-radius: 50%; border-radius: 50% } @@ -310,10 +310,10 @@ */ .header-modal a:hover, .header-modal a:active { - -webkit-box-shadow: inset 0px 0px 3px #0288d1; - -moz-box-shadow: inset 0px 0px 3px #0288d1; - -khtml-box-shadow: inset 0px 0px 3px #0288d1; - box-shadow: inset 0px 0px 3px #0288d1; + -webkit-box-shadow: inset 0px 0px 3px #0288d1; + -moz-box-shadow: inset 0px 0px 3px #0288d1; + -khtml-box-shadow: inset 0px 0px 3px #0288d1; + box-shadow: inset 0px 0px 3px #0288d1; -webkit-tap-highlight-color: transparent } @@ -366,15 +366,16 @@ hyphens: auto } -.modal-dialog .modal.modal-message { +.modal-dialog .modal-message { border: 1px solid #eee; -webkit-border-radius: 6px 6px 0 0; -khtml-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0 } -.modal-dialog .modal.modal-message .inner-dialog { +.modal-dialog .modal-message .inner-dialog { overflow: hidden; + order: 1; margin: 0; border: 0 } @@ -408,7 +409,7 @@ margin: 0 5px 0 0; padding: 0; text-align: center; - color: #fff; + color: #333; font: normal normal normal 22px/1 sans-serif } @@ -457,7 +458,6 @@ -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; - -o-border-radius: 0 0 2px 2px; -ms-border-radius: 0 0 2px 2px; -khtml-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; @@ -517,6 +517,7 @@ height: auto } .header-modal {max-height: 11vmax} + .header-modal span {width: auto} .modal-dialog .modal { width: 80%; margin: 5vh auto 3em; @@ -689,7 +690,7 @@ ×
-

↤ Parameters

Action: ✔ +

⇄ Parameters

Action: ✔
@@ -732,7 +733,7 @@

Modal Box

Message Box

-

ℹ ⚠ ✔ ✕ This is a sample modal message box suitable for infos. ✌

+

ℹ ⚠ ✔ ✕ This is a sample modal message box suitable for infos. ✌