From 54744b09809f6ce9b58bb4dfb5bf32d0249dd9b9 Mon Sep 17 00:00:00 2001 From: kaotisk Date: Thu, 11 Apr 2024 16:11:59 +0300 Subject: styling adjustments --- src/css/akn.css | 22 ++++++++++++++---- src/index.html | 70 ++++++++++++++++++++++++++++++++++----------------------- 2 files changed, 60 insertions(+), 32 deletions(-) (limited to 'src') diff --git a/src/css/akn.css b/src/css/akn.css index 445824d..816b098 100644 --- a/src/css/akn.css +++ b/src/css/akn.css @@ -78,6 +78,11 @@ a:hover{ border: 1px; } +fieldset { + display: flex; + flex-direction: column; + gap: 5px; +} #menu a {display:inline-block;} @@ -117,9 +122,13 @@ label { } input { - width: 100%; + width: auto; border: 0px; - border-radius: 5px; + border-radius: 0px; + padding: 1vh 1vw; + color: yellow; + background: black; + border: lightyellow 1px dashed; } .sub-input{ @@ -236,10 +245,15 @@ article { overflow-y: auto; z-index: 1; } + .main div { height: 100%; } +.main div div { + height: auto; +} + .page-layout { display: flex; flex-direction: column; @@ -288,7 +302,7 @@ button { display: flex; background: #000000; border: 1px solid #17392e; - padding: 10px; + padding: 1vh 1vw; margin: 1px; } @@ -428,7 +442,7 @@ footer { width: -moz-available; width: -webkit-fill-available; } -@media (max-width: 770px) { +@media (max-width: 850px) { #double-floor { flex-direction: column; } diff --git a/src/index.html b/src/index.html index 6aed26d..66c6b12 100644 --- a/src/index.html +++ b/src/index.html @@ -22,18 +22,20 @@
- +

Arching Kaos