diff --git a/luasrc/gaya/gaya.css b/luasrc/gaya/gaya.css index 8cd916a..4f647dd 100644 --- a/luasrc/gaya/gaya.css +++ b/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;