diff options
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 53 |
1 files changed, 38 insertions, 15 deletions
diff --git a/src/style.css b/src/style.css index 6d00b54..ae908ba 100644 --- a/src/style.css +++ b/src/style.css @@ -222,8 +222,11 @@ nav ul > * { } header h1 { + display: flex; + flex-direction: column; font-size: 1.5rem; margin-bottom: 0; + line-height: 1.1; } header h3 { @@ -455,22 +458,28 @@ main section { text-align: right; } -.nifc { background-color: pink; } -.have { background-color: green; } -.have-nifc { background-color: #5DBB63; } -.not-minted { background-color: black; } -.unknown { background-color: grey; } -.error { background-color: red; } +.nifc { background-color: pink; } +.have { background-color: green; } +.have-nifc { background-color: #5DBB63; } +.not-minted { background-color: black; } +.unknown { background-color: grey; } +.error { background-color: red; } +.getting { background-color: yellow; } +.getting-nifc { background-color: khaki; } .have-proof { background-color: #5DBB63; position: relative; } +.getting-proof { + background-color: khaki; + position: relative; +} -.have-proof:before { animation: slide 2s linear 1s infinite; } -.have-proof:after { animation: slide 2s linear 0s infinite; } +:is(.have-proof, .getting-proof):before { animation: slide 2s linear 1s infinite; } +:is(.have-proof, .getting-proof):after { animation: slide 2s linear 0s infinite; } -.have-proof:before, -.have-proof:after { +:is(.have-proof, .getting-proof):before, +:is(.have-proof, .getting-proof):after { content: ''; top: 0; left: 0; @@ -653,6 +662,11 @@ div .country-table:not(:first-child) { border-radius: 16px 16px 16px 16px; } +.stats-list { + list-style: none; + margin-bottom: 32px; +} + .coin-table { width: calc(95% + 32px); white-space: nowrap; @@ -728,11 +742,16 @@ div .country-table:not(:first-child) { background-color: var(--tertiary-color); } -.coin-table .have, -.coin-table .nifc, -.coin-table .have-nifc, -.coin-table .have-proof, -.coin-table .not-minted { +.coin-table :is( + .have, + .nifc, + .have-nifc, + .have-proof, + .not-minted, + .getting, + .getting-nifc, + .getting-proof +) { color: black; } @@ -876,3 +895,7 @@ div .country-table:not(:first-child) { flex-direction: column; align-items: center; } + +.translation { + opacity: 50%; +}
\ No newline at end of file |