summaryrefslogtreecommitdiffhomepage
path: root/src/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/style.css')
-rw-r--r--src/style.css86
1 files changed, 44 insertions, 42 deletions
diff --git a/src/style.css b/src/style.css
index 3649075..d29027b 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,30 +1,30 @@
-@font-face {
- font-family: 'Ysabeau';
- src: url('/fonts/Ysabeau-Medium.otf') format('opentype');
- font-weight: 500;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'Ysabeau';
- src: url('/fonts/Ysabeau-MediumItalic.otf') format('opentype');
- font-weight: 500;
- font-style: italic;
-}
-
-@font-face {
- font-family: 'Ysabeau';
- src: url('/fonts/Ysabeau-Bold.otf') format('opentype');
- font-weight: bold;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'Ysabeau';
- src: url('/fonts/Ysabeau-BoldItalic.otf') format('opentype');
- font-weight: bold;
- font-style: italic;
-}
+/* @font-face { */
+/* font-family: 'Ysabeau'; */
+/* src: url('/fonts/Ysabeau-Medium.otf') format('opentype'); */
+/* font-weight: 500; */
+/* font-style: normal; */
+/* } */
+
+/* @font-face { */
+/* font-family: 'Ysabeau'; */
+/* src: url('/fonts/Ysabeau-MediumItalic.otf') format('opentype'); */
+/* font-weight: 500; */
+/* font-style: italic; */
+/* } */
+
+/* @font-face { */
+/* font-family: 'Ysabeau'; */
+/* src: url('/fonts/Ysabeau-Bold.otf') format('opentype'); */
+/* font-weight: bold; */
+/* font-style: normal; */
+/* } */
+
+/* @font-face { */
+/* font-family: 'Ysabeau'; */
+/* src: url('/fonts/Ysabeau-BoldItalic.otf') format('opentype'); */
+/* font-weight: bold; */
+/* font-style: italic; */
+/* } */
:root {
--background-color: #121212;
@@ -162,11 +162,11 @@ nav ul ul {
width: 100%;
}
-nav li:hover ul, #lang-button:checked + label #lang-dd {
+nav li:hover ul {
display: block;
}
-nav li:hover, #lang-button:checked + label #lang-selected {
+nav li:hover {
background-color: var(--secondary-hover-color);
}
@@ -178,7 +178,7 @@ nav ul ul:last-child, nav ul ul li:last-child {
border-radius: 0 0 4px 4px;
}
-nav li a, #lang-selected {
+nav li a {
transition: ease 300ms;
}
@@ -198,7 +198,7 @@ nav li a, nav li div {
padding: 12px;
}
-nav li:hover a, li:hover > #lang-selected {
+nav li:hover a {
transform: translate(0, -4px);
}
@@ -209,13 +209,6 @@ nav ul > * {
height: auto;
}
-#lang-dd {
- max-height: 50vh;
- overflow: auto;
- right: 0;
- width: 20%;
-}
-
.unavailable {
font-style: italic;
opacity: var(--font-secondary-opacity);
@@ -623,6 +616,14 @@ div .country-table:not(:first-child) {
border-radius: 0 0 16px 0;
}
+.country-table tr:first-child:last-child td:first-child {
+ border-radius: 16px 0 0 16px;
+}
+
+.country-table tr:first-child:last-child td:last-child {
+ border-radius: 0 16px 16px 0;
+}
+
.coin-table {
width: calc(95% + 32px);
white-space: nowrap;
@@ -823,10 +824,6 @@ div .country-table:not(:first-child) {
}
}
-#lang-button {
- display: none;
-}
-
.error-table tbody td:nth-child(2) {
border: none;
}
@@ -845,3 +842,8 @@ div .country-table:not(:first-child) {
border-left: none;
border-right: none;
}
+
+.blurb {
+ flex-direction: column;
+ align-items: center;
+}