From 129c4a888b4dc42d59091341d8888e20da0af45c Mon Sep 17 00:00:00 2001 From: onryo Date: Sat, 13 May 2023 21:34:42 +0200 Subject: [PATCH] minor changes --- css/style.css | 34 +++++++++++++++------------------- 1 file changed, 15 insertions(+), 19 deletions(-) diff --git a/css/style.css b/css/style.css index fe55057..1805316 100644 --- a/css/style.css +++ b/css/style.css @@ -26,8 +26,8 @@ --color-text-grey: 192, 190, 190; /* ----- Background Colors ----- */ - --color-bg-light-grey: 84, 84, 84; - --color-bg-grey: 61, 61, 61; + --color-bg-light-grey: 68, 68, 68; + --color-bg-grey: 51, 51, 51; --color-bg-dark: 26, 26, 26; --color-bg-darker: 12, 12, 12; @@ -214,18 +214,14 @@ input[type="radio"] ~ a label a { text-align: center; text-decoration: none; color: white; - border-radius: var(--border-radius-xsmall); + border-radius: 0; user-select: none; background: rgba(117, 110, 110, 0.188); -webkit-tap-highlight-color: transparent; } .component-button:hover { - transition: all ease-in-out 300ms; - font-weight: 600; - box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 1) inset; - background: rgba(110, 100, 100, 0.445); - border-radius: var(--border-radius-large); + background: rgba(110, 100, 100, 0.445) } .header-gradient { @@ -434,7 +430,7 @@ input[type="radio"] ~ a label a { animation: 3000ms cubic-bezier(0.25, 0.1, 0, 1) -0.25s 1 slideIn; z-index: 10; font-size: var(--font-size-l); - margin: 28rem 0 0 0; + margin: 14rem 0 0 0; padding: 1.25rem 3rem; } @@ -700,7 +696,7 @@ input[id="about-tab-6"]:not(checked) ~ * .docs { height: 17rem; color: rgb(var(--color-text-main)); background-color: rgb(var(--color-bg-dark)); - border-radius: var(--border-radius-small); + border-radius: 0; filter: drop-shadow(0rem 0rem 0.75rem rgba(26, 26, 26, 0.733)); } @@ -740,7 +736,7 @@ input[id="about-tab-6"]:not(checked) ~ * .docs { height: 42rem; color: rgb(var(--color-text-main)); background-color: rgb(var(--color-bg-dark), 0.5); - border-radius: var(--border-radius-med); + border-radius: 0: filter: drop-shadow(0vh 0vh 1vh rgba(26, 26, 26, 0.733)); font-size: var(--font-size-s); overflow: hidden; @@ -849,7 +845,7 @@ tr { align-items: center; right: 0vh; width: 44rem; - border-radius: var(--border-radius-xsmall); + border-radius: 0; filter: drop-shadow(0rem 0rem 0.75rem rgba(0, 0, 0, 0.4)); } @@ -857,7 +853,7 @@ tr { width: 18rem; right: 14rem; top: 8rem; - border-radius: var(--border-radius-small); + border-radius: 0; } .wallet-info-text > h3 { @@ -1026,7 +1022,7 @@ input[id="about-wallet-3"]:not(checked) ~ * .wallet-info-3 { width: 20rem; height: 30rem; font-size: 1rem; - border-radius: var(--border-radius-small); + border-radius: 0; } .table-left, @@ -1103,21 +1099,21 @@ input[id="about-wallet-3"]:not(checked) ~ * .wallet-info-3 { width: 7.5rem; right: unset; top: 16.25rem; - border-radius: var(--border-radius-small); + border-radius: 0: } .wallet-info-2 > img { width: 16rem; right: unset; top: 21rem; - border-radius: var(--border-radius-xsmall); + border-radius: 0; } .wallet-info-1 > img { width: 18rem; right: unset; top: 21rem; - border-radius: var(--border-radius-xsmall); + border-radius: 0; } .wallet-info-text a { @@ -1184,7 +1180,7 @@ input[id="about-wallet-3"]:not(checked) ~ * .wallet-info-3 { margin: 0; padding: 0; bottom: 0.75rem; - border-radius: 0.55rem; + border-radius: 0; font-size: 1.5rem; } } @@ -1251,7 +1247,7 @@ footer > p { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); text-align: center; - border-radius: var(--border-radius-large); + border-radius: 0; width: 10vh; height: 4vh; position: absolute;