Add files via upload

luasrc/gaya/gaya.css

@@ -21,8 +21,8 @@
   }
   
   @font-face {
-    font-family: "Inter-Bold";
-    src: url('/luci-static/alpha/fonts/Inter-Bold.woff2');
+    font-family: "Quicksand-Bold";
+    src: url('/luci-static/alpha/fonts/Quicksand-Bold.ttf');
   }
   
   
@@ -40,6 +40,25 @@
     --submenu-bg-hover-active: #09c;
     --font-body: 'Inter-Regular';
   }
+
+  p {
+    display: block;
+    margin-block-start: 1em;
+    margin-block-end: 1em;
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+}
+
+li {
+  display: block;
+  color: #7e7e7e;
+  list-style-type: disc;
+  margin-block-start: 5px;
+  margin-block-end: 5px;
+  margin-inline-start: 0px;
+  margin-inline-end: 0px;
+}
+
   .table {
     position: relative;
     display: table;
@@ -461,6 +480,11 @@
     display: none;
   }
   
+strong {
+    font-weight: bold;
+    color: rgb(114, 136, 114);
+  }
+
   .main-right {
     float: right;
     width: calc(100% - 16rem);
@@ -468,6 +492,7 @@
   }
   .nowrap:not(.td) {
     white-space: nowrap;
+    color: #3f6c81;
   }
   [disabled="disabled"] {
     pointer-events: none;
@@ -673,8 +698,9 @@
   }
   h2 {
     font-size: 1.8rem;
-    font-family: "Inter-Bold";
+    font-family: "Quicksand-Bold";
     letter-spacing: 2px;
+    text-align: center;
     padding-bottom: 10px;
     margin: 2rem 0 0;
   }
@@ -686,6 +712,7 @@
   }
   h4 {
     font-size: 1.2rem;
+    color: rgb(39, 39, 39);
     padding-bottom: 10px;
     margin: 2rem 0 0;
   }
@@ -728,6 +755,7 @@
   .cbi-map-descr,
   .cbi-section-descr {
     font-size: small;
+    text-align: center;
     line-height: 1.42857143;
     color: #999;
     padding: 0.5rem;
@@ -1002,7 +1030,6 @@
   }
   .tabs > li {
     padding-bottom: 0.4rem;
-    border-bottom: 0.2rem solid transparent;
   }
   .tabs > li[class~="active"],
   .tabs > li:hover {
@@ -1029,9 +1056,15 @@
   }
   .cbi-tabmenu > li:hover {
     background-color: #f1f1f1;
+    
   }
   .cbi-tabmenu > li[class~="cbi-tab"] {
-    background-color: #bbe9ff;
+    background-color: #ff9494;
+    border-radius: 10px;
+  }
+
+  .cbi-tabmenu > li[class~= data-tab=] {
+    color: #ffffff;
   }
   [data-tab-title] {
     overflow: hidden;
@@ -1555,6 +1588,7 @@
     flex: 10 10 auto;
     height: 100%;
   }
+
   .network-status-table .ifacebox-body .ifacebadge {
     align-items: center;
     flex: 1 1 auto;