diff options
Diffstat (limited to 'src/style.css')
-rw-r--r-- | src/style.css | 86 |
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; +} |