diff --git a/Makefile b/Makefile
index 09199be..1440cf7 100644
--- a/Makefile
+++ b/Makefile
@@ -48,4 +48,4 @@ define Package/luci-theme-$(THEME_NAME)/postinst
}
endef
-$(eval $(call BuildPackage,luci-theme-$(THEME_NAME)))
+$(eval $(call BuildPackage,luci-theme-$(THEME_NAME)))
\ No newline at end of file
diff --git a/css/custom.css b/css/custom.css
deleted file mode 100644
index 5702935..0000000
--- a/css/custom.css
+++ /dev/null
@@ -1,263 +0,0 @@
-.Dashboard {
- color: #212529 !important
-}
-
-.Dashboard h3 {
- color: #ffffff
-}
-
-.Dashboard hr {
- border: 0;
- height: 0;
- overflow: visible;
- box-sizing: content-box;
- border-top: 1px solid rgba(0, 0, 0, .1);
- margin: 0
-}
-
-.Dashboard .box-s1 {
- min-height: 466px
-}
-
-.Dashboard .internet-status-self .internet-status-info .title {
- height: 97px
-}
-
-.Dashboard .dashboard-bg {
- border-radius: 16px;
- background-color: #3f3f3f69
-}
-
-.Dashboard .title {
- text-align: center
-}
-
-.Dashboard .section-content {
- display: flex;
- vertical-align: top;
- align-items: flex-start;
- justify-content: space-between;
- padding: 20px 0 0
-}
-
-.Dashboard .section-content>div {
- width: 100%;
- padding: 1.5em
-}
-
-.Dashboard .section-content .settings-info {
- padding-top: 1em
-}
-
-.Dashboard .section-content .internet-status-info .settings-info>div>p>i {
- padding: 0 0 0 5px
-}
-
-.Dashboard .section-content>div:nth-child(2) {
- margin-left: 20px
-}
-
-.Dashboard .devices-list .devices-info .tr .td {
- padding: 0px 0 0 10px
-}
-
-.Dashboard .devices-list .devices-info .tr .td:first-child {
- width: 33%;
- word-break: break-all
-}
-
-.Dashboard .devices-list hr:nth-child(4) {
- margin-top: 0;
- margin-bottom: 8px
-}
-
-.Dashboard .router-status-lan .devices-list .table-titles .th:first-child {
- width: 35%
-}
-
-.Dashboard .router-status-self .router-status-info .settings-info {
- padding-left: 27px
-}
-
-.Dashboard .router-status-self .router-status-info .title h3 {
- margin-top: -2px
-}
-
-.Dashboard .router-status-info svg {
- width: 70px
-}
-
-.Dashboard .internet-status-self .settings-info p:first-child span:first-child {
- font-size: 15px;
- font-weight: 500
-}
-
-.Dashboard .internet-status-self .settings-info p:nth-child(2) span:first-child,
-.Dashboard .router-status-wifi .wifi-info .settings-info p:first-child span:first-child,
-.Dashboard .router-status-wifi .wifi-info .settings-info p:nth-child(2) span:first-child {
- font-weight: 700
-}
-
-.Dashboard .settings-info p span:first-child {
- width: 35%;
- font-size: 12px;
- text-align: right
-}
-
-.Dashboard .settings-info p span:nth-child(2) {
- display: inline-block;
- word-break: break-all;
- max-width: 150px;
- overflow: hidden;
- max-height: 16px;
- position: relative;
- top: 2px
-}
-
-.Dashboard .router-status-info .settings-info p span:nth-child(2) {
- max-width: 283px
-}
-
-.Dashboard .settings-info p span.ssid {
- max-height: 18px;
- top: 3px
-}
-
-.Dashboard .settings-info p span.encryption {
- max-width: 82px
-}
-
-.Dashboard .router-status-wifi .wifi-info .devices-info .tr .td {
- padding: 0 10px
-}
-
-.Dashboard .router-status-wifi .wifi-info .devices-info .tr .td:first-child {
- width: 30%;
- word-break: break-all
-}
-
-.Dashboard .router-status-wifi .wifi-info .devices-info .tr .td:nth-child(2) {
- width: 21%;
- overflow: hidden;
- padding-left: 0;
- word-break: break-all
-}
-
-.Dashboard .router-status-wifi .wifi-info .settings-info {
- padding: 1em 0
-}
-
-.Dashboard .router-status-wifi .wifi-info .devices-info .tr .td:nth-child(3) {
- width: 22%;
- overflow: hidden;
- position: relative;
- top: -3px
-}
-
-.Dashboard .router-status-wifi .wifi-info .devices-info .tr .td:nth-child(5) {
- width: initial
-}
-
-.Dashboard .router-status-wifi .wifi-info .devices-info .device-info .progress {
- width: 100%;
- margin: 0;
- padding: 0
-}
-
-.Dashboard .wifi-info .devices-info .table-titles {
- border-bottom: 1px solid rgba(0, 0, 0, .1)
-}
-
-.Dashboard .section-content .internet-status-info .settings-info,
-.Dashboard .router-status-wifi .wifi-info .settings-info,
-.Dashboard .router-status-lan .lan-info .settings-info {
- display: flex;
- justify-content: space-around
-}
-
-.Dashboard .devices-list .devices-info,
-.Dashboard .router-status-wifi .wifi-info>hr:last-child {
- margin-bottom: 0
-}
-
-@media screen and (min-width: 200px) and (max-width: 640px) {
- .Dashboard .cbi-section-1>.section-content {
- padding-top: 10px
- }
-
- .Dashboard .section-content>div {
- padding: 1em
- }
-
- .Dashboard .section-content>div:first-child {
- margin-bottom: 10px
- }
-
- .Dashboard .section-content>div:nth-child(2) {
- margin: 0
- }
-
- .Dashboard .router-status-self .router-status-info .settings-info {
- padding: 0
- }
-
- .Dashboard .section-content .internet-status-info .settings-info>div:first-child {
- margin-bottom: 10px;
- border-bottom: 1px solid rgba(0, 0, 0, .1)
- }
-
- .Dashboard .router-status-wifi .wifi-info .settings-info>div {
- flex: 1
- }
-
- .Dashboard .section-content .router-status-lan .devices-info .table-titles .th:last-child {
- padding-left: 70px
- }
-
- .Dashboard .section-content .router-status-lan .devices-info .td:first-child {
- flex: 2 2 31%
- }
-
- .Dashboard .section-content .router-status-lan .devices-info .td:nth-child(2) {
- flex: 1 1 24%;
- padding: 0
- }
-
- .Dashboard .section-content .router-status-lan .devices-info .td:last-child {
- word-wrap: normal
- }
-
- .Dashboard .router-status-wifi .wifi-info .settings-info>div p:nth-child(6)>span:last-child {
- display: inline-block;
- overflow: hidden;
- height: 14px;
- width: 52%;
- word-break: break-word;
- line-height: 15px
- }
-
- .Dashboard .wifi-info .devices-info .table-titles {
- display: flex;
- border-radius: initial;
- margin: 0;
- padding: 0
- }
-
- .Dashboard .wifi-info .devices-info .table-titles .th {
- flex: 2 2 24%
- }
-
- .Dashboard .wifi-info .devices-info .tr .td {
- flex: 2 2 10%
- }
-
- .Dashboard .wifi-info hr:nth-child(4) {
- margin-bottom: 0
- }
-
- .Dashboard .section-content,
- .Dashboard .section-content .internet-status-info .settings-info,
- .Dashboard .section-content .router-status-lan .devices-info .table-titles {
- display: block
- }
-}
\ No newline at end of file
diff --git a/luasrc/gaya/gaya.css b/luasrc/gaya/gaya.css
index f7fe487..da8549d 100644
--- a/luasrc/gaya/gaya.css
+++ b/luasrc/gaya/gaya.css
@@ -347,15 +347,18 @@ label {
width: inherit;
cursor: default;
}
- select:not([multiple="multiple"]):focus,
+ select:not([multiple]):focus,
input:not(.cbi-button):focus,
.cbi-dropdown:focus {
border-color: var(--main-color);
}
.cbi-dropdown,
- select[multiple="multiple"] {
+ select[multiple] {
height: auto;
}
+ .cbi-value input[type="text"] {
+ padding: 10px;
+}
pre {
overflow: auto;
color: #fff;
@@ -581,7 +584,6 @@ label {
left: 10px;
right: auto;
width: 95%;
- align: center;
transition: transform 0.5s;
border-top: var(--navBorder);
text-align: center;
@@ -750,8 +752,6 @@ strong {
height: 16px;
content: "";
background: url(./sidebar-icon/layout-fluid.png) no-repeat;
- }
- .main > .main-left > .nav > .slide > .menu.active::before {
}
.main > .main-left > .nav > .slide > [data-title="Status"]:before {
@@ -1016,10 +1016,6 @@ strong {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
position: relative;
- }
- .cbi-modal .cbi-section,
- .cbi-section .cbi-section {
-
}
.cbi-section:nth-of-type(1) {
z-index: 4; /* the first section will be on top */
@@ -1148,7 +1144,6 @@ strong {
border: 0;
background-color: #f0f0f0;
background-image: none;
- -webkit-appearance: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
padding: 0 0.8rem;
@@ -1156,9 +1151,6 @@ strong {
.cbi-button-up {
transform: scaleY(-1);
}
- .cbi-button:not(select) {
- -webkit-appearance: none !important;
- }
.cbi-button + .cbi-button {
margin-left: 0.6rem;
}
@@ -1353,7 +1345,7 @@ strong {
border-radius: 10px;
}
- .cbi-tabmenu > li[class~= data-tab=] {
+ .cbi-tabmenu > li[class~="data-tab"] {
color: #ffffff;
}
[data-tab-title] {
@@ -1457,10 +1449,6 @@ strong {
word-wrap: break-word;
padding: 0.25rem;
}
- .cbi-rowstyle-2 .cbi-button-up,
- .cbi-rowstyle-2 .cbi-button-down,
- body:not(.Interfaces) .cbi-rowstyle-2:first-child {
- }
.cbi-section-table .cbi-section-table-titles .cbi-section-table-cell {
width: auto !important;
}
@@ -1658,8 +1646,7 @@ strong {
flex-grow: 1;
justify-content: space-around;
}
- .cbi-dropdown[open] > ul.dropdown > li {
- }
+
.cbi-dropdown[open] > ul.dropdown > li[selected] {
background: #b0d0f0;
}
@@ -2356,7 +2343,7 @@ strong {
width: 100%;
}
.cbi-rowstyle-2 {
- background-color: ;
+ background-color: rgb(104, 104, 104);
}
.pull-right,
.node-main-login > .main form > div:last-child {
@@ -2508,16 +2495,7 @@ strong {
.center::before {
text-align: center !important;
}
- div > table > tbody > tr:nth-of-type(2n),
- div > .table > .tr:nth-of-type(2n),
- .cbi-section .cbi-section-remove:nth-of-type(2n),
- .container > .cbi-section .cbi-section-node:nth-of-type(2n),
- .cbi-section[id] .cbi-section-remove:nth-of-type(4n + 3),
- .cbi-section[id] .cbi-section-node:nth-of-type(4n + 4),
- .cbi-tabcontainer > .cbi-value:nth-of-type(2n),
- .cbi-rowstyle-1 {
-
- }
+
.cbi-dropdown > ul > li .hide-open,
.cbi-dropdown[open] > ul.dropdown > li .hide-close {
display: initial;
@@ -2668,6 +2646,7 @@ strong {
.cbi-value input[type="password"] {
min-width: 19rem;
}
+
#cbi-firewall-zone .cbi-input-select {
min-width: 4rem;
}
@@ -2745,7 +2724,7 @@ strong {
.cbi-value input[type="password"],
.cbi-value input[name^="pw"],
.cbi-value input[data-update="change"]:nth-child(2) {
- width: 100%;
+ width: 100% !important;
min-width: 13rem;
color: #fff;
}
@@ -2893,8 +2872,6 @@ strong {
.cbi-section {
margin: 1rem 0 0;
}
-
- }
#maincontent > .container {
margin: 0 0.5rem 1.5rem;
}
@@ -2907,7 +2884,8 @@ strong {
display: block;
min-width: 0 !important;
text-align: left;
- margin: 0.5rem 0;
+ margin: 0.15rem 0;
+ font-size: .85rem;
}
.cbi-value > .cbi-value-field {
display: inline-block;
@@ -2945,9 +2923,6 @@ strong {
#command-rc-output > pre,
[data-page="admin-services-wol"] .notice code {
font-size: 0.8rem !important;
- }
- h2 {
-
}
.cbi-section > h3:first-child,
.panel-title {
@@ -3000,7 +2975,7 @@ strong {
.main > .main-left > .nav > .slide > .slide-menu > li > a,
.tr[data-title]::before,
.tr.cbi-section-table-titles.named::before {
- font-size:
+ font-size: 0.5rem;
}
.cbi-value-title,
.cbi-value-description,
@@ -3009,7 +2984,7 @@ strong {
.cbi-value-field .cbi-input-select,
.cbi-value input[type="text"],
.node-system-packages > .main .cbi-value .cbi-value-field input {
- width: 100%;
+ /* width: 100%; */
color: #fff;
}
.cbi-page-actions > div > input,
@@ -3051,4 +3026,52 @@ strong {
background-color: transparent;
}
}
-
\ No newline at end of file
+
+.cbi-checkbox {
+ position: relative;
+ display: inline-block;
+ width: 40px; /* Decreased from 75px */
+ height: 20px; /* Decreased from 25px */
+ border-radius: 20px; /* Optional: added for rounded corners */
+}
+
+.cbi-checkbox input[type="checkbox"] {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ z-index: 2;
+ opacity: 0; /* Make it invisible but still clickable */
+ cursor: pointer;
+}
+
+.cbi-checkbox label {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-color: #bbb;
+ transition: background-color .4s;
+ border-radius: 20px; /* Make the background rounded */
+}
+
+.cbi-checkbox label::after {
+ content: "";
+ position: absolute;
+ top: 1px; /* Adjusted to match the new height */
+ left: 1px; /* Adjusted to match the new width */
+ width: 18px; /* Decreased to fit the new dimensions */
+ height: 18px; /* Decreased to fit the new dimensions */
+ background-color: #fff;
+ transition: left .4s;
+ border-radius: 50%; /* Ensures the slider stays circular */
+}
+
+.cbi-checkbox input[type="checkbox"]:checked + label {
+ background-color: #77C2BB;
+}
+
+.cbi-checkbox input[type="checkbox"]:checked + label::after {
+ left: 20px; /* Adjusted to new width */
+ background-color: #009688;
+}
diff --git a/template/header.htm b/template/header.htm
index d559d26..8ef39a2 100644
--- a/template/header.htm
+++ b/template/header.htm
@@ -60,22 +60,6 @@
-