Mercurial > hg > batmud > maputils
annotate www/aprilli.css @ 2808:e343db319675
Updates to april's fools CSS.
| author | Matti Hamalainen <ccr@tnsp.org> |
|---|---|
| date | Fri, 05 Apr 2024 10:48:18 +0300 |
| parents | 904911545217 |
| children |
| rev | line source |
|---|---|
| 1778 | 1 body { |
| 2 margin: 1em; | |
| 3 color: #000; | |
| 4 background: #000 url(img/bluesmoke.gif); | |
| 5 font-family: "Comic Sans MS", cursive, sans-serif; | |
| 6 font-size: 10pt; | |
| 7 text-transform: uppercase; | |
| 8 } | |
| 9 | |
| 10 | |
| 11 .over { | |
| 12 text-decoration: line-through; | |
| 13 } | |
| 14 | |
| 15 | |
| 16 img { | |
| 17 border: none; | |
| 18 padding: 0px; | |
| 19 } | |
| 20 | |
| 21 | |
| 22 div.batmud { | |
| 23 border: none; | |
| 24 text-align: center; | |
| 25 padding-top: 1em; | |
| 26 } | |
| 27 | |
| 28 | |
| 29 div.controls { | |
| 30 display: flex; | |
| 31 justify-content: space-around; | |
| 32 flex-wrap: wrap; | |
| 33 | |
|
2051
b4185d725b15
April's fools mode CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents:
1778
diff
changeset
|
34 background: #0d0; |
| 1778 | 35 margin: 0; |
| 36 padding: 0.5em; | |
| 37 border: 1px solid black; | |
| 38 box-shadow: 12px 12px 1px #000; | |
| 39 } | |
| 40 | |
| 41 div.controls .control { | |
| 42 margin-bottom: 0.1em; | |
| 43 padding: 0.5em; | |
| 44 border: 1px solid white; | |
| 45 text-decoration: none; | |
| 46 box-shadow: 2px 2px 1px #000; | |
| 47 } | |
| 48 | |
| 49 div.controls .continent, div.controls .submit { | |
| 50 color: white; | |
| 51 text-shadow: 1px 1px 1px #000; | |
| 52 } | |
| 53 | |
| 54 div.controls .continent:hover, div.controls .submit:hover { | |
| 55 color: white; | |
| 56 position: relative; | |
| 57 box-shadow: none; | |
| 58 top: 2px; | |
| 59 left: 2px; | |
| 60 } | |
| 61 | |
| 62 div.controls .dropdown { | |
| 63 min-width: 10em; | |
| 64 padding: 0; | |
| 65 background: white; | |
| 66 } | |
| 67 | |
| 68 | |
| 69 .submit { | |
| 70 color: white; | |
| 71 background: #8a8; | |
| 72 } | |
| 73 | |
| 74 .submit:hover { | |
| 75 background: #686; | |
| 76 color: white; | |
| 77 } | |
| 78 | |
| 79 | |
| 80 .locTable { | |
| 81 width: 100%; | |
| 82 } | |
| 83 | |
| 84 div.locCell, table.locTable td, div.locWizard { | |
| 85 border: 1px solid black; | |
| 86 text-align: center; | |
| 87 font-size: 1em; | |
| 88 padding: 0.2em; | |
| 89 margin: 0.1em; | |
| 90 } | |
| 91 | |
| 92 div.locCell { | |
| 93 display: inline-table; | |
| 94 vertical-align: top; | |
| 95 height: 5em; | |
| 96 width: 18%; | |
| 97 min-width: 10em; | |
| 98 } | |
| 99 | |
| 100 div.locWizard { | |
| 101 display: inline-table; | |
| 102 vertical-align: top; | |
| 103 height: 1em; | |
| 104 width: 18%; | |
| 105 min-width: 8em; | |
| 106 } | |
| 107 | |
| 108 .locTable a, .locTable a:visited, .locTable a:active { | |
| 109 text-decoration: none; | |
| 110 color: white; | |
| 111 } | |
| 112 | |
| 113 .locTable a:hover { | |
| 114 text-shadow: 1px 1px 2px #000; | |
| 115 text-decoration: underline; | |
| 116 } | |
| 117 | |
| 118 div.locHeader { | |
| 119 background: rgba(0,0,0,0.25); | |
| 120 padding-bottom: 0.25em; | |
| 121 } | |
| 122 | |
| 123 div.locCoders { | |
| 124 background: rgba(255,255,255,0.15); | |
| 125 margin-top: 0.25em; | |
| 126 padding: 0.15em; | |
| 127 } | |
| 128 | |
| 129 | |
| 130 | |
| 131 div.quests { | |
| 132 max-width: 49%; | |
| 133 display: inline-block; | |
| 134 vertical-align: top; | |
| 135 } | |
| 136 | |
| 137 table.quests { | |
| 138 width: 100%; | |
| 139 } | |
| 140 | |
| 141 | |
| 142 table.area { | |
| 143 width: 100%; | |
| 144 color: red; | |
| 145 } | |
| 146 | |
| 147 table.area * th { | |
| 148 background: yellow; | |
| 149 border-bottom: 8px solid black; | |
| 150 } | |
| 151 | |
| 152 table.area * td { | |
| 153 text-align: center; | |
| 154 background: blue; | |
| 155 } | |
| 156 | |
| 157 | |
| 158 .attnbox { | |
| 159 background: black; | |
| 160 padding: 0.5em; | |
| 161 color: white; | |
| 162 } | |
| 163 | |
| 164 | |
| 165 div.wizInfoBox { | |
| 166 display: inline-table; | |
| 167 height: 100%; | |
| 168 background: black; | |
| 169 padding: 0.5em; | |
| 170 margin: 0.5em; | |
| 171 color: red; | |
| 172 border: 1px solid white; | |
| 173 border-radius: 0.5em; | |
| 174 } | |
| 175 | |
| 176 div.wizImage { | |
| 177 display: inline-block; | |
| 178 vertical-align: middle; | |
| 179 max-width: 28%; | |
| 180 padding: 0.5em; | |
| 181 } | |
| 182 | |
| 183 div.wizImage img { | |
| 184 width: 100%; | |
| 185 height: auto; | |
| 186 border-radius: 1em; | |
| 187 } | |
| 188 | |
| 189 div.wizInfo { | |
| 190 display: inline-block; | |
| 191 vertical-align: middle; | |
| 192 width: 68%; | |
| 193 padding: 0; | |
| 194 } | |
| 195 | |
| 196 | |
| 197 .laenor { background: #955 !important; } | |
| 198 .rothikgen { background: #595 !important; } | |
| 199 .lucentium { background: #559 !important; } | |
| 200 .desolathya { background: #599 !important; } | |
| 201 .furnachia { background: #959 !important; } | |
| 202 .renardy { background: #c70 !important; } | |
| 203 .tormentas { background: #7a0 !important; } | |
| 204 .hcbat { background: #444 !important; } | |
| 205 .special { background: #a06 !important; } | |
| 206 .all { background: #0af !important; } | |
| 207 | |
| 208 .tooltip { | |
| 209 position: absolute; | |
| 210 display: none; | |
| 211 min-width: 200px; | |
| 212 background-color: white; | |
| 213 color: black; | |
| 214 padding: 5px; | |
| 215 font-size: 0.9em; | |
| 216 z-index: 11; | |
| 217 | |
| 218 border: 1px solid gray; | |
| 219 border-radius: 8px; | |
| 220 } | |
| 221 | |
| 222 .holder { display: block; color: #000; } | |
| 223 * html .tooltip { border-right: 400px solid #fff; } | |
| 224 * html .holder { display: inline-block; position: relative; margin-right: -400px; } | |
| 225 | |
| 226 | |
| 227 a.wizorig { font-weight: bold; } | |
| 228 a.wizrecoder { font-style: italic; } | |
| 229 a.wizmaintainer { } | |
| 230 a.wizexpander { } | |
| 231 | |
| 232 | |
| 233 #contents { | |
| 234 position: absolute; | |
| 235 top: 0; | |
| 236 right: 0; | |
| 237 left: 17em; | |
| 238 margin: 0; | |
| 239 padding: 1em; | |
| 240 background: #ddd; | |
| 241 } | |
| 242 | |
|
2808
e343db319675
Updates to april's fools CSS.
Matti Hamalainen <ccr@tnsp.org>
parents:
2342
diff
changeset
|
243 |
|
e343db319675
Updates to april's fools CSS.
Matti Hamalainen <ccr@tnsp.org>
parents:
2342
diff
changeset
|
244 @keyframes blinker { |
|
e343db319675
Updates to april's fools CSS.
Matti Hamalainen <ccr@tnsp.org>
parents:
2342
diff
changeset
|
245 50% { |
|
e343db319675
Updates to april's fools CSS.
Matti Hamalainen <ccr@tnsp.org>
parents:
2342
diff
changeset
|
246 opacity: 0; |
|
e343db319675
Updates to april's fools CSS.
Matti Hamalainen <ccr@tnsp.org>
parents:
2342
diff
changeset
|
247 } |
|
e343db319675
Updates to april's fools CSS.
Matti Hamalainen <ccr@tnsp.org>
parents:
2342
diff
changeset
|
248 } |
|
e343db319675
Updates to april's fools CSS.
Matti Hamalainen <ccr@tnsp.org>
parents:
2342
diff
changeset
|
249 |
| 1778 | 250 #contents h1 { |
| 251 font-size: 2.5em; | |
| 252 margin-top: 0px; | |
| 253 background: yellow; | |
| 254 padding: 0.2em; | |
| 255 color: white; | |
| 256 text-shadow: 2px 2px 2px #000; | |
| 257 text-transform: capitalize; | |
| 258 marquee-style: scroll; | |
|
2808
e343db319675
Updates to april's fools CSS.
Matti Hamalainen <ccr@tnsp.org>
parents:
2342
diff
changeset
|
259 animation: blinker 1s step-start infinite; |
| 1778 | 260 } |
| 261 | |
| 262 #contents a { | |
| 263 color: white; | |
| 264 } | |
| 265 | |
| 266 #contents a:hover { | |
| 267 color: red; | |
| 268 | |
| 269 } | |
| 270 | |
| 271 | |
| 272 h2,h3 { | |
| 273 padding: 0.5em; | |
| 274 background: black; | |
| 275 color: white; | |
| 276 text-shadow: 2px 2px 2px #000; | |
| 277 text-transform: capitalize; | |
| 278 marquee-style: scroll; | |
| 279 } | |
| 280 | |
|
2342
904911545217
Menu layout and the corresponding CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents:
2051
diff
changeset
|
281 #mainMenuBox, #extraBox { |
| 1778 | 282 position: fixed; |
| 283 width: 15em; | |
| 284 | |
| 285 padding: 0.2em; | |
| 286 | |
| 287 background: red; | |
| 288 color: black; | |
| 289 } | |
| 290 | |
| 291 #extraBox { | |
| 292 z-index: 4; | |
| 293 bottom: 0; | |
| 294 display: inline-table; | |
| 295 text-align: center; | |
| 296 } | |
| 297 | |
| 298 #extraBox:hover { | |
| 299 z-index: 8; | |
| 300 } | |
| 301 | |
| 302 #extraBox a { | |
| 303 display: inline-table; | |
| 304 color: white; | |
| 305 text-decoration: none; | |
|
2051
b4185d725b15
April's fools mode CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents:
1778
diff
changeset
|
306 background: #e00; |
| 1778 | 307 padding: 0.4em; |
|
2051
b4185d725b15
April's fools mode CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents:
1778
diff
changeset
|
308 border: 8px solid #00f; |
| 1778 | 309 } |
| 310 | |
| 311 #extraBox a:hover { | |
| 312 color: black; | |
| 313 } | |
| 314 | |
|
2342
904911545217
Menu layout and the corresponding CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents:
2051
diff
changeset
|
315 #mainMenuBox { |
| 1778 | 316 z-index: 5; |
| 317 top: 0; | |
| 318 } | |
| 319 | |
|
2342
904911545217
Menu layout and the corresponding CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents:
2051
diff
changeset
|
320 #mainMenuCtn a { |
| 1778 | 321 font-size: 1em; |
| 322 text-decoration: none; | |
| 323 color: black; | |
| 324 | |
| 325 display: block; | |
| 326 background: cyan; | |
| 327 margin: 0.2em; | |
| 328 | |
| 329 padding: 0.5em; | |
| 330 } | |
| 331 | |
|
2342
904911545217
Menu layout and the corresponding CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents:
2051
diff
changeset
|
332 #mainMenuCtn a:hover { |
| 1778 | 333 color: white; |
|
2051
b4185d725b15
April's fools mode CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents:
1778
diff
changeset
|
334 background: #0f0; |
| 1778 | 335 text-shadow: 2px 2px 2px #000; |
|
2808
e343db319675
Updates to april's fools CSS.
Matti Hamalainen <ccr@tnsp.org>
parents:
2342
diff
changeset
|
336 text-align: right; |
| 1778 | 337 } |
| 338 | |
|
2342
904911545217
Menu layout and the corresponding CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents:
2051
diff
changeset
|
339 #mainMenuBox h1, #extraBox h1 { |
| 1778 | 340 margin: 0px; |
| 341 padding-top: 0.5em; | |
| 342 padding-bottom: 0.5em; | |
| 343 font-size: 1.5em; | |
| 344 color: white; | |
| 345 text-align: center; | |
| 346 text-shadow: 8px 8px 8px #000; | |
| 347 } | |
| 348 | |
|
2342
904911545217
Menu layout and the corresponding CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents:
2051
diff
changeset
|
349 #mainMenuBox h1 a { |
| 1778 | 350 text-decoration: none; |
| 351 color: white; | |
| 352 } | |
| 353 | |
| 354 | |
| 355 div.advert { | |
| 356 display: none; | |
| 357 } | |
| 358 | |
| 359 | |
| 360 #contents a.gmapLink { | |
| 361 text-shadow: 1px 1px 1px #000; | |
| 362 font-size: 1.5em; | |
| 363 } | |
| 364 | |
| 365 #contents a.mapLink { | |
| 366 text-decoration: underline; | |
| 367 } | |
| 368 | |
| 369 li { | |
| 370 margin-bottom: 1em; | |
| 371 } | |
| 372 | |
| 373 .alpha { | |
| 374 marquee-style: scroll; | |
| 375 } |