summaryrefslogtreecommitdiffhomepage
path: root/src/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/style.css')
-rw-r--r--src/style.css53
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