style.css (3347B)
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.5em; 46 } 47 48 h2 { 49 color: #840020; 50 font-size: 2.0em; 51 } 52 53 h1 { 54 font-size: 3.0em; 55 text-transform: uppercase; 56 } 57 58 h1.top-body-title { 59 padding-top: 0.3em; 60 color: #840020; 61 } 62 63 64 header#banner a { 65 color: #000; 66 text-decoration: none; 67 font-weight: 900; 68 } 69 70 ul.entry-meta-parts li { 71 display: inline-block; 72 } 73 74 div.entry-meta { 75 font-weight: 900; 76 } 77 78 /* top menu */ 79 nav#menu { 80 text-transform: lowercase; 81 font-family: monospace; 82 } 83 84 nav#menu li { 85 display: inline-block; 86 } 87 88 nav#menu li.active a { 89 color: #f00; 90 } 91 92 nav#menu ul { 93 padding-inline-start: 0; 94 padding-left: 2em; 95 padding-bottom: 0.3em; 96 list-style-type: none; 97 padding-bottom: 0.7em; 98 } 99 100 header#banner h1, 101 nav#menu li { 102 text-transform: lowercase; 103 font-family: monospace; 104 font-size: 1.5em; 105 padding-right: .7em; 106 } 107 108 nav#menu hr { 109 border: thin solid #000; 110 } 111 112 /* metadata */ 113 114 ol.entry-series-parts, 115 ol#post-list { 116 list-style-type: none; 117 } 118 119 ol.entry-series-parts, 120 ol.entry-series-parts li, 121 div.neighbors ul, 122 div.neighbors ul li { 123 display: inline-block; 124 margin-block-start: 0; 125 margin-block-end: 0; 126 padding-inline-start: 0; 127 } 128 129 div.meta { 130 padding-bottom: 1em; 131 } 132 133 /* content */ 134 135 h1.entry-title a { 136 text-decoration: none; 137 color: #000; 138 } 139 140 a.category { 141 font-weight: 600; 142 } 143 144 /* foot */ 145 146 footer.body { 147 padding-top: 2em; 148 font-size: 0.8em; 149 padding-bottom: 3em; 150 } 151 152 footer address#about { 153 font-style: normal; 154 } 155 156 /* code */ 157 158 pre { 159 white-space: break-spaces; 160 } 161 div.highlight, 162 div.highlight pre, 163 pre.code { 164 background-color: #e5e0e0; 165 padding: 1em; 166 margin-bottom: 0.3em; 167 word-wrap: break-word; 168 overflow: hidden; 169 } 170 171 172 /* notice boxes */ 173 174 div.warning { 175 background-color: #faa; 176 border: 3px solid #f00; 177 padding: 0.3em 0.3em 0.4em 1.5em; 178 } 179 180 div.admonition p.admonition-title { 181 color: #fff; 182 font-weight: 900; 183 text-transform: uppercase; 184 } 185 186 187 div.warning p.admonition-title { 188 text-shadow: -1px 1px 0 #f66, 189 2px 2px 0 #f66, 190 1px -1px 0 #f66; 191 -1px -1px 0 #f66; 192 } 193 194 195 div.caution { 196 background-color: #fa0; 197 border: 3px solid #d80; 198 padding: 0.3em 0.3em 0.4em 1.5em; 199 } 200 201 div.caution p.admonition-title { 202 text-shadow: -1px 1px 0 #fa6, 203 2px 2px 0 #fa6, 204 1px -1px 0 #fa6; 205 -1px -1px 0 #fa6; 206 } 207 208 /* footnotes */ 209 210 table.footnote, 211 table.citation { 212 border-left: 3px solid #ccc; 213 margin-top: 2.0em; 214 } 215 216 table.footnote td.label, 217 table.citation td.label { 218 padding-left: 1.2em; 219 padding-right: 0.5em; 220 } 221 222 /* custom: identities */ 223 div#keys { 224 font-size: 1.2em; 225 } 226 227 ul li { 228 font-size: 1.2em; 229 } 230 231 div#keys dt { 232 margin-bottom: 0.3em; 233 } 234 235 div#keys dd { 236 margin-bottom: 0.6em; 237 } 238 239 div#keys dd a, 240 div#keys dd tt { 241 font-size: 1.2em; 242 font-family: monospace; 243 } 244 245 246 247 /* custom: pages */ 248 249 #at-the-mercy-of-others dt { 250 text-transform: uppercase; 251 } 252 253 254 div.entry-content > p:first-of-type::first-letter { 255 font-size: 2.8em; 256 font-weight: 900; 257 color: #840020; 258 }