diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2018-07-24 18:18:50 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2018-07-24 18:18:50 +0200 |
| commit | ec92c9432cf452badb6cca2c41e41d0546006692 (patch) | |
| tree | 9b0ebc256d9dfda52586f4d59bf4d56aac04a8b0 /StoneIsland/www/css/nav.css | |
| parent | a0b5692d077544ea2f44b41ed72f0b3c26b3dcf6 (diff) | |
many updates. consent modal
Diffstat (limited to 'StoneIsland/www/css/nav.css')
| -rwxr-xr-x | StoneIsland/www/css/nav.css | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/StoneIsland/www/css/nav.css b/StoneIsland/www/css/nav.css index a2448b0e..332e0ca1 100755 --- a/StoneIsland/www/css/nav.css +++ b/StoneIsland/www/css/nav.css @@ -318,6 +318,62 @@ padding-bottom:0px; display: block; } +/* MODAL */ + +.modal { + position: absolute; + top: 50%; left: 50%; + transform: translate3d(-50%, -50%, 0); + max-width: 95vw; + background: white; + box-sizing: border-box; + padding: 40px 20px; + box-shadow: 0 2px 2px #ddd; + opacity: 0; + pointer-events: none; + transition: all 0.2s; +} +.modal.visible { + opacity: 1; + pointer-events: auto; +} + +/* CONSENT MODAL */ + +#consent_modal { + display: none; + z-index: 2; +} +#consent_modal a { + color: black; +} +.modal button { + width: 100%; + padding: 10px; + box-sizing: border-box; + margin: 0; + border: 1px solid; + color: black; + background: white; + margin-top: 20px; + width: 100px; +} +#consent_proceed { + display: inline-block; + background: black; + color: white; + border-color: black; +} +#consent_proceed[disabled] { + color: #888; + background: white; +} +#consent_error { + display: none; +} +.consent-no #consent_error { + color: red; +} /* SELECTOR */ |
