diff options
| author | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2020-11-22 00:45:33 +0100 |
|---|---|---|
| committer | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2020-11-22 00:48:08 +0100 |
| commit | 6f79c3f6dd4b2db347547b22bf7727fadcbd4dfb (patch) | |
| tree | df44a68df600601d1e21dd77afbf5c58d9e4b8af /événements.css | |
| parent | a8e3996309936c6d0590a1c8a855376318281689 (diff) | |
| download | quatuorbellefeuille.com-6f79c3f6dd4b2db347547b22bf7727fadcbd4dfb.tar.xz | |
Rename events page
Also add the boilerplate.
Diffstat (limited to 'événements.css')
| -rw-r--r-- | événements.css | 63 |
1 files changed, 0 insertions, 63 deletions
diff --git a/événements.css b/événements.css deleted file mode 100644 index 6a2bd4a..0000000 --- a/événements.css +++ /dev/null @@ -1,63 +0,0 @@ -.events { - display: grid; - width: 60%; - grid-auto-rows: 14vw; - grid-template-columns: repeat(auto-fit, 14vw); - grid-gap: 1em; - margin-left: auto; - margin-right: 0; - background-color: #ccc; -} - -.event { - position: relative; - background-color: #fff; - display: flex; - align-items: center; - justify-content: center; -} - -.event img { - position: absolute; - object-position: center; - object-fit: cover; - height: 100%; - width: 100%; - transition: 0.5s; -} - -.event:hover img { - filter: grayscale(0.8) brightness(0.4); -} - -.event .summary { - z-index: 1; - opacity: 0; - font-weight: bold; - color: white; - transition: 0.5s; -} - -.event:hover .summary { - opacity: 1; -} - -.event .details { - display: none; -} - -.event input { - width: 100%; - height: 100%; - position: absolute; - cursor: pointer; - opacity: 0; - z-index: 2; -} - -.event input:checked ~ .details { - display: block; - position: fixed; - top: 10em; - left: 0; -} |
