6a14d0b7411d6b766778cbaa2294fd96087c4582
custom.css
| ... | ... | @@ -241,24 +241,9 @@ pre { background: var(--code-bg) !important; padding: 1rem 1.2rem !important; bo |
| 241 | 241 | /* If the surrounding nav compresses, keep the icon from shrinking */ |
| 242 | 242 | nav.actions #minibutton-home { flex: 0 0 auto; } |
| 243 | 243 | |
| 244 | -/* Flex row for title + icon */ |
|
| 245 | -.markdown-body .title-row { |
|
| 246 | - display: flex; |
|
| 247 | - align-items: center; |
|
| 248 | - gap: .6rem; |
|
| 249 | - margin: 0 0 1rem 0; |
|
| 250 | -} |
|
| 251 | -.markdown-body .title-row .title-icon { |
|
| 252 | - width: 32px; |
|
| 253 | - height: 32px; |
|
| 254 | - border-radius: 4px; |
|
| 255 | - flex: 0 0 auto; |
|
| 256 | -} |
|
| 257 | -.markdown-body .title-row h1 { |
|
| 258 | - margin: 0; /* flex handles spacing */ |
|
| 259 | - line-height: 1.25; |
|
| 260 | -} |
|
| 261 | - |
|
| 262 | -.markdown-body:has(.title-row) h1.page-title { |
|
| 263 | - display: none !important; |
|
| 244 | +.markdown-body h1.page-title { |
|
| 245 | + position: relative; |
|
| 246 | + padding-left: 40px; /* space for icon */ |
|
| 247 | + background: url("/images/akret_cover.png") no-repeat left center; |
|
| 248 | + background-size: 28px 28px; |
|
| 264 | 249 | } |