diff --git a/public/index.html b/public/index.html index 1a623c4..34cbbb6 100755 --- a/public/index.html +++ b/public/index.html @@ -57,19 +57,24 @@
diff --git a/public/style.css b/public/style.css index 4b8ac3b..8d5917a 100755 --- a/public/style.css +++ b/public/style.css @@ -32,7 +32,7 @@ body, font: 12px/12px "Iosevka Web", monospace; } -.braille > * { +.braille>* { white-space: pre; } @@ -145,10 +145,10 @@ body, display: none; } -#tab-links:checked ~ #linksTab, -#tab-contact:checked ~ #contactTab, -#tab-about:checked ~ #aboutTab, -#tab-dash:checked ~ #dashTab { +#tab-links:checked~#linksTab, +#tab-contact:checked~#contactTab, +#tab-about:checked~#aboutTab, +#tab-dash:checked~#dashTab { display: block; } @@ -180,6 +180,7 @@ body, position: absolute; right: 0; } + ul { list-style-type: none; } @@ -200,9 +201,11 @@ ul li::before { position: fixed; z-index: 11; } + .modal[open] .modal__toggle:focus { outline: 0px solid rgba(0, 0, 255, 0); } + .modal__toggle::before { content: "Donate"; cursor: pointer; @@ -212,11 +215,13 @@ ul li::before { color: #fff; border: 4px solid #f3bbae92; } + .modal[open] .modal__toggle::before { content: "✖"; color: #fff !important; font-size: 25px; } + .modal__toggle { position: relative; list-style: none; @@ -225,13 +230,16 @@ ul li::before { text-align: left; z-index: 4; } + .modal__toggle::-webkit-details-marker { display: none; } + .modal__toggle:hover { cursor: pointer; opacity: 0.8; } + .modal__background { background-color: rgba(0, 0, 0, 0.65); display: flex; @@ -243,6 +251,7 @@ ul li::before { width: 100vw; z-index: 3; } + .modal__body { border: 4px solid #f3bbae92; background: rgba(36, 25, 23, 1); @@ -282,7 +291,20 @@ ul li::before { padding-left: 0; } +.links a { + text-decoration-skip: spaces; +} + .dashboard { display: flex; flex-direction: row; } + +.icon, .text-icon { + fill: #f3bbae; + width: 12px; +} + +.text-icon { + padding-left: 0.5rem; +} \ No newline at end of file