diff options
| author | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2021-02-07 19:20:16 +0100 |
|---|---|---|
| committer | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2021-02-08 19:56:29 +0100 |
| commit | 40d193b330443ea074f42674ed18f463fc8e422e (patch) | |
| tree | c3abfa115f38923afbadea6d38b4da0ca5e8e7ef /programmes.css | |
| parent | 0990b4df19b1e8c42c8a1c22fc77fb9e836b379c (diff) | |
| download | quatuorbellefeuille.com-40d193b330443ea074f42674ed18f463fc8e422e.tar.xz | |
Move images and stylesheets in subfolders
Diffstat (limited to 'programmes.css')
| -rw-r--r-- | programmes.css | 82 |
1 files changed, 0 insertions, 82 deletions
diff --git a/programmes.css b/programmes.css deleted file mode 100644 index 98a1a4f..0000000 --- a/programmes.css +++ /dev/null @@ -1,82 +0,0 @@ -#program-list { - max-height: 60vh; - overflow: auto; - scrollbar-width: thin; - scrollbar-color: darkblue #8ad; -} - -#program-list::-webkit-scrollbar { - width: 0.25em; - height: 0.25em; -} - -#program-list::-webkit-scrollbar-track { - background: #8ad; -} - -#program-list::-webkit-scrollbar-thumb { - background: darkblue; -} - -.programs { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(var(--cell-width), 1fr)); - grid-auto-rows: var(--cell-height); - grid-gap: 0.8em; -} - -.program { - background-color: #099; -} - -.program a { - display: flex; - justify-content: center; - align-items: center; - width: 100%; - height: 100%; - color: inherit; - text-decoration: none; -} - -.program .summary { - font-weight: bold; -} - -details summary .duration { - font-family: monospace; -} - -@media (min-width: 40em) { - main { - display: grid; - grid-template-columns: 50% 50%; - } - - main > div { - padding: 1em; - } - - .programs { - --cell-width: 10em; - --cell-height: 10em; - } - - .program a { - transition: color 0.5s; - } - .program:hover a { - color: white; - } - - .details.active > *:first-child { - margin-top: 0; - } -} - -@media (max-width: 40em) { - .programs { - --cell-width: 8em; - --cell-height: 4em; - } -} |
