diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-11-21 18:43:41 +0100 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-11-21 18:43:41 +0100 |
| commit | 49a4646c13b4b722d06f94f738fc3ad3d55f81e7 (patch) | |
| tree | f888df4f8070088dc8bbf78301d087a2077511ef /animism-align/frontend/app/views/viewer/modals/modals.handheld.css | |
| parent | d8170c608a7110361b5cd0fce4540c459f480293 (diff) | |
handheld warning modal at the end of the first chapter
Diffstat (limited to 'animism-align/frontend/app/views/viewer/modals/modals.handheld.css')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/modals/modals.handheld.css | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/animism-align/frontend/app/views/viewer/modals/modals.handheld.css b/animism-align/frontend/app/views/viewer/modals/modals.handheld.css new file mode 100644 index 0000000..26f875b --- /dev/null +++ b/animism-align/frontend/app/views/viewer/modals/modals.handheld.css @@ -0,0 +1,46 @@ +.modal { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 10; + background: rgba(0,0,0,0.8); + display: flex; + justify-content: center; + align-items: center; + opacity: 0.0; + transition: opacity 1.0s; + pointer-events: none; +} +.modal.visible { + opacity: 1.0; + pointer-events: auto; +} +.modal.handheld-modal { + background: #fff; +} +.modal.handheld-modal > div { + background: transparent; + padding: 1.5rem; +} +.modal.handheld-modal p { + font-family: "Freight Text", serif; + font-size: 1.6rem; + text-align: center; + line-height: 1.1; + color: #000; +} +.modal.handheld-modal .ok { + position: absolute; + bottom: 0; + right: 0; + width: 100%; + height: 3rem; + padding-right: 1rem; + font-family: "Neue Haas Unica", sans-serif; + font-size: 18px; + text-align: right; + color: #000; + cursor: pointer; +}
\ No newline at end of file |