diff options
Diffstat (limited to 'src/app/main.css')
-rw-r--r-- | src/app/main.css | 65 |
1 files changed, 7 insertions, 58 deletions
diff --git a/src/app/main.css b/src/app/main.css index d51509b..e4c6a2c 100644 --- a/src/app/main.css +++ b/src/app/main.css @@ -1,58 +1,15 @@ -:root { - --red: 199, 119, 127; - --red2: 181 97 105; - - --blue: 129, 161, 193; - --blue2: 139, 143, 185; - - --orange: 213, 151, 131; - --orange2: 197 129 107; - - - --padding: 25px; - - --bg: rgba(0, 0, 0, 0.5); - --selbg: rgba(80, 80, 80, 0.5); - --redbg: linear-gradient(45deg, rgb(var(--red)), #FA4343); - --bluebg: linear-gradient(45deg, rgb(var(--blue)), #7380ED); -} +@import "css/theming.css"; .popup, #modsdiv { outline: 1px solid #444444; border: 3px solid var(--bg); } -::-webkit-scrollbar { - width: 8px; -} - -::-webkit-scrollbar-track { - border-radius: 10px; - background: transparent; -} - -::-webkit-scrollbar-thumb { - border-radius: 10px; - background: rgb(var(--red)); -} - -::selection { - color: black; - background: rgb(var(--red)); -} - body { margin: 0; overflow: hidden; } -body, button, input {font-family: "Roboto", sans-serif} - -body, button, img, a { - -webkit-user-drag: none; - user-select: none; -} - button {outline: none} b, strong {font-weight: 700} body, input, button {font-weight: 500} @@ -98,8 +55,8 @@ button { } .popup.small { - left: 30vw; - right: 30vw; + left: 20vw; + right: 20vw; top: calc(var(--padding) * 2); bottom: calc(var(--padding) * 2); } @@ -133,8 +90,10 @@ button { } .popup webview { - width: 100%; - height: 100%; + width: 78%; + margin: 0 auto; + margin-top: calc(var(--spacing) / 2); + height: calc(100% - calc(var(--spacing) / 2)); } .popup .el, .popup .misc, .popup .loading { @@ -629,16 +588,6 @@ img {pointer-events: none} background: var(--bluebg); } -a { - color: rgb(var(--red)); - text-decoration: none; - transition: filter 0.2s ease-in; -} - -a:hover { - filter: brightness(80%); -} - #nsContent .contentMenu { margin-bottom: 0; } |