diff options
author | kaotisk <kaotisk@arching-kaos.org> | 2023-09-06 23:42:24 +0300 |
---|---|---|
committer | kaotisk <kaotisk@arching-kaos.org> | 2023-09-06 23:42:24 +0300 |
commit | b404dcd80cd6611bd0f0d4c77f3654fbfdc9b713 (patch) | |
tree | 50889c84381c0bfc80fbb69dc960aedb4f9bd2b4 /src/css | |
parent | a278f33fe06f8669f15725a2b623ab68823f9d04 (diff) | |
download | arching-kaos-web-ui-b404dcd80cd6611bd0f0d4c77f3654fbfdc9b713.tar.gz arching-kaos-web-ui-b404dcd80cd6611bd0f0d4c77f3654fbfdc9b713.tar.bz2 arching-kaos-web-ui-b404dcd80cd6611bd0f0d4c77f3654fbfdc9b713.zip |
CSS clean up
Diffstat (limited to 'src/css')
-rw-r--r-- | src/css/akn.css | 55 |
1 files changed, 30 insertions, 25 deletions
diff --git a/src/css/akn.css b/src/css/akn.css index 68957a3..6106c2a 100644 --- a/src/css/akn.css +++ b/src/css/akn.css @@ -1,17 +1,18 @@ * { animation: fadeIn 0.2s; } + @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } - @font-face { font-family: 'Hack Nerd Font'; src: url('../fonts/Hack.woff2') format('woff'); font-weight: normal; } + body { word-break: break-all; padding: 1%; @@ -22,7 +23,6 @@ body { display: block; margin: auto; padding: 5px; - /* color: #e6d5d5; */ position: relative; top: 0; bottom: 0; @@ -50,21 +50,22 @@ a:hover{ .header { text-align: center; } + .header h1 { display: block; } + @media (max-width: 540px) { .header h1 { display: none; } } + .feature-img { text-align: center; width: 100%; - /*! height: 35vh; */ } - .inv img { width: 64px; height: 64px; @@ -80,13 +81,12 @@ a:hover{ .footer { text-align: center; } + .inv {display:block;text-align:center;} pre {overflow:auto;} .whole{ - /*! background-color: #3a3a3a; - display: grid;*/ } #gotop-link{ @@ -95,14 +95,6 @@ pre {overflow:auto;} } .container { - /*background-color: #3a3a3a; - max-width: 60vw; - margin: auto; - padding: 2%; - display: grid; - border-radius: 6px; - width: 40vw; - overflow: auto; */ } h1 { @@ -119,8 +111,6 @@ div { } #contact { - /* background-color: #443644; */ - /*! border-radius: 0; */ border-style: dashed; border-width: 3px; border-color: #276a4b; @@ -154,27 +144,33 @@ textarea { border-radius: 5px; height: 100px; } + .row .large-12 .small-12 { width: 100%; display: inline-grid; } + .large-6 .small-6 { width: 50%; display: inline-flex; } + .success { background-color: green; color: white; } + .alert { background-color: red; color: black; } + .button { border: 0px; padding: 7px; color: white; } + button { color: rgb(51, 200, 234); text-decoration: none; @@ -190,6 +186,7 @@ button:hover { } pre { white-space: pre-wrap; } + #stellar-freigher-connect-address { position: fixed; top: 0; @@ -198,6 +195,7 @@ pre { white-space: pre-wrap; } padding: 0.5vh 1vw; font-size: 0.9rem; } + .stellar-address { border: #1c241c 2px solid; color: #ff1e1e; @@ -205,22 +203,27 @@ pre { white-space: pre-wrap; } width: fit-content; margin: 0; } + #progress { word-wrap: break-word; } + select { border: 1px solid; background-color: #1a1a1a; color: #7ef07e; } + article { border: 2px solid #672178; padding: 24px; } + .topbar audio { width: 25%; padding: 2%; } + .topbar { position: fixed; top: 0; @@ -238,7 +241,6 @@ article { } .main{ - /* position: absolute; */ position: fixed; top: 80px; background-color: #2a2a2a; @@ -261,47 +263,56 @@ article { display: flex; flex-direction: column; } + .header { display: flex; flex-direction: row; align-items: center; } + .header img { max-width: 80px; width: 32px; width: -moz-available; width: -webkit-fill-available; } + h1 { margin: 0px; } + #menu { padding: 2px; overflow-y: auto; display: flex; color:rgb(51, 200, 234); } + #menu button, #modules-submenu-link, .menu-clickable { cursor: pointer; display: flex; background: #1c241c; border: 1px solid #17392e; - /* padding: 1px; */ padding: 10px; margin: 1px; } + #menu button:hover, #modules-submenu-link:hover, .menu-clickable:hover { background: #008033; } + #mobile-menu { display: none; } + .dropdown { flex-direction: row; } + #explore-submenu { display: none; } + #modules-submenu { display: none; } @@ -338,16 +349,12 @@ h1 { } #double-floor { position: fixed; - /*display: none;*/ top: 0px; z-index: 0; align-items: center; background-color: #1a1a1a8a; height: 100%; - /* overflow-y: auto; */ width: 100%; - /* max-width: -webkit-fill-available; */ - /* max-height: 203px; */ } #mobile-menu { display: flex; @@ -358,6 +365,7 @@ div { padding: 0; margin: 0; } + .hsm { z-index: 999; position: fixed; @@ -405,8 +413,6 @@ details { } #settings-section button {} - -/* FOOTER */ footer { position: absolute; right: 0; @@ -423,7 +429,6 @@ footer { justify-content: center; align-items: center; gap: 10px; - /* min-height: 14vh; */ flex-direction: row; bottom: 0; background: #1c241c; |