diff options
Diffstat (limited to 'assets/css/custom.css')
| -rw-r--r-- | assets/css/custom.css | 67 |
1 files changed, 4 insertions, 63 deletions
diff --git a/assets/css/custom.css b/assets/css/custom.css index abf5151..acbff4f 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css | |||
| @@ -101,13 +101,6 @@ td { | |||
| 101 | flex-wrap: wrap; | 101 | flex-wrap: wrap; |
| 102 | } | 102 | } |
| 103 | 103 | ||
| 104 | div#gallery { | ||
| 105 | display: flex; | ||
| 106 | flex-wrap: wrap; | ||
| 107 | gap: 1em; | ||
| 108 | justify-content: center; | ||
| 109 | } | ||
| 110 | |||
| 111 | em, | 104 | em, |
| 112 | i { | 105 | i { |
| 113 | color: #c38f88; | 106 | color: #c38f88; |
| @@ -212,62 +205,6 @@ img { | |||
| 212 | margin: auto; | 205 | margin: auto; |
| 213 | } | 206 | } |
| 214 | 207 | ||
| 215 | figcaption { | ||
| 216 | text-align: center; | ||
| 217 | } | ||
| 218 | |||
| 219 | /* Books */ | ||
| 220 | .abook { | ||
| 221 | overflow: hidden; | ||
| 222 | margin: 0 0 5em 0; | ||
| 223 | } | ||
| 224 | |||
| 225 | .abook figure { | ||
| 226 | float: left; | ||
| 227 | margin-right: 1rem; | ||
| 228 | width: 120px; | ||
| 229 | } | ||
| 230 | |||
| 231 | .abook small { | ||
| 232 | display: block; | ||
| 233 | margin: 0.5rem 0; | ||
| 234 | color: #aaa; | ||
| 235 | } | ||
| 236 | |||
| 237 | .book { | ||
| 238 | display: flex; /* NEW: use flexbox */ | ||
| 239 | align-items: flex-start; /* Align top edges */ | ||
| 240 | overflow: hidden; | ||
| 241 | margin: 0 0 1em 0; | ||
| 242 | } | ||
| 243 | |||
| 244 | .book figure { | ||
| 245 | flex-shrink: 0; | ||
| 246 | margin-right: 1rem; | ||
| 247 | width: 120px; | ||
| 248 | } | ||
| 249 | |||
| 250 | .book-info { | ||
| 251 | display: flex; /* NEW: make inner div flex */ | ||
| 252 | flex-direction: column; /* Stack title and small vertically */ | ||
| 253 | justify-content: space-between; /* Push small to bottom */ | ||
| 254 | } | ||
| 255 | |||
| 256 | .book-title { | ||
| 257 | margin: 0px; | ||
| 258 | } | ||
| 259 | |||
| 260 | .book small { | ||
| 261 | color: #aaa; | ||
| 262 | display: block; | ||
| 263 | margin-top: 1rem; | ||
| 264 | } | ||
| 265 | |||
| 266 | table { | ||
| 267 | width: fit-content; | ||
| 268 | margin: 0 auto; | ||
| 269 | } | ||
| 270 | |||
| 271 | .chord-line { | 208 | .chord-line { |
| 272 | position: relative; | 209 | position: relative; |
| 273 | font-family: monospace; | 210 | font-family: monospace; |
| @@ -346,6 +283,10 @@ body.hide-chords .chord { | |||
| 346 | display: none; | 283 | display: none; |
| 347 | } | 284 | } |
| 348 | 285 | ||
| 286 | body.hide-chords .key-selector{ | ||
| 287 | display: none; | ||
| 288 | } | ||
| 289 | |||
| 349 | body.hide-chords .chord-line { | 290 | body.hide-chords .chord-line { |
| 350 | line-height: 1.2em; | 291 | line-height: 1.2em; |
| 351 | font-size: 1em; | 292 | font-size: 1em; |
