diff options
| author | polo <contact@ordipolo.fr> | 2023-04-13 03:53:42 +0200 |
|---|---|---|
| committer | polo <contact@ordipolo.fr> | 2023-04-13 03:53:42 +0200 |
| commit | 6d4de815d7252956c4507b8767bd4b79b9a71fc8 (patch) | |
| tree | 8682d53256d4a9abb2d649a25cd8722fe72f7ebc /public | |
| parent | 90b3efeeb9d939303ff80b180725e06e2e57af79 (diff) | |
| download | melaine-6d4de815d7252956c4507b8767bd4b79b9a71fc8.tar.gz melaine-6d4de815d7252956c4507b8767bd4b79b9a71fc8.tar.bz2 melaine-6d4de815d7252956c4507b8767bd4b79b9a71fc8.zip | |
scrolling chronologie
Diffstat (limited to 'public')
| -rw-r--r-- | public/css/discographie.css | 17 |
1 files changed, 14 insertions, 3 deletions
diff --git a/public/css/discographie.css b/public/css/discographie.css index 4d602fa..2aae57e 100644 --- a/public/css/discographie.css +++ b/public/css/discographie.css | |||
| @@ -25,7 +25,7 @@ aside div | |||
| 25 | 25 | ||
| 26 | #bouton_chronologie | 26 | #bouton_chronologie |
| 27 | { | 27 | { |
| 28 | width: 250px; | 28 | width: 300px; |
| 29 | text-align: center; | 29 | text-align: center; |
| 30 | font-size: large; | 30 | font-size: large; |
| 31 | font-weight: bold; | 31 | font-weight: bold; |
| @@ -38,7 +38,9 @@ aside div | |||
| 38 | 38 | ||
| 39 | #chronologie | 39 | #chronologie |
| 40 | { | 40 | { |
| 41 | width: 250px; | 41 | /*width: 300px;*/ |
| 42 | height: 400px; | ||
| 43 | overflow: scroll; | ||
| 42 | font-weight: bold; | 44 | font-weight: bold; |
| 43 | /*padding: 5px;*/ | 45 | /*padding: 5px;*/ |
| 44 | display: none; | 46 | display: none; |
| @@ -295,7 +297,8 @@ a:hover figure figcaption | |||
| 295 | 297 | ||
| 296 | #chronologie | 298 | #chronologie |
| 297 | { | 299 | { |
| 298 | width: 180px; | 300 | /*width: 180px;*/ |
| 301 | height: 300px; | ||
| 299 | /*display: flex;*/ | 302 | /*display: flex;*/ |
| 300 | } | 303 | } |
| 301 | 304 | ||
| @@ -321,3 +324,11 @@ a:hover figure figcaption | |||
| 321 | width: 48%; | 324 | width: 48%; |
| 322 | } | 325 | } |
| 323 | } | 326 | } |
| 327 | |||
| 328 | @media screen and (max-width: 379px) | ||
| 329 | { | ||
| 330 | #chronologie | ||
| 331 | { | ||
| 332 | height: 250px; | ||
| 333 | } | ||
| 334 | } | ||
