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