6ebfcda1f0ab761594d03ff1ea2016260e048f6f
custom.css
| ... | ... | @@ -1,6 +1,6 @@ |
| 1 | -/* Akret Wiki — dark-first, monospace, simple, legible, fast. */ |
|
| 1 | +/* Akret Wiki — dark-first, monospace, wider */ |
|
| 2 | 2 | |
| 3 | -/* ===== Colors (dark default) ===== */ |
|
| 3 | +/* ===== Color tokens (dark default) ===== */ |
|
| 4 | 4 | :root { |
| 5 | 5 | --bg: #111; /* soft black */ |
| 6 | 6 | --fg: #e0e0e0; /* warm gray */ |
| ... | ... | @@ -11,7 +11,7 @@ |
| 11 | 11 | --code-bg: #1a1a1a; |
| 12 | 12 | } |
| 13 | 13 | |
| 14 | -/* Light override */ |
|
| 14 | +/* Light override (respects browser/OS setting) */ |
|
| 15 | 15 | @media (prefers-color-scheme: light) { |
| 16 | 16 | :root { |
| 17 | 17 | --bg: #fff; |
| ... | ... | @@ -31,16 +31,24 @@ body { |
| 31 | 31 | padding: 0; |
| 32 | 32 | background: var(--bg); |
| 33 | 33 | color: var(--fg); |
| 34 | - font-family: monospace, Iosevka, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New"; |
|
| 34 | + font: 16px/1.7 monospace, Iosevka, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New"; |
|
| 35 | 35 | } |
| 36 | 36 | |
| 37 | -/* Centered column, slightly wider for prose/code */ |
|
| 37 | +/* ===== Layout: wider column (nav breathing room) ===== */ |
|
| 38 | 38 | #container, .markdown-body, .gollum-site, main, .page { |
| 39 | - max-width: 80ch; |
|
| 39 | + max-width: 96ch; /* wider than 80ch */ |
|
| 40 | 40 | padding: 2.5rem 1rem 6rem; |
| 41 | 41 | margin: 0 auto; |
| 42 | 42 | } |
| 43 | 43 | |
| 44 | +/* Small screens: edge-to-edge with comfy padding */ |
|
| 45 | +@media (max-width: 720px) { |
|
| 46 | + #container, .markdown-body, .gollum-site, main, .page { |
|
| 47 | + max-width: none; |
|
| 48 | + padding: 1.25rem 1rem 4rem; |
|
| 49 | + } |
|
| 50 | +} |
|
| 51 | + |
|
| 44 | 52 | /* ===== Headings ===== */ |
| 45 | 53 | h1, h2, h3, h4, h5, h6 { |
| 46 | 54 | margin: 2.5rem 0 1rem; |
| ... | ... | @@ -56,8 +64,6 @@ h2 { font-size: 1.4rem; } |
| 56 | 64 | h3 { font-size: 1.2rem; color: var(--muted); } |
| 57 | 65 | h4, h5, h6 { font-size: 1rem; color: var(--muted); } |
| 58 | 66 | |
| 59 | -header, .header, .gollum-header { border: 0; background: none; } |
|
| 60 | - |
|
| 61 | 67 | /* ===== Text & links ===== */ |
| 62 | 68 | p, ul, ol, blockquote, pre, table { margin: 1.25rem 0; } |
| 63 | 69 | li { margin: .4rem 0; } |
| ... | ... | @@ -69,7 +75,7 @@ a { |
| 69 | 75 | a:visited { color: var(--link-visited); } |
| 70 | 76 | a:hover, a:focus { text-decoration-thickness: 2px; outline: none; } |
| 71 | 77 | |
| 72 | -/* ===== Code ===== */ |
|
| 78 | +/* ===== Code & pre ===== */ |
|
| 73 | 79 | code, kbd, samp { |
| 74 | 80 | background: var(--code-bg); |
| 75 | 81 | padding: .15rem .35rem; |
| ... | ... | @@ -109,26 +115,59 @@ blockquote { |
| 109 | 115 | color: var(--muted); |
| 110 | 116 | } |
| 111 | 117 | |
| 112 | -/* ===== UI bits ===== */ |
|
| 113 | -hr { border: 0; border-top: 1px solid var(--border); margin: 2.5 |
|
| 118 | +/* ===== Top nav / header breathing room ===== */ |
|
| 119 | +header, .header, .gollum-header, nav, .actions { |
|
| 120 | + background: transparent; |
|
| 121 | + border: 0; |
|
| 122 | + color: var(--muted); |
|
| 123 | +} |
|
| 124 | +.gollum-header nav, |
|
| 125 | +header nav, |
|
| 126 | +nav { |
|
| 127 | + display: flex; |
|
| 128 | + flex-wrap: wrap; /* allow wrapping instead of squashing */ |
|
| 129 | + gap: .6rem .8rem; |
|
| 130 | + align-items: center; |
|
| 131 | +} |
|
| 132 | +nav a, .actions a, .actions button { |
|
| 133 | + font: inherit; |
|
| 134 | + white-space: nowrap; |
|
| 135 | +} |
|
| 114 | 136 | |
| 115 | -/* == Font Overrides == */ |
|
| 137 | +/* ===== Forms ===== */ |
|
| 138 | +input[type="search"], input[type="text"], textarea, select, button { |
|
| 139 | + font: inherit; |
|
| 140 | + color: var(--fg); |
|
| 141 | + background: var(--bg); |
|
| 142 | + border: 1px solid var(--border); |
|
| 143 | + border-radius: 4px; |
|
| 144 | + padding: .4rem .6rem; |
|
| 145 | +} |
|
| 116 | 146 | |
| 117 | -/* Main Markdown container */ |
|
| 118 | -.markdown-body { |
|
| 119 | - font-family: monospace, Iosevka, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New" !important; |
|
| 120 | - font-size: 1rem; |
|
| 121 | - line-height: 1.6; |
|
| 147 | +/* ===== Print ===== */ |
|
| 148 | +@media print { |
|
| 149 | + body { background: #fff; color: #000; } |
|
| 150 | + a { color: #000; text-decoration: underline; } |
|
| 151 | + pre, code { background: #fff; } |
|
| 152 | + #container, .markdown-body, .gollum-site, main, .page { max-width: none; padding: 0; } |
|
| 153 | + header, nav, .gollum-footer, .actions { display: none !important; } |
|
| 122 | 154 | } |
| 123 | 155 | |
| 124 | -/* Inherit to children */ |
|
| 125 | -.markdown-body *, |
|
| 126 | -.markdown-body *::before, |
|
| 127 | -.markdown-body *::after { |
|
| 128 | - font-family: inherit !important; |
|
| 156 | +/* ====================================================================== */ |
|
| 157 | +/* Strong overrides to beat Primer/GitHub defaults (place LAST) */ |
|
| 158 | +/* ====================================================================== */ |
|
| 159 | + |
|
| 160 | +/* Force our font stack and colors across common wrappers + markdown */ |
|
| 161 | +:root, html, body, |
|
| 162 | +#container, .gollum-site, .gollum-content, .wiki, .page, main, |
|
| 163 | +.markdown-body, |
|
| 164 | +.markdown-body *, .markdown-body *::before, .markdown-body *::after { |
|
| 165 | + font-family: monospace, Iosevka, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New" !important; |
|
| 166 | + color: var(--fg) !important; |
|
| 129 | 167 | } |
| 168 | +body, .markdown-body { background: var(--bg) !important; } |
|
| 130 | 169 | |
| 131 | -/* Explicitly reinforce code/monospace blocks */ |
|
| 170 | +/* Explicitly keep code areas monospace */ |
|
| 132 | 171 | .markdown-body code, |
| 133 | 172 | .markdown-body kbd, |
| 134 | 173 | .markdown-body samp, |
| ... | ... | @@ -137,7 +176,7 @@ hr { border: 0; border-top: 1px solid var(--border); margin: 2.5 |
| 137 | 176 | font-family: monospace, Iosevka, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New" !important; |
| 138 | 177 | } |
| 139 | 178 | |
| 140 | -/* Headings */ |
|
| 179 | +/* Headings: ensure spacing + weight survive */ |
|
| 141 | 180 | .markdown-body h1, |
| 142 | 181 | .markdown-body h2, |
| 143 | 182 | .markdown-body h3, |
| ... | ... | @@ -150,10 +189,23 @@ hr { border: 0; border-top: 1px solid var(--border); margin: 2.5 |
| 150 | 189 | margin: 2.5rem 0 1rem !important; |
| 151 | 190 | } |
| 152 | 191 | |
| 153 | -/* Form controls too */ |
|
| 154 | -.markdown-body input, |
|
| 155 | -.markdown-body textarea, |
|
| 156 | -.markdown-body select, |
|
| 157 | -.markdown-body button { |
|
| 158 | - font-family: inherit !important; |
|
| 192 | +/* Layout container width (wins over theme containers) */ |
|
| 193 | +#container, .gollum-site, .markdown-body, main, .page { |
|
| 194 | + max-width: 96ch !important; |
|
| 195 | + margin: 0 auto !important; |
|
| 196 | + padding: 2.5rem 1rem 6rem !important; |
|
| 197 | +} |
|
| 198 | + |
|
| 199 | +/* Keep links and tables consistent */ |
|
| 200 | +a { color: var(--link) !important; } |
|
| 201 | +a:visited { color: var(--link-visited) !important; } |
|
| 202 | +table { width: 100% !important; border-collapse: collapse !important; } |
|
| 203 | +th, td { border: 1px solid var(--border) !important; padding: .6rem .7rem !important; } |
|
| 204 | +pre { background: var(--code-bg) !important; padding: 1rem 1.2rem !important; border-radius: 6px !important; overflow: auto !important; } |
|
| 205 | + |
|
| 206 | +/* Optional temporary test (uncomment to verify load) |
|
| 207 | +.markdown-body:before { |
|
| 208 | + content: "custom.css ACTIVE"; display: block; margin-bottom: .5rem; |
|
| 209 | + color: var(--link); font-weight: bold; |
|
| 159 | 210 | } |
| 211 | +*/ |
images/akret_cover.png
| ... | ... | Binary files /dev/null and b/images/akret_cover.png differ |