Locutus/locutus
2
1
Fork 0
Code Issues Pull Requests Projects Releases Activity

Update login styles

Browse Source
This commit is contained in:
Lorenz Stechauner
2021-05-08 22:05:26 +02:00
parent 5407db4b54
commit e30918c2fa
1 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
www/res/styles/styles.css
View File

@ -1,7 +1,9 @@
* { * {
font-family: 'Arial', sans-serif; font-family: 'Arial', sans-serif;
--win-bg: rgba(168, 168, 168, 0.25); --bg-win: rgba(192, 192, 192, 0.25);
--bg: rgba(224, 224, 224, 0.5);
--fg-soft: rgba(32, 32, 32, 0.5);
} }
noscript { noscript {
@ -46,8 +48,8 @@ div#windows {
div#windows > * { div#windows > * {
backdrop-filter: blur(32px); backdrop-filter: blur(32px);
border: 1px solid var(--win-bg); border: 1px solid var(--bg-win);
background: var(--win-bg); background: var(--bg-win);
border-radius: 4px; border-radius: 4px;
padding: 0.5em 1em; padding: 0.5em 1em;
box-sizing: border-box; box-sizing: border-box;
@ -56,7 +58,7 @@ div#windows > * {
div#login-win, div#login-win,
div#welcome-win { div#welcome-win {
max-width: 650px; max-width: 650px;
margin: 20vh auto 1em auto; margin: calc(25vh - 8em) auto 1em auto;
} }
div#login-win h1, div#login-win h1,
@ -66,8 +68,8 @@ div#welcome-win h1 {
div#welcome-win a { div#welcome-win a {
text-decoration: none; text-decoration: none;
background-color: var(--win-bg); background-color: var(--bg);
border: 1px solid var(--win-bg); border: 1px solid var(--bg);
padding: 0.5em 1em; padding: 0.5em 1em;
margin: 1em auto; margin: 1em auto;
border-radius: 4px; border-radius: 4px;
@ -86,8 +88,8 @@ footer {
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
border-top: 1px solid var(--win-bg); border-top: 1px solid var(--bg-win);
background: var(--win-bg); background: var(--bg-win);
height: 2em; height: 2em;
backdrop-filter: blur(32px); backdrop-filter: blur(32px);
margin-top: 1em; margin-top: 1em;
@ -118,8 +120,8 @@ form {
} }
form input { form input {
background-color: var(--win-bg); background-color: var(--bg);
border: 1px solid #808080; border: 1px solid var(--bg);
border-radius: 4px; border-radius: 4px;
outline: none; outline: none;
padding: 0.5em 1em; padding: 0.5em 1em;
@ -132,6 +134,6 @@ form input {
} }
form input::placeholder { form input::placeholder {
color: #808080; color: var(--fg-soft);
opacity: 1; opacity: 1;
} }