325ac50ab974a763b578cac09f60ace39d135882
custom.css
| ... | ... | @@ -0,0 +1,361 @@ |
| 1 | +/* |
|
| 2 | + * Custom CSS file. Override it as you like. |
|
| 3 | + * |
|
| 4 | + * Credits to @killercup (https://gist.github.com/killercup); Extracted from this Gist: |
|
| 5 | + * https://gist.github.com/killercup/5917178 |
|
| 6 | + */ |
|
| 7 | + |
|
| 8 | +html { |
|
| 9 | + font-size: 100%; |
|
| 10 | + overflow-y: scroll; |
|
| 11 | + -webkit-text-size-adjust: 100%; |
|
| 12 | + -ms-text-size-adjust: 100%; |
|
| 13 | +} |
|
| 14 | + |
|
| 15 | +body { |
|
| 16 | + color: #444; |
|
| 17 | + font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; |
|
| 18 | + font-size: 12px; |
|
| 19 | + line-height: 1.7; |
|
| 20 | + padding: 1em; |
|
| 21 | + margin: auto; |
|
| 22 | + max-width: 42em; |
|
| 23 | + background: #fefefe; |
|
| 24 | +} |
|
| 25 | + |
|
| 26 | +a { |
|
| 27 | + color: #0645ad; |
|
| 28 | + text-decoration: none; |
|
| 29 | +} |
|
| 30 | + |
|
| 31 | +a:visited { |
|
| 32 | + color: #0b0080; |
|
| 33 | +} |
|
| 34 | + |
|
| 35 | +a:hover { |
|
| 36 | + color: #06e; |
|
| 37 | +} |
|
| 38 | + |
|
| 39 | +a:active { |
|
| 40 | + color: #faa700; |
|
| 41 | +} |
|
| 42 | + |
|
| 43 | +a:focus { |
|
| 44 | + outline: thin dotted; |
|
| 45 | +} |
|
| 46 | + |
|
| 47 | +*::-moz-selection { |
|
| 48 | + background: rgba(255, 255, 0, 0.3); |
|
| 49 | + color: #000; |
|
| 50 | +} |
|
| 51 | + |
|
| 52 | +*::selection { |
|
| 53 | + background: rgba(255, 255, 0, 0.3); |
|
| 54 | + color: #000; |
|
| 55 | +} |
|
| 56 | + |
|
| 57 | +a::-moz-selection { |
|
| 58 | + background: rgba(255, 255, 0, 0.3); |
|
| 59 | + color: #0645ad; |
|
| 60 | +} |
|
| 61 | + |
|
| 62 | +a::selection { |
|
| 63 | + background: rgba(255, 255, 0, 0.3); |
|
| 64 | + color: #0645ad; |
|
| 65 | +} |
|
| 66 | + |
|
| 67 | +p { |
|
| 68 | + margin: 1em 0; |
|
| 69 | +} |
|
| 70 | + |
|
| 71 | +img { |
|
| 72 | + max-width: 100%; |
|
| 73 | +} |
|
| 74 | + |
|
| 75 | +h1, |
|
| 76 | +h2, |
|
| 77 | +h3, |
|
| 78 | +h4, |
|
| 79 | +h5, |
|
| 80 | +h6 { |
|
| 81 | + color: #111; |
|
| 82 | + line-height: 125%; |
|
| 83 | + margin-top: 2em; |
|
| 84 | + font-weight: normal; |
|
| 85 | +} |
|
| 86 | + |
|
| 87 | +h4, |
|
| 88 | +h5, |
|
| 89 | +h6 { |
|
| 90 | + font-weight: bold; |
|
| 91 | +} |
|
| 92 | + |
|
| 93 | +h1 { |
|
| 94 | + font-size: 2.5em; |
|
| 95 | +} |
|
| 96 | + |
|
| 97 | +h2 { |
|
| 98 | + font-size: 2em; |
|
| 99 | +} |
|
| 100 | + |
|
| 101 | +h3 { |
|
| 102 | + font-size: 1.5em; |
|
| 103 | +} |
|
| 104 | + |
|
| 105 | +h4 { |
|
| 106 | + font-size: 1.2em; |
|
| 107 | +} |
|
| 108 | + |
|
| 109 | +h5 { |
|
| 110 | + font-size: 1em; |
|
| 111 | +} |
|
| 112 | + |
|
| 113 | +h6 { |
|
| 114 | + font-size: 0.9em; |
|
| 115 | +} |
|
| 116 | + |
|
| 117 | +blockquote { |
|
| 118 | + color: #666666; |
|
| 119 | + margin: 0; |
|
| 120 | + padding-left: 3em; |
|
| 121 | + border-left: 0.5em #EEE solid; |
|
| 122 | +} |
|
| 123 | + |
|
| 124 | +hr { |
|
| 125 | + display: block; |
|
| 126 | + height: 2px; |
|
| 127 | + border: 0; |
|
| 128 | + border-top: 1px solid #aaa; |
|
| 129 | + border-bottom: 1px solid #eee; |
|
| 130 | + margin: 1em 0; |
|
| 131 | + padding: 0; |
|
| 132 | +} |
|
| 133 | + |
|
| 134 | +pre, |
|
| 135 | +code, |
|
| 136 | +kbd, |
|
| 137 | +samp { |
|
| 138 | + color: #000; |
|
| 139 | + font-family: monospace, monospace; |
|
| 140 | + _font-family: 'courier new', monospace; |
|
| 141 | + font-size: 0.98em; |
|
| 142 | +} |
|
| 143 | + |
|
| 144 | +pre { |
|
| 145 | + white-space: pre; |
|
| 146 | + white-space: pre-wrap; |
|
| 147 | + word-wrap: break-word; |
|
| 148 | +} |
|
| 149 | + |
|
| 150 | +b, |
|
| 151 | +strong { |
|
| 152 | + font-weight: bold; |
|
| 153 | +} |
|
| 154 | + |
|
| 155 | +dfn { |
|
| 156 | + font-style: italic; |
|
| 157 | +} |
|
| 158 | + |
|
| 159 | +ins { |
|
| 160 | + background: #ff9; |
|
| 161 | + color: #000; |
|
| 162 | + text-decoration: none; |
|
| 163 | +} |
|
| 164 | + |
|
| 165 | +mark { |
|
| 166 | + background: #ff0; |
|
| 167 | + color: #000; |
|
| 168 | + font-style: italic; |
|
| 169 | + font-weight: bold; |
|
| 170 | +} |
|
| 171 | + |
|
| 172 | +sub, |
|
| 173 | +sup { |
|
| 174 | + font-size: 75%; |
|
| 175 | + line-height: 0; |
|
| 176 | + position: relative; |
|
| 177 | + vertical-align: baseline; |
|
| 178 | +} |
|
| 179 | + |
|
| 180 | +sup { |
|
| 181 | + top: -0.5em; |
|
| 182 | +} |
|
| 183 | + |
|
| 184 | +sub { |
|
| 185 | + bottom: -0.25em; |
|
| 186 | +} |
|
| 187 | + |
|
| 188 | +ul, |
|
| 189 | +ol { |
|
| 190 | + margin: 1em 0; |
|
| 191 | + padding: 0 0 0 2em; |
|
| 192 | +} |
|
| 193 | + |
|
| 194 | +li p:last-child { |
|
| 195 | + margin-bottom: 0; |
|
| 196 | +} |
|
| 197 | + |
|
| 198 | +ul ul, |
|
| 199 | +ol ol { |
|
| 200 | + margin: .3em 0; |
|
| 201 | +} |
|
| 202 | + |
|
| 203 | +dl { |
|
| 204 | + margin-bottom: 1em; |
|
| 205 | +} |
|
| 206 | + |
|
| 207 | +dt { |
|
| 208 | + font-weight: bold; |
|
| 209 | + margin-bottom: .8em; |
|
| 210 | +} |
|
| 211 | + |
|
| 212 | +dd { |
|
| 213 | + margin: 0 0 .8em 2em; |
|
| 214 | +} |
|
| 215 | + |
|
| 216 | +dd:last-child { |
|
| 217 | + margin-bottom: 0; |
|
| 218 | +} |
|
| 219 | + |
|
| 220 | +img { |
|
| 221 | + border: 0; |
|
| 222 | + -ms-interpolation-mode: bicubic; |
|
| 223 | + vertical-align: middle; |
|
| 224 | +} |
|
| 225 | + |
|
| 226 | +figure { |
|
| 227 | + display: block; |
|
| 228 | + text-align: center; |
|
| 229 | + margin: 1em 0; |
|
| 230 | +} |
|
| 231 | + |
|
| 232 | +figure img { |
|
| 233 | + border: none; |
|
| 234 | + margin: 0 auto; |
|
| 235 | +} |
|
| 236 | + |
|
| 237 | +figcaption { |
|
| 238 | + font-size: 0.8em; |
|
| 239 | + font-style: italic; |
|
| 240 | + margin: 0 0 .8em; |
|
| 241 | +} |
|
| 242 | + |
|
| 243 | +table { |
|
| 244 | + margin-bottom: 2em; |
|
| 245 | + border-bottom: 1px solid #ddd; |
|
| 246 | + border-right: 1px solid #ddd; |
|
| 247 | + border-spacing: 0; |
|
| 248 | + border-collapse: collapse; |
|
| 249 | +} |
|
| 250 | + |
|
| 251 | +table th { |
|
| 252 | + padding: .2em 1em; |
|
| 253 | + background-color: #eee; |
|
| 254 | + border-top: 1px solid #ddd; |
|
| 255 | + border-left: 1px solid #ddd; |
|
| 256 | +} |
|
| 257 | + |
|
| 258 | +table td { |
|
| 259 | + padding: .2em 1em; |
|
| 260 | + border-top: 1px solid #ddd; |
|
| 261 | + border-left: 1px solid #ddd; |
|
| 262 | + vertical-align: top; |
|
| 263 | +} |
|
| 264 | + |
|
| 265 | +.author { |
|
| 266 | + font-size: 1.2em; |
|
| 267 | + text-align: center; |
|
| 268 | +} |
|
| 269 | + |
|
| 270 | +@media only screen and (min-width: 480px) { |
|
| 271 | + body { |
|
| 272 | + font-size: 14px; |
|
| 273 | + } |
|
| 274 | +} |
|
| 275 | + |
|
| 276 | +@media only screen and (min-width: 768px) { |
|
| 277 | + body { |
|
| 278 | + font-size: 16px; |
|
| 279 | + } |
|
| 280 | +} |
|
| 281 | + |
|
| 282 | +@media print { |
|
| 283 | + * { |
|
| 284 | + background: transparent !important; |
|
| 285 | + color: black !important; |
|
| 286 | + filter: none !important; |
|
| 287 | + -ms-filter: none !important; |
|
| 288 | + } |
|
| 289 | + body { |
|
| 290 | + font-size: 12pt; |
|
| 291 | + max-width: 100%; |
|
| 292 | + } |
|
| 293 | + a, |
|
| 294 | + a:visited { |
|
| 295 | + text-decoration: underline; |
|
| 296 | + } |
|
| 297 | + hr { |
|
| 298 | + height: 1px; |
|
| 299 | + border: 0; |
|
| 300 | + border-bottom: 1px solid black; |
|
| 301 | + } |
|
| 302 | + a[href]:after { |
|
| 303 | + content: " (" attr(href) ")"; |
|
| 304 | + } |
|
| 305 | + abbr[title]:after { |
|
| 306 | + content: " (" attr(title) ")"; |
|
| 307 | + } |
|
| 308 | + .ir a:after, |
|
| 309 | + a[href^="javascript:"]:after, |
|
| 310 | + a[href^="#"]:after { |
|
| 311 | + content: ""; |
|
| 312 | + } |
|
| 313 | + pre, |
|
| 314 | + blockquote { |
|
| 315 | + border: 1px solid #999; |
|
| 316 | + padding-right: 1em; |
|
| 317 | + page-break-inside: avoid; |
|
| 318 | + } |
|
| 319 | + tr, |
|
| 320 | + img { |
|
| 321 | + page-break-inside: avoid; |
|
| 322 | + } |
|
| 323 | + img { |
|
| 324 | + max-width: 100% !important; |
|
| 325 | + } |
|
| 326 | + @page :left { |
|
| 327 | + margin: 15mm 20mm 15mm 10mm; |
|
| 328 | + } |
|
| 329 | + @page :right { |
|
| 330 | + margin: 15mm 10mm 15mm 20mm; |
|
| 331 | + } |
|
| 332 | + p, |
|
| 333 | + h2, |
|
| 334 | + h3 { |
|
| 335 | + orphans: 3; |
|
| 336 | + widows: 3; |
|
| 337 | + } |
|
| 338 | + h2, |
|
| 339 | + h3 { |
|
| 340 | + page-break-after: avoid; |
|
| 341 | + } |
|
| 342 | +} |
|
| 343 | + |
|
| 344 | +/* vegan wiki */ |
|
| 345 | +/* @section user */ |
|
| 346 | +#user p { |
|
| 347 | + text-align: right; |
|
| 348 | + padding-right:0.5em; |
|
| 349 | + font-size: .8em; |
|
| 350 | + line-height: 2.0em; |
|
| 351 | + color: #999; |
|
| 352 | +} |
|
| 353 | + |
|
| 354 | +:root { |
|
| 355 | + --blue: #1e90ff; |
|
| 356 | + --white: #ffffff; |
|
| 357 | +} |
|
| 358 | + |
|
| 359 | +body { |
|
| 360 | + background-color: var(--blue); |
|
| 361 | +} |
