mirror of
https://github.com/sirpdboy/luci-theme-kucat.git
synced 2025-01-05 10:26:40 +08:00
up luci-theme-kucat 1.5.6
This commit is contained in:
Pdboy Sir
GitHub
parent
85711f1d59
commit
45ac76af70
784
htdocs/luci-static/kucat/css/dark.css
Normal file
784
htdocs/luci-static/kucat/css/dark.css
Normal file
@ -0,0 +1,784 @@
|
||||
/*
|
||||
* luci-theme-kucat
|
||||
* Copyright (C) 2019-2024 The Sirpdboy Team <herboy2008@gmail.com>
|
||||
*
|
||||
* Have a bug? Please create an issue here on GitHub!
|
||||
* https://github.com/sirpdboy/luci-theme-kucat/issues
|
||||
*
|
||||
* luci-theme-bootstrap:
|
||||
* Copyright 2008 Steven Barth <steven@midlink.org>
|
||||
* Copyright 2008 Jo-Philipp Wich <jow@openwrt.org>
|
||||
* Copyright 2012 David Menting <david@nut-bolt.nl>
|
||||
*
|
||||
* luci-theme-material:
|
||||
* https://github.com/LuttyYang/luci-theme-material/
|
||||
* luci-theme-argon:
|
||||
* https://github.com/jerrykuku/luci-theme-argon
|
||||
* luci-theme-opentopd:
|
||||
* https://github.com/sirpdboy/luci-theme-opentopd
|
||||
*
|
||||
* Licensed to the public under the Apache License 2.0
|
||||
*/
|
||||
|
||||
body {
|
||||
font-family: "Microsoft Yahei", "Google Sans", "WenQuanYi Micro Hei", "sans-serif", "Helvetica Neue", "Helvetica", "Hiragino Sans GB"!important
|
||||
}
|
||||
body {
|
||||
color: #98a6ad;
|
||||
}
|
||||
|
||||
|
||||
*::-webkit-scrollbar {
|
||||
background: transparent
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-thumb {
|
||||
background: #666;
|
||||
height: 10px;
|
||||
border-radius: 5px
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #bbb
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-track {
|
||||
background: transparent
|
||||
}
|
||||
|
||||
::selection {
|
||||
background-color: #374564!important;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
a:link,
|
||||
a:visited,
|
||||
a:active {
|
||||
color: #d0d7de;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #d0d7de;
|
||||
}
|
||||
|
||||
|
||||
header.bar-primary .container-bar-right,
|
||||
header.bar-primary .container-bar-left {
|
||||
background-color: rgba(var(--primary-rgbm), 1);
|
||||
box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.15);
|
||||
transition: all .2s ease;
|
||||
transition: 0.3s ease-in-out
|
||||
}
|
||||
|
||||
|
||||
header.bar-primary .container-bar-right .labelbar:hover::before,
|
||||
header.bar-primary .container-bar-left .labelbar:hover::before {
|
||||
color: #d0d7de;
|
||||
}
|
||||
|
||||
header.bar-primary .container-bar-left .pdboy-closebar:before {
|
||||
color: #d0d7de
|
||||
}
|
||||
|
||||
header.bar-primary .container-bar-right .pdboy-openbar:before {
|
||||
color: #d0d7de
|
||||
}
|
||||
|
||||
header.bar-primary .container-bar-left .pdboy-gohome:before {
|
||||
color: #d0d7de
|
||||
}
|
||||
|
||||
header.bar-primary .container-bar-left .pdboy-gossr:before {
|
||||
color: #d0d7de
|
||||
}
|
||||
|
||||
header.bar-primary .container-bar-left .pdboy-gonet:before {
|
||||
color: #d0d7de
|
||||
}
|
||||
|
||||
header.bar-primary .container-bar-left .pdboy-gouser:before {
|
||||
color: #d0d7de
|
||||
}
|
||||
|
||||
header.bar-primary .container-bar-left .pdboy-gocontrol:before {
|
||||
color: #d0d7de
|
||||
}
|
||||
|
||||
header.bar-primary .container-bar-left .pdboy-goadvanced:before {
|
||||
color: #d0d7de
|
||||
}
|
||||
|
||||
#detail-bubble>div {
|
||||
border: 1px solid rgba(255,255,255,0.3);
|
||||
border-radius: 3px;
|
||||
padding: 1px;
|
||||
background-color: rgba(var(--primary-rgbbody), 1)!important;
|
||||
|
||||
}
|
||||
|
||||
#detail-bubble .head .dismiss {
|
||||
color: #8391a2;
|
||||
}
|
||||
|
||||
#bubble-arrow {
|
||||
border: 1px solid rgba(255,255,255,0.3);
|
||||
background-color: rgba(var(--primary-rgbbody), 1);
|
||||
|
||||
}
|
||||
|
||||
|
||||
header.bg-primary {
|
||||
box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.uci_change_indicator.label.notice,
|
||||
.pd-primary .fill .container .flex1 .showSide,
|
||||
.pd-primary .fill .container .flex1 .brand,
|
||||
.showWord::after,
|
||||
.showWord::before ,
|
||||
header>.fill>.container>.showWord ,
|
||||
.showWord {
|
||||
color: #e9eff3
|
||||
}
|
||||
|
||||
header>.fill>.container>.brand {
|
||||
font-family: "Microsoft Yahei", "Google Sans", "WenQuanYi Micro Hei", "sans-serif", "Helvetica Neue", "Helvetica", "Hiragino Sans GB";
|
||||
color: #e9eff3;
|
||||
}
|
||||
.pull-right a,
|
||||
.pull-right span a {
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
.pull-right a:hover,
|
||||
.pull-right span a:hover {
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
color: #f8f8f8;
|
||||
}
|
||||
|
||||
|
||||
.pdboy-status_on::before {
|
||||
color: #e9eff3
|
||||
}
|
||||
.showSide {
|
||||
color: #e9eff3;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.notice {
|
||||
color: #bbb
|
||||
}
|
||||
|
||||
.label {
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
footer {
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
.main .main-left {
|
||||
-webkit-box-shadow: rgb(250 250 250 / 75%) 0 0 15px -5px;
|
||||
box-shadow: 2px 2px 8px #666,-2px -2px 8px #bbb;
|
||||
}
|
||||
|
||||
.main .main-left::-webkit-scrollbar-thumb {
|
||||
height: 8px;
|
||||
background: #555;
|
||||
border-radius: 5px
|
||||
}
|
||||
|
||||
.main .main-left::-webkit-scrollbar-thumb:hover,
|
||||
.main .main-left::-webkit-scrollbar-thumb:active {
|
||||
background: #bbb;
|
||||
border: none
|
||||
}
|
||||
|
||||
|
||||
|
||||
.main .main-left .nav li.slide .menu {
|
||||
color: #bbb
|
||||
}
|
||||
|
||||
.main .main-left .nav .slide .menu:after,
|
||||
.main .main-left .nav li.slide .menu::after {
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
.main .main-left .nav li.slide .menu:hover a::after,
|
||||
.main .main-left .nav li.slide .menu.active a::after {
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
.main>.main-left>.nav>.slide>.menu.active::before,
|
||||
.main .main-left .nav li.slide .menu:hover::after,
|
||||
.main .main-left .nav li.slide .menu.active::after {
|
||||
color: #e9eff3
|
||||
}
|
||||
.main .main-left .nav>li>a:hover,
|
||||
.main .main-left .nav>li>a.active,
|
||||
.main .main-left .nav li.slide .menu:hover,
|
||||
.main .main-left .nav li.slide .menu.active {
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
color: #e9eff3 !important;
|
||||
}
|
||||
|
||||
.main .main-left .nav li.slide .menu:hover a,
|
||||
.main .main-left .nav li.slide .menu.active a {
|
||||
color: #e9eff3
|
||||
}
|
||||
|
||||
.main .main-left .nav li.slide .menu:hover::before,
|
||||
.main .main-left .nav li.slide .menu.active::before {
|
||||
color: #e9eff3
|
||||
}
|
||||
|
||||
.main .main-left .nav li.slide .slide-menu li a {
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
.main .main-left .nav .slide .slide-menu .active a {
|
||||
color: #e9eff3;
|
||||
}
|
||||
|
||||
.main .main-left .nav .slide .slide-menu > li.active {
|
||||
color: #e9eff3;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-left: 4px solid #fd8c73
|
||||
}
|
||||
|
||||
.main .main-left .nav .slide .slide-menu li:hover {
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.main .main-left .nav .slide .slide-menu li:active a {
|
||||
color: #e9eff3
|
||||
}
|
||||
|
||||
.main .main-left .nav .slide .slide-menu li:hover a {
|
||||
color: #e9eff3;
|
||||
}
|
||||
|
||||
.main .main-left .sidenav-header .brand {
|
||||
font-family: "Microsoft Yahei",-apple-system, "WenQuanYi Micro Hei", "sans-serif";
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.main .main-right #maincontent .container>div:nth-child(1).alert-message.warning>a {
|
||||
color: #ccc;
|
||||
}
|
||||
.main .main-left .nav>li>a:first-child,
|
||||
.main .main-left .nav li.slide .menu::before,
|
||||
.main .main-left .nav>li>a:first-child::before,
|
||||
.main .main-left .nav .slide .menu::before {
|
||||
color: #bbb
|
||||
}
|
||||
|
||||
|
||||
select,
|
||||
input {
|
||||
font-family: "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif", "Helvetica Neue", "Helvetica", "Hiragino Sans GB";
|
||||
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
background: rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
|
||||
input:checked[type="checkbox"]:before {
|
||||
transform: rotate(45deg);
|
||||
width: 12px;
|
||||
margin-left: 5px;
|
||||
border-color: #f5f5f5;
|
||||
border-width: 3px;
|
||||
border-top-color: transparent;
|
||||
border-left-color: transparent;
|
||||
border-radius: 0
|
||||
}
|
||||
|
||||
|
||||
.cbi-input-radio:checked {
|
||||
background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'-4 -4 8 8\'%3e%3ccircle r=\'3\' fill=\'%23fff\'/%3e%3c/svg%3e') !important;
|
||||
background-color: rgba(255,255,255,0.7) !important;
|
||||
background-size: 70%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center
|
||||
}
|
||||
|
||||
|
||||
select:not([multiple="multiple"]):focus, input:not(.cbi-button):focus, .cbi-dropdown:focus {
|
||||
|
||||
background-color: rgba(255,255,255,0.18);
|
||||
box-shadow: 0 0.5rem 1rem rgba(255,255,255, 0.35);
|
||||
-webkit-box-shadow: 0 0 6px rgba(255,255,255, 0.35);
|
||||
-moz-box-shadow: 0 0 6px rgba(255,255,255, 0.35);
|
||||
}
|
||||
|
||||
.btn, button, select, input, .cbi-dropdown,.item::after {
|
||||
color: #d0d7de;
|
||||
border: 1px solid rgba(255,255,255,0.12)!important;
|
||||
box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.12)!important;
|
||||
|
||||
}
|
||||
.btn, .cbi-button, .item::after {
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
.cbi-input-textarea,
|
||||
textarea {
|
||||
color: #8391a2;
|
||||
background-color: rgba(255,255,255,0.1);
|
||||
border: 1px solid rgba(255,255,255,0.12)!important;
|
||||
box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.12)!important;
|
||||
}
|
||||
|
||||
|
||||
#diag-rc-output>pre {
|
||||
color: #bbb
|
||||
}
|
||||
|
||||
|
||||
#swaptotal>div>div>div>small,
|
||||
#swapfree>div>div>div>small,
|
||||
#memfree>div>div>div>small,
|
||||
#membuff>div>div>div>small,
|
||||
#conns>div>div>div>small,
|
||||
#memtotal>div>div>div>small {
|
||||
color: #ccc !important;
|
||||
}
|
||||
|
||||
|
||||
.node-main-login .main .main-right #maincontent .alert-message p {
|
||||
color: #eee;
|
||||
font-weight: normal;
|
||||
}
|
||||
.node-main-login .errorbox {
|
||||
color: #eee !important;
|
||||
}
|
||||
|
||||
.table {
|
||||
color: #8391a2;
|
||||
}
|
||||
|
||||
|
||||
.table-titles .th {
|
||||
color: #8391a2
|
||||
}
|
||||
|
||||
|
||||
button:hover,
|
||||
.btn:hover,
|
||||
.cbi-button:hover,
|
||||
.item:hover::after {
|
||||
box-shadow: 0 0.5rem 1rem rgba(255,255,255, 0.35);
|
||||
-webkit-box-shadow: 0 0 6px rgba(255,255,255, 0.35);
|
||||
-moz-box-shadow: 0 0 6px rgba(255,255,255, 0.35);
|
||||
}
|
||||
|
||||
.btn:active ,
|
||||
.cbi-button:active ,
|
||||
button:active,
|
||||
.item:hover::after {
|
||||
box-shadow: 0 0.5rem 1rem rgba(255,255,255, 0.15);
|
||||
-webkit-box-shadow: 0 0 6px rgba(255,255,255, 0.15);
|
||||
-moz-box-shadow: 0 0 6px rgba(255,255,255, 0.15);
|
||||
}
|
||||
|
||||
|
||||
fieldset[id^="cbi-apply-"] {
|
||||
box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.32), 0 1px 5px 0 rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.cbi-section>h3:first-child,
|
||||
.panel-title {
|
||||
color: #bbb
|
||||
}
|
||||
|
||||
table>tbody>tr>td,
|
||||
table>tbody>tr>th,
|
||||
table>tfoot>tr>td,
|
||||
table>tfoot>tr>th,
|
||||
table>thead>tr>td,
|
||||
table>thead>tr>th,
|
||||
.table>.tbody>.tr>.td,
|
||||
.table>.tbody>.tr>.th,
|
||||
.table>.tfoot>.tr>.td,
|
||||
.table>.tfoot>.tr>.th,
|
||||
.table>.thead>.tr>.td,
|
||||
.table>.thead>.tr>.th {
|
||||
color: #8391a2
|
||||
}
|
||||
|
||||
.cbi-tabcontainer>.cbi-value:nth-of-type(4n+2):hover,.cbi-map>.cbi-section .cbi-value:nth-of-type(4n+2):hover,fieldset>table>tbody>tr:nth-of-type(4n+2):hover,table>tbody>tr:nth-of-type(4n+2):hover,div>.table>.tr:nth-of-type(4n+2):hover {
|
||||
background-color: rgba(250,250,250,0.05);
|
||||
}
|
||||
|
||||
.cbi-tabcontainer>.cbi-value:nth-of-type(2n+1):hover,.cbi-map>.cbi-section .cbi-value:nth-of-type(2n+1):hover,fieldset>table>tbody>tr:nth-of-type(2n+1):hover,table>tbody>tr:nth-of-type(2n+1):hover,div>.table>.tr:nth-of-type(2n+1):hover {
|
||||
background-color: rgba(250,250,250,0.05);
|
||||
}
|
||||
|
||||
.cbi-tabcontainer>.cbi-value:nth-of-type(4n):hover,.cbi-map>.cbi-section .cbi-value:nth-of-type(4n):hover,fieldset>table>tbody>tr:nth-of-type(4n):hover,table>tbody>tr:nth-of-type(4n):hover,div>.table>.tr:nth-of-type(4n):hover {
|
||||
background-color: rgba(250,250,250,0.05);
|
||||
}
|
||||
|
||||
|
||||
.cbi-rowstyle-2 .cbi-button-up, .cbi-rowstyle-2 .cbi-button-down, body:not(.Interfaces) .cbi-rowstyle-2:first-child {
|
||||
background-color: rgba(0,0,0,0, 0.2) !important;
|
||||
}
|
||||
.cbi-rowstyle-1 .cbi-button-up, .cbi-rowstyle-1 .cbi-button-down, body:not(.Interfaces) .cbi-rowstyle-1:first-child {
|
||||
background-color: rgba(0,0,0,0, 0.1) !important;
|
||||
}
|
||||
|
||||
.status-bar {
|
||||
font-size: var(--font-x);
|
||||
color: #8391a2 !important;
|
||||
background-color: rgba(var(--primary-rgbbody), 0.9)
|
||||
}
|
||||
.success {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.danger {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.errorbox {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
|
||||
h2 {
|
||||
color: #bbb
|
||||
}
|
||||
|
||||
|
||||
h3 {
|
||||
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
|
||||
.panel-title {
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
|
||||
.tabs {
|
||||
margin: 1rem;
|
||||
color: #b4c9e3;
|
||||
}
|
||||
|
||||
|
||||
.tabs::-webkit-scrollbar-thumb {
|
||||
background-color: #555
|
||||
}
|
||||
|
||||
.tabs::-webkit-scrollbar-track {
|
||||
background: transparent
|
||||
}
|
||||
|
||||
.tabs>li {
|
||||
background: #343a40;
|
||||
box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
.tabs li[class~="active"] {
|
||||
border-right: 0.18751rem solid #fd8c73;
|
||||
border-left: 0.18751rem solid #fd8c73;
|
||||
box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.tabs li[class~="hover"] {
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.tabs li:hover {
|
||||
box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.35);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.tabs li[class~="active"] a {
|
||||
color: #bbb
|
||||
}
|
||||
|
||||
.tabs li:hover a {
|
||||
color: #bbb
|
||||
}
|
||||
|
||||
.tabs li a {
|
||||
color: #8391a2
|
||||
}
|
||||
|
||||
.cbi-tabmenu {
|
||||
color: #8391a2;
|
||||
}
|
||||
|
||||
.cbi-tabmenu::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
.cbi-tabmenu::-webkit-scrollbar-thumb {
|
||||
background-color: #555;
|
||||
}
|
||||
|
||||
|
||||
.cbi-tabmenu li {
|
||||
background: #343a40;
|
||||
font-size: 1rem;
|
||||
border-radius: 0.25rem;
|
||||
|
||||
box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
.cbi-tabmenu li a {
|
||||
color: ##8391a2;
|
||||
}
|
||||
|
||||
.cbi-tabmenu li:hover {
|
||||
color: #bbb;
|
||||
box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.35);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.cbi-tabmenu li:hover a {
|
||||
color: #bbb
|
||||
}
|
||||
|
||||
.cbi-tabmenu li[class~="cbi-tab"] {
|
||||
border-right: 0.18751rem solid #fd8c73;
|
||||
border-left: 0.18751rem solid #fd8c73;
|
||||
box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.15);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.cbi-tabmenu li[class~="cbi-tab"] a {
|
||||
color: #bbb
|
||||
}
|
||||
|
||||
.cbi-tab-descr {
|
||||
color: #8391a2;
|
||||
}
|
||||
|
||||
|
||||
.cbi-dropdown>.open {
|
||||
background: #333
|
||||
}
|
||||
.cbi-dropdown>.more,
|
||||
.cbi-dropdown>ul>li[placeholder] {
|
||||
text-shadow: 1px 1px 0 #ccc;
|
||||
}
|
||||
|
||||
|
||||
.cbi-dropdown[open]>ul.dropdown {
|
||||
background: #ccc;
|
||||
}
|
||||
|
||||
|
||||
.cbi-dropdown[open]>ul.dropdown>li[selected] {
|
||||
background-color: #8391a2;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.cbi-progressbar {
|
||||
color: #8391a2;
|
||||
}
|
||||
.cbi-value-title {
|
||||
color: #8391a2;
|
||||
}
|
||||
|
||||
.cbi-section-descr {
|
||||
color: #8391a2
|
||||
}
|
||||
|
||||
.cbi-map-descr {
|
||||
color: #8391a2;
|
||||
}
|
||||
|
||||
#content_syslog{
|
||||
box-shadow: 0 0 1px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
#syslog {
|
||||
color: #8391a2;
|
||||
font-family: monospace;
|
||||
background-color: rgba(0,0,0,0.1);
|
||||
}
|
||||
.request>.requestBody,
|
||||
.response .markdown-body,
|
||||
.markdown-body {
|
||||
color: #8391a2!important;
|
||||
background-color: rgba(255,255,255,0)!important;
|
||||
}
|
||||
.bottom_wrapper .message_input_wrapper .message_input_text{
|
||||
background-color: rgba(255,255,255,0.35)!important;
|
||||
color: #d0d7de!important;
|
||||
}
|
||||
#chatlog .response .markdown-body>pre {
|
||||
background-color: rgba(0,0,0,0.15)!important;
|
||||
}
|
||||
#chatlog .response {
|
||||
background-color: rgba(255,255,255,0.03)!important;
|
||||
}
|
||||
.ifacebox-head {
|
||||
color: #8391a2
|
||||
}
|
||||
|
||||
.zonebadge {
|
||||
|
||||
color: #8391a2;
|
||||
}
|
||||
|
||||
.zonebadge strong {
|
||||
color: #8391a2
|
||||
}
|
||||
|
||||
|
||||
.Reboot>.main>.main-right #maincontent .container p {
|
||||
color: #8391a2;
|
||||
}
|
||||
|
||||
|
||||
.node-services-vssr .block h4 {
|
||||
color: #8391a2
|
||||
}
|
||||
|
||||
.node-services-vssr .status-bar {
|
||||
color: #8391a2;
|
||||
box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, 0.35);
|
||||
background-color: rgba(0, 0, 0, 0.1) !important;
|
||||
}
|
||||
|
||||
.node-services-vssr .block,
|
||||
.node-services-shadowsocksr>.block,
|
||||
.node-services-ssrpro>.block,
|
||||
.block,
|
||||
.node-services-bypass>.main .block,
|
||||
.node-services-vssr>.main .block,
|
||||
.main .block {
|
||||
color: #8391a2;
|
||||
background-color: rgba(255, 255, 255, 0.08) !important;
|
||||
}
|
||||
|
||||
.node-services-shadowsocksr>.block:active,
|
||||
.node-services-ssrpro>.block:active,
|
||||
.block:active,
|
||||
.node-services-bypass>.main .block:active,
|
||||
.main .block:active,
|
||||
.node-services-shadowsocksr>.block:hover,
|
||||
.node-services-ssrpro>.block:hover,
|
||||
.block:hover,
|
||||
.node-services-bypass>.main .block:hover,
|
||||
.main .block:hover {
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 4px 6px rgba(0, 0, 0, 0.35);
|
||||
background-color: rgba(250, 250, 250, 0.1)
|
||||
}
|
||||
|
||||
/* log */
|
||||
#cbi-openclash .CodeMirror.cm-s-idea.CodeMirror-wrap {
|
||||
background: rgba(0,0,0,0.1)!important;
|
||||
color: #adbcc9!important;
|
||||
}
|
||||
|
||||
/* set modi file */
|
||||
#cbi-openclash .cm-s-material.CodeMirror
|
||||
{
|
||||
background-color: #1b4c53!important;
|
||||
color: #31b9c1!important;
|
||||
}
|
||||
|
||||
/* card */
|
||||
#cbi-openclash .card
|
||||
{
|
||||
background: linear-gradient(#337ab7, #a8bfcf)!important;
|
||||
box-shadow: 0 8px 16px -8px rgba(255,255,255,0.5)!important;
|
||||
}
|
||||
|
||||
.node-services-adguardhome>.main .cbi-value .cbi-input-textarea {
|
||||
box-shadow: 0 0 1px rgba(255, 255, 255, 0.3)!important;
|
||||
}
|
||||
|
||||
.Software >.main table tr td:nth-last-child(1) ,
|
||||
.node-system-packages>.main table tr td:nth-last-child(1) {
|
||||
color: #8391a2
|
||||
}
|
||||
|
||||
.node-system-packages>.main .cbi-value>pre {
|
||||
background-color: rgba(0, 0, 0, 0.22) ;
|
||||
}
|
||||
|
||||
.Software >.main .cbi-section-node:first-child .cbi-value-last>div,
|
||||
.node-system-packages>.main .cbi-section-node:first-child .cbi-value-last>div {
|
||||
border-color: rgba(255, 255, 255, 0.3) !important;
|
||||
background-color: rgba(255, 255, 255,0.22) !important;
|
||||
}
|
||||
|
||||
.node-system-packages>.main .cbi-section-node:first-child .cbi-value-last>div>div {
|
||||
background-color: rgba(var(--primary-rgbm), 1)!important;
|
||||
|
||||
}
|
||||
|
||||
.cbi-section {
|
||||
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.cbi-section em {
|
||||
color: #8391a2;
|
||||
}
|
||||
|
||||
|
||||
.node-status-realtime table>tbody>tr>td,
|
||||
.node-status-realtime table>tfoot>tr>td,
|
||||
.node-status-realtime table>thead>tr>td {
|
||||
color: #8391a2;
|
||||
border-bottom: 1px solid rgba(255,255,255,0.3);
|
||||
}
|
||||
|
||||
.cbi-dynlist > .item > span
|
||||
{
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.cbi-dropdown[open]>ul.dropdown {
|
||||
background-color: rgba(var(--primary-rgbbody), 1);
|
||||
}
|
||||
.ifacebox {
|
||||
color: #bbb;
|
||||
}
|
||||
.ifacebadge {
|
||||
background-color: #797d7f;
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
.cbi-dropdown > .open,
|
||||
.cbi-dropdown > .more {
|
||||
background-color: rgba(255,255,255,0)!important;
|
||||
}
|
||||
|
||||
@media screen and (max-width:992px) {
|
||||
|
||||
|
||||
.main .main-left {
|
||||
-webkit-box-shadow: rgba(250 250 250, 0.75) 0 0 20px -5px;
|
||||
box-shadow: rgba(250 250 250, 0.75) 0 0 20px -5px;
|
||||
}
|
||||
|
||||
.showSide:hover {
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
table>tbody>tr>td,
|
||||
table>tfoot>tr>td,
|
||||
table>thead>tr>td {
|
||||
color: #8391a2;
|
||||
}
|
||||
|
||||
}
|
||||
265
htdocs/luci-static/kucat/css/fonts.css
Normal file
265
htdocs/luci-static/kucat/css/fonts.css
Normal file
@ -0,0 +1,265 @@
|
||||
/*
|
||||
* luci-theme-kucat
|
||||
* Copyright (C) 2019-2024 The Sirpdboy Team <herboy2008@gmail.com>
|
||||
*
|
||||
* Have a bug? Please create an issue here on GitHub!
|
||||
* https://github.com/sirpdboy/luci-theme-kucat/issues
|
||||
*
|
||||
* luci-theme-bootstrap:
|
||||
* Copyright 2008 Steven Barth <steven@midlink.org>
|
||||
* Copyright 2008 Jo-Philipp Wich <jow@openwrt.org>
|
||||
* Copyright 2012 David Menting <david@nut-bolt.nl>
|
||||
*
|
||||
* luci-theme-material:
|
||||
* https://github.com/LuttyYang/luci-theme-material/
|
||||
* luci-theme-argon:
|
||||
* https://github.com/jerrykuku/luci-theme-argon
|
||||
* luci-theme-opentopd:
|
||||
* https://github.com/sirpdboy/luci-theme-opentopd
|
||||
*
|
||||
* Licensed to the public under the Apache License 2.0
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'kucat';
|
||||
src: url('../fonts/kucat.eot?9qz8zf');
|
||||
src: url('../fonts/kucat.eot?9qz8zf#iefix') format('embedded-opentype'),
|
||||
url('../fonts/kucat.ttf?9qz8zf') format('truetype'),
|
||||
url('../fonts/kucat.woff?9qz8zf') format('woff'),
|
||||
url('../fonts/kucat.svg?9qz8zf#kucat') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'kucat' !important;
|
||||
speak: never;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-brightness_low:before {
|
||||
content: "\e926";
|
||||
}
|
||||
.icon-brightness_4:before {
|
||||
content: "\e92e";
|
||||
}
|
||||
.icon-sync_disabled:before {
|
||||
content: "\e932";
|
||||
}
|
||||
.icon-sync_problem:before {
|
||||
content: "\e933";
|
||||
}
|
||||
.icon-power_settings_new:before {
|
||||
content: "\e934";
|
||||
}
|
||||
.icon-logout:before {
|
||||
content: "\e935";
|
||||
}
|
||||
.icon-menu_open:before {
|
||||
content: "\e92f";
|
||||
}
|
||||
.icon-menu_open1:before {
|
||||
content: "\e930";
|
||||
}
|
||||
.icon-published_with_changes:before {
|
||||
content: "\e936";
|
||||
}
|
||||
.icon-update_disabled:before {
|
||||
content: "\e937";
|
||||
}
|
||||
.icon-arrow-left:before {
|
||||
content: "\e938";
|
||||
}
|
||||
.icon-arrow-right:before {
|
||||
content: "\e939";
|
||||
}
|
||||
.icon-chevrons-right:before {
|
||||
content: "\e931";
|
||||
}
|
||||
.icon-download:before {
|
||||
content: "\e904";
|
||||
}
|
||||
.icon-eye:before {
|
||||
content: "\e92b";
|
||||
}
|
||||
.icon-eye-off:before {
|
||||
content: "\e92c";
|
||||
}
|
||||
.icon-fast-forward:before {
|
||||
content: "\e93a";
|
||||
}
|
||||
.icon-gitlab:before {
|
||||
content: "\e93d";
|
||||
}
|
||||
.icon-heart:before {
|
||||
content: "\e927";
|
||||
}
|
||||
.icon-key:before {
|
||||
content: "\e93b";
|
||||
}
|
||||
.icon-message-square:before {
|
||||
content: "\e91f";
|
||||
}
|
||||
.icon-more-horizontal:before {
|
||||
content: "\e928";
|
||||
}
|
||||
.icon-navigation-2:before {
|
||||
content: "\e93e";
|
||||
}
|
||||
.icon-rewind:before {
|
||||
content: "\e921";
|
||||
}
|
||||
.icon-save:before {
|
||||
content: "\e923";
|
||||
}
|
||||
.icon-slash:before {
|
||||
content: "\e92d";
|
||||
}
|
||||
.icon-thumbs-up:before {
|
||||
content: "\e924";
|
||||
}
|
||||
.icon-twitch:before {
|
||||
content: "\e925";
|
||||
}
|
||||
.icon-unlock:before {
|
||||
content: "\e93c";
|
||||
}
|
||||
.icon-upload-cloud:before {
|
||||
content: "\e929";
|
||||
}
|
||||
.icon-user-plus:before {
|
||||
content: "\e92a";
|
||||
}
|
||||
.icon-airplay:before {
|
||||
content: "\e900";
|
||||
}
|
||||
.icon-align-justify:before {
|
||||
content: "\e922";
|
||||
}
|
||||
.icon-archive:before {
|
||||
content: "\e901";
|
||||
}
|
||||
.icon-box:before {
|
||||
content: "\e902";
|
||||
}
|
||||
.icon-chevron-down:before {
|
||||
content: "\e20b";
|
||||
}
|
||||
.icon-chevron-right:before {
|
||||
content: "\e920";
|
||||
}
|
||||
.icon-chevron-up:before {
|
||||
content: "\e20a";
|
||||
}
|
||||
.icon-chevrons-left:before {
|
||||
content: "\e903";
|
||||
}
|
||||
.icon-clock:before {
|
||||
content: "\e905";
|
||||
}
|
||||
.icon-codesandbox:before {
|
||||
content: "\e906";
|
||||
}
|
||||
.icon-database:before {
|
||||
content: "\e907";
|
||||
}
|
||||
.icon-download-cloud:before {
|
||||
content: "\e908";
|
||||
}
|
||||
.icon-gift:before {
|
||||
content: "\e909";
|
||||
}
|
||||
.icon-globe:before {
|
||||
content: "\e90a";
|
||||
}
|
||||
.icon-grid:before {
|
||||
content: "\e90b";
|
||||
}
|
||||
.icon-help-circle:before {
|
||||
content: "\f059";
|
||||
}
|
||||
.icon-home:before {
|
||||
content: "\e90c";
|
||||
}
|
||||
.icon-layers:before {
|
||||
content: "\e90d";
|
||||
}
|
||||
.icon-lock:before {
|
||||
content: "\e90e";
|
||||
}
|
||||
.icon-log-out:before {
|
||||
content: "\e90f";
|
||||
}
|
||||
.icon-menu:before {
|
||||
content: "\e20e";
|
||||
}
|
||||
.icon-minus-circle:before {
|
||||
content: "\e910";
|
||||
}
|
||||
.icon-monitor:before {
|
||||
content: "\e911";
|
||||
}
|
||||
.icon-moon:before {
|
||||
content: "\e912";
|
||||
}
|
||||
.icon-pie-chart:before {
|
||||
content: "\e913";
|
||||
}
|
||||
.icon-plus-circle:before {
|
||||
content: "\e914";
|
||||
}
|
||||
.icon-power:before {
|
||||
content: "\e915";
|
||||
}
|
||||
.icon-refresh-cw:before {
|
||||
content: "\e916";
|
||||
}
|
||||
.icon-send:before {
|
||||
content: "\e917";
|
||||
}
|
||||
.icon-server:before {
|
||||
content: "\e918";
|
||||
}
|
||||
.icon-settings:before {
|
||||
content: "\e919";
|
||||
}
|
||||
.icon-sliders:before {
|
||||
content: "\e91a";
|
||||
}
|
||||
.icon-sun:before {
|
||||
content: "\e91b";
|
||||
}
|
||||
.icon-tool:before {
|
||||
content: "\e91c";
|
||||
}
|
||||
.icon-user:before {
|
||||
content: "\e91d";
|
||||
}
|
||||
.icon-wifi:before {
|
||||
content: "\e91e";
|
||||
}
|
||||
.icon-spinner3:before {
|
||||
content: "\e602";
|
||||
}
|
||||
.icon-spinner6:before {
|
||||
content: "\e603";
|
||||
}
|
||||
.icon-github:before {
|
||||
content: "\eab0";
|
||||
}
|
||||
.icon-appleinc:before {
|
||||
content: "\eabe";
|
||||
}
|
||||
.icon-eye1:before {
|
||||
content: "\e9ce";
|
||||
}
|
||||
11
htdocs/luci-static/kucat/css/pure-min.css
vendored
Normal file
11
htdocs/luci-static/kucat/css/pure-min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
3784
htdocs/luci-static/kucat/css/style.css
Normal file
3784
htdocs/luci-static/kucat/css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
BIN
htdocs/luci-static/kucat/favicon.ico
Normal file
BIN
htdocs/luci-static/kucat/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
htdocs/luci-static/kucat/fonts/kucat.eot
Normal file
BIN
htdocs/luci-static/kucat/fonts/kucat.eot
Normal file
Binary file not shown.
100
htdocs/luci-static/kucat/fonts/kucat.svg
Normal file
100
htdocs/luci-static/kucat/fonts/kucat.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 76 KiB |
BIN
htdocs/luci-static/kucat/fonts/kucat.ttf
Normal file
BIN
htdocs/luci-static/kucat/fonts/kucat.ttf
Normal file
Binary file not shown.
BIN
htdocs/luci-static/kucat/fonts/kucat.woff
Normal file
BIN
htdocs/luci-static/kucat/fonts/kucat.woff
Normal file
Binary file not shown.
BIN
htdocs/luci-static/kucat/img/add.png
Normal file
BIN
htdocs/luci-static/kucat/img/add.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
htdocs/luci-static/kucat/img/apple-touch-icon.png
Normal file
BIN
htdocs/luci-static/kucat/img/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
htdocs/luci-static/kucat/img/bg1.jpg
Normal file
BIN
htdocs/luci-static/kucat/img/bg1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 520 KiB |
BIN
htdocs/luci-static/kucat/img/del.png
Normal file
BIN
htdocs/luci-static/kucat/img/del.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
htdocs/luci-static/kucat/img/indo-wrt.png
Normal file
BIN
htdocs/luci-static/kucat/img/indo-wrt.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
BIN
htdocs/luci-static/kucat/img/reload.png
Normal file
BIN
htdocs/luci-static/kucat/img/reload.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
2
htdocs/luci-static/kucat/js/jquery.min.js
vendored
Normal file
2
htdocs/luci-static/kucat/js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
157
htdocs/luci-static/kucat/js/menu-kucat.js
Normal file
157
htdocs/luci-static/kucat/js/menu-kucat.js
Normal file
@ -0,0 +1,157 @@
|
||||
/**
|
||||
* luci-theme-kucat
|
||||
* Copyright (C) 2024 The Sirpdboy Team <herboy2008@gmail.com>
|
||||
*
|
||||
* Have a bug? Please create an issue here on GitHub!
|
||||
* https://github.com/sirpdboy/luci-theme-kucat/issues
|
||||
*
|
||||
* luci-theme-argon
|
||||
* Copyright 2023 Jerrykuku <jerrykuku@qq.com>
|
||||
*
|
||||
* luci-theme-material:
|
||||
* Copyright 2015 Lutty Yang
|
||||
*
|
||||
* luci-theme-bootstrap:
|
||||
* Copyright 2008 Steven Barth <steven@midlink.org>
|
||||
* Copyright 2008-2016 Jo-Philipp Wich <jow@openwrt.org>
|
||||
* Copyright 2012 David Menting <david@nut-bolt.nl>
|
||||
* MUI:
|
||||
* https://github.com/muicss/mui
|
||||
*
|
||||
* Licensed to the public under the Apache License 2.0
|
||||
*/
|
||||
|
||||
var lastNode = undefined;
|
||||
var mainNodeName = undefined;
|
||||
var nodeUrl = "";
|
||||
(function(node) {
|
||||
if (node[0] == "admin") {
|
||||
luciLocation = [node[1], node[2]]
|
||||
} else {
|
||||
luciLocation = node
|
||||
}
|
||||
for (var i in luciLocation) {
|
||||
nodeUrl += luciLocation[i];
|
||||
if (i != luciLocation.length - 1) {
|
||||
nodeUrl += "/";
|
||||
}
|
||||
}
|
||||
})(luciLocation);
|
||||
|
||||
|
||||
/**
|
||||
* get the current node by Burl (primary)
|
||||
* @returns {boolean} success?
|
||||
*/
|
||||
|
||||
function getCurrentNodeByUrl() {
|
||||
var ret = false;
|
||||
const urlReg = new RegExp(nodeUrl + "$")
|
||||
if (!$('body').hasClass('logged-in')) {
|
||||
luciLocation = ["Main", "Login"];
|
||||
return true;
|
||||
}
|
||||
$(".main > .main-left > .nav > .slide > .active").next(".slide-menu").stop(true).slideUp("fast");
|
||||
$(".main > .main-left > .nav > .slide > .menu").removeClass("active");
|
||||
$(".main > .main-left > .nav > .slide > .menu").each(function () {
|
||||
var ulNode = $(this);
|
||||
ulNode.next().find("a").each(function () {
|
||||
var that = $(this);
|
||||
var href = that.attr("href");
|
||||
if (urlReg.test(href)) {
|
||||
ulNode.click();
|
||||
ulNode.next(".slide-menu").stop(true, true);
|
||||
lastNode = that.parent();
|
||||
lastNode.addClass("active");
|
||||
ret = true;
|
||||
return true;
|
||||
}
|
||||
});
|
||||
});
|
||||
return ret;
|
||||
}
|
||||
|
||||
$(".main > .main-left > .nav > .slide > .menu").click(function() {
|
||||
var ul = $(this).next(".slide-menu");
|
||||
var menu = $(this);
|
||||
if (!menu.hasClass("exit")) {
|
||||
$(".main > .main-left > .nav > .slide > .active").next(".slide-menu").stop(true).slideUp("fast");
|
||||
$(".main > .main-left > .nav > .slide > .menu").removeClass("active");
|
||||
if (!ul.is(":visible")) {
|
||||
menu.addClass("active");
|
||||
ul.addClass("active");
|
||||
ul.stop(true).slideDown("fast");
|
||||
} else {
|
||||
ul.stop(true).slideUp("fast", function() {
|
||||
menu.removeClass("active");
|
||||
ul.removeClass("active");
|
||||
});
|
||||
}
|
||||
return false
|
||||
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
||||
/**
|
||||
* get current node and open it
|
||||
*/
|
||||
if (getCurrentNodeByUrl()) {
|
||||
mainNodeName = "node-" + luciLocation[0] + "-" + luciLocation[1];
|
||||
mainNodeName = mainNodeName.replace(/[ \t\n\r\/]+/g, "_").toLowerCase();
|
||||
$("body").addClass(mainNodeName);
|
||||
}
|
||||
|
||||
/**
|
||||
* hook menu click and add the hash
|
||||
*/
|
||||
$(".main > .main-left > .nav > .slide > .slide-menu > li > a").click(function() {
|
||||
if (lastNode != undefined)
|
||||
lastNode.removeClass("active");
|
||||
$(this).parent().addClass("active");
|
||||
$(".main > .loading").fadeIn("fast");
|
||||
return true
|
||||
});
|
||||
/**
|
||||
* fix menu click
|
||||
*/
|
||||
$(".main > .main-left > .nav > .slide > .slide-menu > li").click(function() {
|
||||
if (lastNode != undefined)
|
||||
lastNode.removeClass("active");
|
||||
$(this).addClass("active");
|
||||
$(".main > .loading").fadeIn("fast");
|
||||
window.location = $($(this).find("a")[0]).attr("href");
|
||||
return false
|
||||
});
|
||||
/**
|
||||
* fix submenu click
|
||||
*/
|
||||
$("#maincontent > .container > .tabs > li").click(function() {
|
||||
$(".main > .loading").fadeIn("fast");
|
||||
window.location = $($(this).find("a")[0]).attr("href");
|
||||
return false
|
||||
});
|
||||
|
||||
|
||||
if (mainNodeName != undefined) {
|
||||
console.log(mainNodeName);
|
||||
switch (mainNodeName) {
|
||||
case "node-status-system_log":
|
||||
case "node-status-kernel_log":
|
||||
$("#syslog").focus(function() {
|
||||
$("#syslog").blur();
|
||||
$(".main-right").focus();
|
||||
$(".main-right").blur();
|
||||
});
|
||||
break;
|
||||
case "node-status-firewall":
|
||||
var button = $(".node-status-firewall > .main fieldset li > a");
|
||||
button.addClass("cbi-button cbi-button-reset a-to-btn");
|
||||
break;
|
||||
case "node-system-reboot":
|
||||
var button = $(".node-system-reboot > .main > .main-right p > a");
|
||||
button.addClass("cbi-button cbi-input-reset a-to-btn");
|
||||
break;
|
||||
}
|
||||
}
|
||||
145
htdocs/luci-static/kucat/js/styles-kucat.js
Normal file
145
htdocs/luci-static/kucat/js/styles-kucat.js
Normal file
@ -0,0 +1,145 @@
|
||||
/*
|
||||
* luci-theme-kucat
|
||||
* Copyright (C) 2019-2024 The Sirpdboy Team <herboy2008@gmail.com>
|
||||
*
|
||||
* Have a bug? Please create an issue here on GitHub!
|
||||
* https://github.com/sirpdboy/luci-theme-kucat/issues
|
||||
*
|
||||
* luci-theme-bootstrap:
|
||||
* Copyright 2008 Steven Barth <steven@midlink.org>
|
||||
* Copyright 2008 Jo-Philipp Wich <jow@openwrt.org>
|
||||
* Copyright 2012 David Menting <david@nut-bolt.nl>
|
||||
*
|
||||
* luci-theme-material:
|
||||
* https://github.com/LuttyYang/luci-theme-material/
|
||||
* luci-theme-argon:
|
||||
* https://github.com/jerrykuku/luci-theme-argon
|
||||
* luci-theme-opentopd:
|
||||
* https://github.com/sirpdboy/luci-theme-opentopd
|
||||
*
|
||||
* Licensed to the public under the Apache License 2.0
|
||||
*/
|
||||
|
||||
|
||||
/*
|
||||
* Font generate by Icomoon<icomoon.io>
|
||||
*/
|
||||
(function ($) {
|
||||
$(".main > .loading").fadeOut();
|
||||
|
||||
/**
|
||||
* trim text, Remove spaces, wrap
|
||||
* @param text
|
||||
* @returns {string}
|
||||
*/
|
||||
function trimText(text) {
|
||||
return text.replace(/[ \t\n\r]+/g, " ");
|
||||
}
|
||||
|
||||
// define what element should be observed by the observer
|
||||
// and what types of mutations trigger the callback
|
||||
const observer = new MutationObserver(() => {
|
||||
console.log("callback that runs when observer is triggered");
|
||||
});
|
||||
if ($("#cbi-dhcp-lan-ignore").length > 0) {
|
||||
observer.observe(document.getElementById("cbi-dhcp-lan-ignore"), {
|
||||
subtree: true,
|
||||
attributes: true
|
||||
});
|
||||
}
|
||||
|
||||
$(".cbi-button-up").val("");
|
||||
$(".cbi-button-down").val("");
|
||||
|
||||
/**
|
||||
* hook other "A Label" and add hash to it.
|
||||
*/
|
||||
$("#maincontent > .container").find("a").each(function () {
|
||||
var that = $(this);
|
||||
var onclick = that.attr("onclick");
|
||||
if (onclick == undefined || onclick == "") {
|
||||
that.click(function () {
|
||||
var href = that.attr("href");
|
||||
if (href.indexOf("#") == -1) {
|
||||
$(".main > .loading").fadeIn("fast");
|
||||
return true;
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* fix legend position
|
||||
*/
|
||||
$("legend").each(function () {
|
||||
var that = $(this);
|
||||
that.after("<span class='panel-title'>" + that.text() + "</span>");
|
||||
});
|
||||
|
||||
$(".cbi-section-table-titles, .cbi-section-table-descr, .cbi-section-descr").each(function () {
|
||||
var that = $(this);
|
||||
if (that.text().trim() == "") {
|
||||
that.css("padding", "0px");
|
||||
}
|
||||
});
|
||||
|
||||
$(".node-main-login > .main .cbi-value.cbi-value-last .cbi-input-text").focus(function () {
|
||||
//$(".node-main-login > .main > .main-right > .login-bg").addClass("blur");
|
||||
});
|
||||
$(".node-main-login > .main .cbi-value.cbi-value-last .cbi-input-text").blur(function () {
|
||||
//$(".node-main-login > .main > .main-right > .login-bg").removeClass("blur");
|
||||
});
|
||||
|
||||
$(".main-right").focus();
|
||||
$(".main-right").blur();
|
||||
$("input").attr("size", "0");
|
||||
|
||||
})(jQuery);
|
||||
function pdopenbar() {
|
||||
document.getElementById("header-bar-left").style.width = "300px";
|
||||
document.getElementById("header-bar-left").style.display = "block";
|
||||
document.getElementById("header-bar-right").style.width = "0";
|
||||
document.getElementById("header-bar-right").style.display = "none"
|
||||
}
|
||||
function pdclosebar() {
|
||||
document.getElementById("header-bar-left").style.display = "none";
|
||||
document.getElementById("header-bar-left").style.width = "0";
|
||||
document.getElementById("header-bar-right").style.display = "block";
|
||||
document.getElementById("header-bar-right").style.width = "50px"
|
||||
}
|
||||
|
||||
/**
|
||||
* Sidebar expand
|
||||
*/
|
||||
var showSide = false;
|
||||
$(".showSide").click(function () {
|
||||
if (showSide) {
|
||||
$(".darkMask").stop(true).fadeOut("fast");
|
||||
$(".main-left").width(0);
|
||||
$(".main-right").css("overflow-y", "auto");
|
||||
showSide = false;
|
||||
} else {
|
||||
$(".darkMask").stop(true).fadeIn("fast");
|
||||
$(".main-left").width("17rem");
|
||||
$(".main-right").css("overflow-y", "hidden");
|
||||
showSide = true;
|
||||
}
|
||||
});
|
||||
|
||||
$(".darkMask").click(function () {
|
||||
if (showSide) {
|
||||
showSide = false;
|
||||
$(".darkMask").stop(true).fadeOut("fast");
|
||||
$(".main-left").width(0);
|
||||
$(".main-right").css("overflow-y", "auto");
|
||||
}
|
||||
});
|
||||
|
||||
$(window).resize(function () {
|
||||
if ($(window).width() > 921) {
|
||||
$(".main-left").css("width", "");
|
||||
$(".darkMask").stop(true);
|
||||
$(".darkMask").css("display", "none");
|
||||
showSide = false;
|
||||
}
|
||||
});
|
||||
BIN
htdocs/luci-static/kucat/logo.png
Normal file
BIN
htdocs/luci-static/kucat/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
10
htdocs/luci-static/kucat/logo.svg
Normal file
10
htdocs/luci-static/kucat/logo.svg
Normal file
@ -0,0 +1,10 @@
|
||||
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
|
||||
<g>
|
||||
<title>Layer 1</title>
|
||||
<path d="m51.5,53.8a6.6,6.6 0 1 0 0,13.2a6.6,6.6 0 0 0 0,-13.2m-40.5,-33.9l7,6.8a47.5,47.5 0 0 1 67.2,0l7,-6.8a57.2,57.2 0 0 0 -81.2,0" fill="#00ace2" id="svg_2"/>
|
||||
<path d="m23.5,32.2l6.8,7a30,30 0 0 1 42.6,0l6.8,-7a39.7,39.7 0 0 0 -56.3,0" fill="#00ace2" id="svg_3"/>
|
||||
<path d="m35.8,44.6l6.8,6.9a12.6,12.6 0 0 1 18,0l6.8,-6.9a22.3,22.3 0 0 0 -31.6,0" fill="#00ace2" id="svg_4"/>
|
||||
<path d="m75.9,40.7a30.2,30.2 0 1 1 -48.7,0l-6.9,-7a39.9,39.9 0 1 0 62.5,0l-6.9,7z" fill="#002B49" id="svg_5"/>
|
||||
</g>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 609 B |
22
htdocs/luci-static/kucat/manifest.json
Normal file
22
htdocs/luci-static/kucat/manifest.json
Normal file
@ -0,0 +1,22 @@
|
||||
{
|
||||
"name":"Kucat",
|
||||
"short_name":"Kucat",
|
||||
"description":"Kucat for OpenWRT by sirpdboy.",
|
||||
"start_url":"/",
|
||||
"scope": "/",
|
||||
"orientation":"portrait",
|
||||
"prompt_message":"fast read Kucat",
|
||||
"icons":[
|
||||
{
|
||||
"src":"img/apple-touch-icon.png",
|
||||
"sizes":"144x144",
|
||||
"type":"image/png"
|
||||
},
|
||||
{
|
||||
"src":"logo.png",
|
||||
"sizes":"192x192",
|
||||
"type":"image/png"
|
||||
}
|
||||
],
|
||||
"display":"standalone"
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user