aboutsummaryrefslogtreecommitdiff
path: root/src/css
diff options
context:
space:
mode:
authorkaotisk <kaotisk@arching-kaos.org>2023-09-06 23:42:24 +0300
committerkaotisk <kaotisk@arching-kaos.org>2023-09-06 23:42:24 +0300
commitb404dcd80cd6611bd0f0d4c77f3654fbfdc9b713 (patch)
tree50889c84381c0bfc80fbb69dc960aedb4f9bd2b4 /src/css
parenta278f33fe06f8669f15725a2b623ab68823f9d04 (diff)
downloadarching-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.css55
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;