diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2019-04-02 21:46:04 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2019-04-02 21:46:04 +0200 |
| commit | dffdbe1f0f1466229adb78ecd8b3bce3b2aa7445 (patch) | |
| tree | ddc366d645a9b8134e43aa4bb903ab9ba6c3878c /client/modalImage/modal.css | |
| parent | e52b66449c8b56abab70db03468f2f9ae7f24ec8 (diff) | |
modal hand
Diffstat (limited to 'client/modalImage/modal.css')
| -rw-r--r-- | client/modalImage/modal.css | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/client/modalImage/modal.css b/client/modalImage/modal.css index fb3c7ab5..9589b8f4 100644 --- a/client/modalImage/modal.css +++ b/client/modalImage/modal.css @@ -32,6 +32,27 @@ display: block; text-align: center; } +.modal .prev span, +.modal .next span, +.modal .close span { + background: #222; + border-radius: 50%; + width: 40px; + height: 40px; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + box-shadow: 0 1px 2px rgba(255,255,255,0.4); + transition: all 0.2s cubic-bezier(0,0,1,1); + user-select: none; +} +.desktop .modal .prev:hover span, +.desktop .modal .prev:hover span, +.desktop .modal .prev:hover span { + background: #000; + box-shadow: 0 1px 2px rgba(255,255,255,0.6); +} .modal .prev { position: absolute; top: 0; left: 0; |