style.css (3488B)
1 /* globals */ 2 a:hover { 3 text-decoration: underline; 4 filter: invert(.33); 5 } 6 7 hav#menu a, 8 nav#menu a:visited { 9 color: #0000ff; 10 } 11 12 nav#pages { 13 padding-top:2em; 14 } 15 16 nav#pages ul li { 17 list-style-type: none; 18 display: inline; 19 } 20 21 section.body a:visited { 22 color: #30303f; 23 } 24 25 body { 26 background-image: url('../images/bg.png'); 27 background-repeat: repeat; 28 font-family: sans-serif; 29 margin: 2.5em 4.0em 3.0em 4.0em; 30 } 31 32 section.body, 33 header div { 34 padding-left: 2em; 35 padding-right: 2em; 36 } 37 38 39 #ol { 40 # list-style-type: none; 41 #} 42 43 h3 { 44 color: #840020; 45 font-size: 1.4em; 46 } 47 48 h3.legacy a { 49 color: #888888; 50 } 51 52 53 h2 { 54 color: #840020; 55 font-size: 1.7em; 56 } 57 58 h1 { 59 font-size: 2.2em; 60 text-transform: uppercase; 61 } 62 63 h1.top-body-title { 64 padding-top: 0.3em; 65 color: #840020; 66 } 67 68 69 header#banner a { 70 color: #000; 71 text-decoration: none; 72 font-weight: 900; 73 } 74 75 ul.entry-meta-parts li { 76 display: inline-block; 77 } 78 79 div.entry-meta { 80 font-weight: 900; 81 } 82 83 /* top menu */ 84 nav#menu { 85 text-transform: lowercase; 86 font-family: monospace; 87 } 88 89 nav#menu li { 90 display: inline-block; 91 } 92 93 nav#menu li.active a { 94 color: #f00; 95 } 96 97 nav#menu ul { 98 padding-inline-start: 0; 99 padding-left: 2em; 100 padding-bottom: 0.3em; 101 list-style-type: none; 102 padding-bottom: 0.7em; 103 } 104 105 header#banner h1, 106 nav#menu li { 107 text-transform: lowercase; 108 font-family: monospace; 109 font-size: 1.5em; 110 padding-right: .7em; 111 } 112 113 nav#menu hr { 114 border: thin solid #000; 115 } 116 117 /* metadata */ 118 119 ol.entry-series-parts, 120 ol#post-list { 121 list-style-type: none; 122 } 123 124 ol.entry-series-parts, 125 ol.entry-series-parts li, 126 div.neighbors ul, 127 div.neighbors ul li { 128 display: inline-block; 129 margin-block-start: 0; 130 margin-block-end: 0; 131 padding-inline-start: 0; 132 } 133 134 div.meta { 135 padding-bottom: 1em; 136 } 137 138 /* content */ 139 140 h1.entry-title a { 141 text-decoration: none; 142 color: #000; 143 } 144 145 a.category { 146 font-weight: 600; 147 } 148 149 /* foot */ 150 151 footer.body { 152 padding-top: 2em; 153 font-size: 0.8em; 154 padding-bottom: 3em; 155 } 156 157 footer address#about { 158 font-style: normal; 159 } 160 161 /* code */ 162 163 pre { 164 white-space: break-spaces; 165 } 166 div.highlight, 167 div.highlight pre, 168 pre.code { 169 background-color: #e5e0e0; 170 padding: 0.8em; 171 padding-bottom: 1.0em; 172 margin-bottom: 0.3em; 173 word-wrap: break-word; 174 overflow: hidden; 175 font-size: 1.1em; 176 } 177 178 179 /* notice boxes */ 180 181 div.warning { 182 background-color: #faa; 183 border: 3px solid #f00; 184 padding: 0.3em 0.3em 0.4em 1.5em; 185 } 186 187 div.admonition p.admonition-title { 188 color: #fff; 189 font-weight: 900; 190 text-transform: uppercase; 191 } 192 193 194 div.warning p.admonition-title { 195 text-shadow: -1px 1px 0 #f66, 196 2px 2px 0 #f66, 197 1px -1px 0 #f66; 198 -1px -1px 0 #f66; 199 } 200 201 202 div.caution { 203 background-color: #fa0; 204 border: 3px solid #d80; 205 padding: 0.3em 0.3em 0.4em 1.5em; 206 } 207 208 div.caution p.admonition-title { 209 text-shadow: -1px 1px 0 #fa6, 210 2px 2px 0 #fa6, 211 1px -1px 0 #fa6; 212 -1px -1px 0 #fa6; 213 } 214 215 /* footnotes */ 216 217 table.footnote, 218 table.citation { 219 border-left: 3px solid #ccc; 220 margin-top: 2.0em; 221 font-size: 0.9em; 222 } 223 224 table.footnote td.label, 225 table.citation td.label { 226 padding-left: 1.2em; 227 padding-right: 0.5em; 228 } 229 230 /* custom: identities */ 231 div#keys { 232 font-size: 1.2em; 233 } 234 235 ul li { 236 font-size: 1.2em; 237 } 238 239 div#keys dt { 240 margin-bottom: 0.3em; 241 } 242 243 div#keys dd { 244 margin-bottom: 0.6em; 245 } 246 247 div#keys dd a, 248 div#keys dd tt { 249 font-size: 1.2em; 250 font-family: monospace; 251 } 252 253 254 255 /* custom: pages */ 256 257 #at-the-mercy-of-others dt { 258 text-transform: uppercase; 259 } 260 261 262 div.entry-content > p:first-of-type::first-letter { 263 font-size: 2.8em; 264 font-weight: 900; 265 color: #840020; 266 } 267 268 article.legacy li p { 269 color: #888888; 270 }