annotate css/style.css @ 69:2e645b936727

*: huge overhaul 1. the INDEX PAGE was broken for so long, but I really could not have been arsed to fix it. 2. all major css has been moved to css/style.css 3. png files are now all jpg files because having pngs on a website is overkill 4. update libopenmpt, not sure if it works (local JS doesn't work on my browser) 5. libopenmpt is now the JS-only version because browsers like pale moon still don't support WASM
author Paper <mrpapersonic@gmail.com>
date Sat, 30 Sep 2023 00:34:22 -0400
parents
children ff98f97603ca
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
69
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
1 .navbar {
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
2 text-align: left; /* Override body text align */
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
3 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
4 }
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
5 .container {
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
6 width: 98%;
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
7 margin-top: 1%;
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
8 }
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
9 body {
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
10 color: white;
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
11 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
12 text-align: center;
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
13 text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
14 }
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
15 div.box {
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
16 background-color: rgba(0, 0, 0, 0.5);
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
17 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset;
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
18 color: white;
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
19 text-align: center;
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
20 margin: 1% auto;
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
21 padding: 15px;
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
22 max-width: 500px;
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
23 }
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
24 .center {
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
25 position: absolute;
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
26 top: 50%;
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
27 left: 50%;
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
28 transform: translate(-50%, -50%);
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
29 }
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
30 a:link, a:visited, a:hover, a:active {
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
31 color: #ff6600;
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
32 }
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
33 /* Only in index.html */
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
34 div.logos {
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
35 filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
36 image-rendering: pixelated;
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents:
diff changeset
37 }