From bd39b681013a5c0f9e985f20ed8dfe16bdd06b85 Mon Sep 17 00:00:00 2001 From: sirpdboy Date: Sat, 24 Apr 2021 16:21:37 +0800 Subject: [PATCH] up theme argon --- luci-theme-argon_new/Makefile | 6 +- .../luci-static/argon_blue/css/cascade.css | 3070 ++++++++++++++++- .../luci-static/argon_blue/css/dark.css | 2 +- .../luci-static/argon_blue/img/trafficbar.png | Bin 0 -> 6556 bytes .../luci-static/argon_blue/js/script.js | 2 +- .../luci-static/argon_blue/less/cascade.less | 233 +- .../luci-static/argon_blue/less/dark.less | 3 +- .../luasrc/view/themes/argon_blue/footer.htm | 12 +- .../view/themes/argon_blue/header_login.htm | 2 - .../luasrc/view/themes/argon_blue/sysauth.htm | 83 +- 10 files changed, 3319 insertions(+), 94 deletions(-) create mode 100644 luci-theme-argon_new/htdocs/luci-static/argon_blue/img/trafficbar.png diff --git a/luci-theme-argon_new/Makefile b/luci-theme-argon_new/Makefile index 7208889..defb547 100644 --- a/luci-theme-argon_new/Makefile +++ b/luci-theme-argon_new/Makefile @@ -6,10 +6,10 @@ include $(TOPDIR)/rules.mk -LUCI_TITLE:=Argon_new kenzo +LUCI_TITLE:=Argon_new kenzo LUCI_DEPENDS:= -PKG_VERSION:=1.7.1 -PKG_RELEASE:=20201022 +PKG_VERSION:=1.7.2 +PKG_RELEASE:=20210309 include $(TOPDIR)/feeds/luci/luci.mk diff --git a/luci-theme-argon_new/htdocs/luci-static/argon_blue/css/cascade.css b/luci-theme-argon_new/htdocs/luci-static/argon_blue/css/cascade.css index c776925..ec12c7c 100644 --- a/luci-theme-argon_new/htdocs/luci-static/argon_blue/css/cascade.css +++ b/luci-theme-argon_new/htdocs/luci-static/argon_blue/css/cascade.css @@ -1 +1,3069 @@ -@import url("fonts.css?v=3");@import url("pure-min.css?v=1");:root{--primary:#5e72e4;--dark-primary:#483d8b;--darker:black;--default:#525461;--background-color:#f4f5f7;--warning:#fb6340;--footer-color:#aaa;--menubar-background:#fff;--menubar-scrollbar-thumb:#f6f9fc;--menubar-text-color:#4c4c4c;--blue:#5e72e4;--indigo:#5603ad;--purple:#8965e0;--pink:#f3a4b5;--red:#f5365c;--orange:#fb6340;--yellow:#ffd600;--green:#2dce89;--teal:#11cdef;--cyan:#2bffc6;--white:#fff;--gray:#8898aa;--gray-dark:#32325d;--light:#ced4da;--lighter:#e9ecef;--secondary:#f7fafc;--success:#2dce89;--info:#11cdef;--danger:#f5365c;--light:#adb5bd;--dark:#212529;--neutral:#fff;--login-form-bg-color:rgba(244,245,247,0.8);--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--blur-radius:10px;--blur-opacity:.5;--blur-radius-dark:10px;--blur-opacity-dark:.5;--font-family-sans-serif:"Google Sans", "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif", "Helvetica Neue", "Helvetica", "Hiragino Sans GB";--font-family-monospace:SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;--font-family-normal:Open Sans, PingFangSC-Regular, Microsoft Yahei, WenQuanYi Micro Hei, "Helvetica Neue", Helvetica, Hiragino Sans GB, sans-serif}html,body{margin:0px;padding:0px;height:100%;font-size:16px;font-family:"Google Sans","Microsoft Yahei","WenQuanYi Micro Hei","sans-serif","Helvetica Neue","Helvetica","Hiragino Sans GB";font-family:var(--font-family-sans-serif)}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-size:.875rem;background-color:#f4f5f7;background-color:var(--background-color)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}::selection{background-color:#5e72e4;background-color:var(--primary);color:#ffffff;color:var(--white)}a:link,a:visited,a:active{color:#5e72e4;color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}li{list-style-type:none}.login-page{height:100%}.login-page .video{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000;background-color:var(--darker);overflow:hidden}.login-page .video video{width:100%;height:auto}.login-page .volume-control{position:fixed;right:1rem;top:1rem;width:1.5rem;height:1.5rem;z-index:5000;cursor:pointer;background-size:contain;background-image:url(../img/volume_high.svg)}.login-page .volume-control.mute{background-image:url(../img/volume_off.svg)}.login-page .main-bg{position:absolute;width:100%;height:100%;left:0;top:0;background-image:url(../img/blank.png);background-repeat:no-repeat;background-position:center;background-size:cover;transition:all .5s}.login-page .login-container{height:100%;margin-left:4.5rem;position:absolute;top:0px;display:flex;flex-direction:column;-webkit-box-pack:center;justify-content:center;align-items:flex-start;min-height:100%;z-index:2;width:420px;box-shadow:rgba(0,0,0,0.75) 0 0 35px -5px;margin-left:5%;background:transparent}.login-page .login-container .login-form{display:flex;flex-direction:column;-webkit-box-align:center;align-items:center;position:absolute;top:0px;width:100%;min-height:100%;max-width:420px;background-color:#fff;background-color:var(--white)}.login-page .login-container .login-form .brand{display:flex;-webkit-box-align:center;align-items:center;margin:50px auto 100px 50px;color:#525461;color:var(--default)}.login-page .login-container .login-form .brand .icon{width:50px;height:auto;margin-right:25px}.login-page .login-container .login-form .brand .brand-text{font-size:1.25rem;font-weight:700;font-family:"TypoGraphica"}.login-page .login-container .login-form .brand:hover{text-decoration:none}.login-page .login-container .login-form .form-login{width:100%;padding:20px 50px;box-sizing:border-box}.login-page .login-container .login-form .form-login .errorbox{text-align:center;color:#fb6340;color:var(--warning);padding-bottom:2rem}.login-page .login-container .login-form .form-login .input-group{margin-bottom:1.25rem;position:relative}.login-page .login-container .login-form .form-login .input-group::before{font-family:'argon' !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#525461;color:var(--default);font-size:1.5rem;position:absolute;z-index:100;left:10px;top:10px}.login-page .login-container .login-form .form-login .input-group .border{position:absolute;width:100%;height:1px;bottom:0;border-bottom:1px #5e72e4 solid;border-bottom:1px var(--primary) solid;transform:scaleX(0);transition:transform .3s}.login-page .login-container .login-form .form-login .input-group input{font-size:1rem;line-height:1.5em;display:block;width:100%;padding:.5rem .75rem .5rem 3rem;margin:.825rem 0;box-sizing:border-box;transition:all .3s cubic-bezier(.68, -0.55, .265, 1.55);color:#525461;color:var(--default);border:0;border-radius:0;border-bottom:1px solid #fff;border-bottom:1px solid var(--white);background-color:transparent;background-clip:padding-box;box-shadow:0 3px 2px rgba(233,236,239,0.05);outline:none}.login-page .login-container .login-form .form-login .input-group input:focus+.border{transform:scaleX(1)}.login-page .login-container .login-form .form-login .input-group .cbi-input-password{margin-bottom:2rem;position:relative}.login-page .login-container .login-form .form-login .user-icon::before{content:"\e971"}.login-page .login-container .login-form .form-login .pass-icon::before{content:"\e910"}.login-page .login-container .login-form .cbi-button-apply{width:100% !important;box-shadow:rgba(0,0,0,0.1) 0 0 50px 0;font-weight:600;font-size:15px;color:#fff;color:var(--white);text-align:center;width:100%;cursor:pointer;min-height:50px;background-color:#5e72e4 !important;background-color:var(--primary) !important;border-radius:6px;outline:none;border-width:initial;border-style:none;border-color:initial;border-image:initial;padding:10px 0px;margin:30px 0px 100px;transition:all .3s !important;letter-spacing:.8rem}.login-page .login-container .login-form .cbi-button-apply:hover,.login-page .login-container .login-form .cbi-button-apply :focus{opacity:.9}.login-page .login-container footer{box-sizing:border-box;width:100%;text-align:center;line-height:1.6rem;display:flex;justify-content:space-evenly;margin-top:auto;padding:0px 0px 30px;z-index:10;color:#525461;color:var(--default);position:absolute;bottom:0}.login-page .login-container footer .ftc{position:absolute;bottom:30px;width:100%}.login-page .login-container footer .luci-link{display:block}.pull-right{float:right}.pull-left{float:left}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.login-page .login-container .login-form{-webkit-backdrop-filter:blur(var(--blur-radius));backdrop-filter:blur(var(--blur-radius));background-color:rgba(244, 245, 247, var(--blur-opacity))}}header{width:100%;padding:0 0 0 0;position:relative}header .container{margin-top:.5rem;padding:.5rem 1rem 0 1rem}header .container .pull-right>*{position:relative;top:.45rem;cursor:pointer}header::after{content:"";position:absolute;height:2rem;width:100%;background-color:#5e72e4 !important;background-color:var(--primary) !important}header.bg-primary{background-color:#5e72e4 !important;background-color:var(--primary) !important}header .fill{padding:.8rem 0;border-bottom:0 solid rgba(255,255,255,0.08) !important}header .fill .container{height:2rem;padding:0 1.25rem}header .fill .container .brand{font-size:1.5rem;color:#fff;color:var(--white);font-family:"TypoGraphica";text-decoration:none;padding-left:1rem;cursor:default;vertical-align:text-bottom;display:none}footer{text-align:right;padding:1rem;color:#aaa;color:var(--footer-color);font-size:.8rem}footer a{color:#aaa;color:var(--footer-color);text-decoration:none}@keyframes anim-rotate{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}.main{top:0rem;bottom:0rem;position:relative;height:100%;width:100%;height:calc(100% - 4rem)}.main .main-left{float:left;width:15%;width:calc(0% + 15rem);height:100%;background-color:#fff !important;background-color:var(--menubar-background) !important;box-shadow:rgba(0,0,0,0.75) 0 0 15px -5px;overflow-x:auto;position:fixed;z-index:100;transition:width .2s ease-in-out}.main .main-left::-webkit-scrollbar{width:5px;height:1px}.main .main-left::-webkit-scrollbar-thumb{background-color:#f6f9fc;background-color:var(--menubar-scrollbar-thumb)}.main .main-left::-webkit-scrollbar-track{background-color:#fff;background-color:var(--menubar-background)}.main .main-left .sidenav-header{padding:1.5rem;text-align:center}.main .main-left .sidenav-header .brand{font-size:1.8rem;color:#5e72e4;color:var(--primary);font-family:"TypoGraphica",sans-serif;text-decoration:none;padding-left:0;cursor:default;vertical-align:text-bottom;white-space:nowrap}.main .main-left .nav{margin-top:.5rem}.main .main-left .nav li{padding:0rem;cursor:pointer}.main .main-left .nav li a{color:#525f7f;color:var(--default);display:block}.main .main-left .nav li:nth-last-child(1){font-size:1.2rem}.main .main-left .nav li:nth-last-child(1) .menu:after{content:""}.main .main-left .nav li.slide{padding:0}.main .main-left .nav li.slide ul{display:none}.main .main-left .nav li.slide ul li a{position:relative;margin:.1rem 1rem .1rem 3rem;padding:.5rem 0 .5rem 0;text-decoration:none;white-space:nowrap;color:#4c4c4c;color:var(--menubar-text-color);transition:all .2s;font-size:.875rem}.main .main-left .nav li.slide ul li a::after{content:"";position:absolute;width:00%;height:2px;left:0;bottom:0;background-color:#5e72e4;background-color:var(--primary);transition:all .2s}.main .main-left .nav li.slide ul li a:hover::after{color:#000;color:var(--darker);width:100%}.main .main-left .nav li.slide .menu{display:block;margin:.1rem .5rem .1rem .5rem;padding:.675rem 0 .675rem 2.5rem;border-radius:.375rem;text-decoration:none;cursor:default;font-size:1rem;transition:all .2s;position:relative}.main .main-left .nav li.slide .menu::before{font-family:'argon' !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:.8rem;content:"\e915";color:#5e72e4;color:var(--primary)}.main .main-left .nav li.slide .menu::after{position:absolute;right:.5rem;top:.8rem;font-family:'argon' !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-moz-osx-font-smoothing:grayscale;content:'\e90f';transition:all .15s ease;color:#ced4da;text-rendering:auto;-webkit-font-smoothing:antialiased;transition:all .3s}.main .main-left .nav li.slide .menu:hover,.main .main-left .nav li.slide .menu.active{cursor:pointer;color:#fff;background:#5e72e4;background:var(--primary)}.main .main-left .nav li.slide .menu:hover a,.main .main-left .nav li.slide .menu.active a{color:#000}.main .main-left .nav li.slide .menu:hover a::after,.main .main-left .nav li.slide .menu.active a::after{color:#000;width:100%}.main .main-left .nav li.slide .menu:hover::before,.main .main-left .nav li.slide .menu.active::before{color:#fff !important}.main .main-left .nav li.slide .menu:hover::after,.main .main-left .nav li.slide .menu.active::after{color:#fff}.main .main-left .nav li.slide .menu.active::after{transform:rotate(90deg)}.main .main-left .nav li.slide .menu[data-title=Status]:before{content:"\e906";color:#5e72e4;color:var(--primary)}.main .main-left .nav li.slide .menu[data-title=System]:before{content:"\e90a";color:#fb6340}.main .main-left .nav li.slide .menu[data-title=Services]:before{content:"\e909";color:#11cdef}.main .main-left .nav li.slide .menu[data-title=NAS]:before{content:"\e90c";color:#f3a4b5}.main .main-left .nav li.slide .menu[data-title=VPN]:before{content:"\e90b";color:#aaad03}.main .main-left .nav li.slide .menu[data-title=Network]:before{content:"\e908";color:#8965e0}.main .main-left .nav li.slide .menu[data-title=Bandwidth_Monitor]:before{content:"\e90d";color:#2dce89}.main .main-left .nav li.slide .menu[data-title=Docker]:before{content:"\e911";color:#6699ff}.main .main-left .nav li.slide .menu[data-title=Statistics]:before{content:"\e913";color:#5603ad}.main .main-left .nav li.slide .menu[data-title=Control]:before{content:"\e912";color:#5e72e4;color:var(--primary)}.main .main-left .nav li.slide .menu[data-title=Asterisk]:before{content:"\e914";color:#fb6340}.main .main-left .nav li.slide .menu[data-title=Logout]:before{content:"\e907";color:#adb5bd}.main .main-left .nav li.slide .slide-menu li a{position:relative;margin:.1rem 1rem .1rem 3rem;padding:.5rem 0 .5rem 0;text-decoration:none;white-space:nowrap;color:rgba(0,0,0,0.6);transition:all .2s;font-size:.875rem}.main .main-left .nav li.slide .slide-menu li a::after{content:"";position:absolute;width:00%;height:2px;left:0;bottom:0;background-color:#5e72e4;background-color:var(--primary);transition:all .2s}.main .main-left .nav li.slide .slide-menu li a:hover::after{color:#000;width:100%}.main .main-left .nav li.slide .slide-menu .active a{color:#000}.main .main-left .nav li.slide .slide-menu .active a::after{color:#000;width:100%}.main .main-right{width:85%;width:calc(100% - 15rem);float:right;height:auto;transition:width .3s ease-in-out}.main .main-right #maincontent{position:relative;z-index:50}.main .main-right #maincontent .container{margin:0 1.25rem 1rem 1.25rem}.main .main-right #maincontent .container p{color:#32325d;line-height:1.5em}.main .main-right #maincontent .container>div:nth-child(1).alert-message.warning>a{font:inherit;overflow:visible;text-transform:none;display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;min-width:6rem;padding:.5rem 1rem;font-size:.9rem;line-height:1.42857143;color:#fff;background-color:#5bc0de;border-color:#46b8da;margin-top:2rem;text-decoration:inherit}.main .loading{position:fixed;width:100%;height:100%;z-index:2000;display:flex;align-items:center;justify-content:center;background-color:#f8f9fe;top:0}.main .loading span{display:block;text-align:center;margin-top:2rem;color:#5e72e4;color:var(--primary);font-size:2rem}.main .loading span .loading-img{animation:anim-rotate 2s infinite linear;margin-right:.4rem;display:inline-block}.main .loading span .loading-img::before{content:"\e603"}.cbi-button{-webkit-appearance:none;text-transform:uppercase;height:auto;color:rgba(0,0,0,0.87);background-color:#F0F0F0;transition:all .2s ease-in-out;display:inline-block;padding:.75rem .8rem;border:none;border-radius:.2rem;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation;background-image:none;text-align:center;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:.875rem;width:auto !important;line-height:1em}.cbi-button:hover,.cbi-button:focus,.cbi-button:active{outline:0;text-decoration:none}.cbi-button:hover,.cbi-button:focus{box-shadow:0 0 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2)}.cbi-button:active{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}.cbi-button:disabled{cursor:not-allowed;pointer-events:none;opacity:.6;box-shadow:none}.cbi-button-check{margin-top:.25rem !important}form.inline+form.inline,.cbi-button+.cbi-button{margin-left:0rem}.cbi-button-reset,.cbi-input-remove{color:#fff !important;background-color:#f0ad4e !important;border-color:#eea236 !important}.cbi-input-find,.cbi-input-save,.cbi-button-add,.cbi-button-save,.cbi-button-find,.cbi-input-reload,.cbi-button-reload{color:#fff !important;background-color:#337ab7 !important;border-color:#2e6da4 !important}.cbi-value-field .cbi-input-apply,.cbi-button-apply,.cbi-button-edit{color:#fff !important;background-color:#5e72e4 !important;background-color:var(--primary) !important;border-color:#5e72e4 !important;border-color:var(--primary) !important}.cbi-button-add{margin-left:1.5rem}.node-services-vssr .ssr-button{margin-left:.3rem}.cbi-section-remove>.cbi-button,.cbi-button-remove{color:#fff !important;background-color:#fb6340 !important;border-color:#fb6340 !important}.cbi-value-field .cbi-button-add,.cbi-value-field .cbi-button-remove,.cbi-value-field .cbi-button-neutral{min-width:2.5rem !important}.cbi-value input[type="password"],.cbi-value input[type="text"]{min-width:15rem}.cbi-value-field .cbi-dropdown{min-width:15rem}select{min-width:20rem;appearance:none;-webkit-appearance:none;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTY1MzQ4MDM3OTIyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI1ODMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4qIHsgdGV4dC1zaGFkb3c6IHRyYW5zcGFyZW50IDBweCAwcHggMHB4LCByZ2JhKDAsIDAsIDAsIDAuNSkgMHB4IDBweCAwcHggIWltcG9ydGFudDsgfQo8L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNMjAuNDggMjQ1Ljc2aDk4My4wNEw1MTIgNzc4LjI0eiIgcC1pZD0iMjU4NCIgZmlsbD0iIzcwNzA3MCI+PC9wYXRoPjwvc3ZnPg==') !important;background-position:96%;background-size:8px;background-repeat:no-repeat}.th[data-type="button"],.td[data-type="button"],.th[data-type="fvalue"],.td[data-type="fvalue"]{flex:1 1 2em;text-align:center}.cbi-input-textarea{width:100%;min-height:14rem;padding:.8rem;font-size:.8rem;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:black}.uci-change-list{font-family:monospace}.uci-change-list ins,.uci-change-legend-label ins{text-decoration:none;border:1px solid #00FF00;background-color:#CCFFCC;display:block;padding:2px}.uci-change-list del,.uci-change-legend-label del{text-decoration:none;border:1px solid #FF0000;background-color:#FFCCCC;display:block;font-style:normal;padding:2px}.uci-change-list var,.uci-change-legend-label var{text-decoration:none;border:1px solid #CCCCCC;background-color:#EEEEEE;display:block;font-style:normal;padding:2px}.uci-change-list var ins,.uci-change-list var del{border:none;white-space:pre;font-style:normal;padding:0px}.uci-change-list ins strong{display:inline}.uci-change-legend{padding:5px}.uci-change-legend-label{display:flex;align-items:center;width:auto;float:left;margin-right:2rem}.uci-change-legend-label>ins,.uci-change-legend-label>del,.uci-change-legend-label>var{float:left;margin-right:4px;width:10px;height:10px;display:block}.uci-change-legend-label var ins,.uci-change-legend-label var del{line-height:0;border:none}.uci-change-list var,.uci-change-list del,.uci-change-list ins{padding:.5rem}input[type="checkbox"]{appearance:none !important;-webkit-appearance:none !important;border:1px solid #dee2e6;width:16px !important;height:16px !important;padding:0;cursor:pointer;transition:all .2s;margin:.9rem .25rem 0 .25rem}input[type="checkbox"]:checked{border:1px solid #5e72e4;border:1px solid var(--primary);background-image:url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e') !important;background-color:#5e72e4;background-color:var(--primary);background-size:70%;background-repeat:no-repeat;background-position:center}ul li .cbi-input-checkbox{margin:.5rem .25rem !important}.cbi-input-radio{appearance:none !important;-webkit-appearance:none !important;border:1px solid #dee2e6;width:16px !important;height:16px !important;padding:0;border-radius:50%;cursor:pointer;transition:all .2s;margin:.25rem 0}.cbi-input-radio:checked{border:1px solid #5e72e4;border:1px solid var(--primary);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:#5e72e4;background-color:var(--primary);background-size:70%;background-repeat:no-repeat;background-position:center}.toggle{position:relative;display:block;width:40px;height:20px;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:translate3d(0, 0, 0);margin:1em 0}.toggle:before{content:"";position:relative;top:3px;left:3px;width:34px;height:14px;display:block;background:#9A9999;border-radius:8px;transition:background .2s ease}.toggle span{position:absolute;top:0;left:0;width:20px;height:20px;display:block;background:white;border-radius:10px;box-shadow:0 3px 8px rgba(154,153,153,0.5);transition:all .2s ease}.toggle span:before{content:"";position:absolute;display:block;margin:-18px;width:56px;height:56px;background:rgba(79,46,220,0.5);border-radius:50%;transform:scale(0);opacity:1;pointer-events:none}.cbi-input-checkbox:checked+.toggle:before{background:#947ADA}.cbi-input-checkbox:checked+.toggle span{background:#4F2EDC;transform:translateX(20px);transition:all .2s cubic-bezier(.8, .4, .3, 1.25),background .15s ease;box-shadow:0 3px 8px rgba(79,46,220,0.2)}.cbi-input-checkbox:checked+.toggle span:before{transform:scale(1);opacity:0;transition:all .4s ease}.cbi-value-field .cbi-input-checkbox,.cbi-value-field .cbi-input-radio{margin-top:.5rem;height:1rem}.td .cbi-input-checkbox,.td .cbi-input-radio{margin-top:0}.cbi-value-field>input+.cbi-value-description{padding:0}.cbi-value-field>ul>li{display:flex}.cbi-value-field>ul>li>label{margin-top:0rem}.cbi-value-field>ul>li .ifacebadge{background-color:#eee;margin-left:.4rem;margin-top:-0.5rem}.cbi-section-table-row>.cbi-value-field .cbi-dropdown{min-width:7rem}.cbi-section-create{margin:0;padding-left:1rem;align-items:center}.cbi-section-create>*{margin:.25rem}.cbi-section-remove{padding:.5rem}div.cbi-value var,td.cbi-value-field var,.td.cbi-value-field var{font-style:italic;color:#0069D6}small{font-size:90%;white-space:normal;line-height:1.42857143}.cbi-button-up,.cbi-button-down{display:inline-block;min-width:0;padding:.2rem .6rem;font-size:1.2rem;color:#5e72e4 !important;color:var(--primary) !important}.cbi-optionals{padding:1rem 1rem 0 1rem;border-top:1px solid #CCC}.cbi-dropdown-container{position:relative}.cbi-tooltip-container{cursor:help}.cbi-tooltip{position:absolute;z-index:1000;left:-1000px;opacity:0;transition:opacity .25s ease-out;pointer-events:none;box-shadow:0 0 2px #444}.cbi-tooltip-container:hover .cbi-tooltip{left:auto;opacity:1;transition:opacity .25s ease-in}.cbi-map-descr+fieldset{margin-top:1rem}.cbi-section>legend{display:none !important}.cbi-section-error{padding:1.5rem;color:#fb6340;font-weight:600}fieldset>fieldset{margin:0;padding:0;border:none;box-shadow:none}.zonebadge .cbi-tooltip{padding:.25rem;background:inherit;margin:-1.5rem 0 0 -0.5rem}.zonebadge-empty{background:repeating-linear-gradient(45deg, rgba(204,204,204,0.5), rgba(204,204,204,0.5) 5px, rgba(255,255,255,0.5) 5px, rgba(255,255,255,0.5) 10px);color:#404040}.zone-forwards{display:flex;min-width:10rem}.zone-forwards>*{flex:1 1 45%}.zone-forwards>span{flex-basis:10%;text-align:center;padding:0 .25rem}.zone-forwards .zone-src,.zone-forwards .zone-dest{display:flex;flex-direction:column}#diag-rc-output>pre{background-color:#fff;display:block;padding:8.5px;margin:0 0 18px;line-height:1.5rem;white-space:pre-wrap;word-wrap:break-word;font-size:1.4rem;color:#404040}input[name="ping"],input[name="traceroute"],input[name="nslookup"]{width:80%}#swaptotal>div,#swapfree>div,#memfree>div,#membuff>div,#conns>div,#memtotal>div{width:100% !important;height:1.6rem !important;line-height:1.6rem;border-radius:.25rem}#swaptotal>div>div,#swapfree>div>div,#memfree>div>div,#membuff>div>div,#conns>div>div,#memtotal>div>div{height:100% !important;background-color:#5e72e4 !important;background-color:var(--primary) !important}table table,.table .table{border:none}.cbi-value-field table,.cbi-value-field .table{border:none}td>table>tbody>tr>td,.td>.table>.tbody>.tr>.td{border:none}.cbi-value-field>table>tbody>tr>td,.cbi-value-field>.table>.tbody>.tr>.td{border:none}.cbi-page-actions .cbi-button-apply,.cbi-section-actions .cbi-button-edit,.cbi-button-edit.important,.cbi-button-apply.important,.cbi-button-reload.important,.cbi-button-action.important{color:#fff;background-color:#337ab7}.cbi-page-actions .cbi-button-save,.cbi-button-add.important,.cbi-button-save.important,.cbi-button-positive.important{color:#fff;background-color:#5bc0de}.cbi-button-remove.important,.cbi-button-reset.important,.cbi-button-negative.important{color:#fff;background-color:#d9534f}.cbi-button-find,.cbi-button-link,.cbi-button-neutral{color:#fff !important;border:1px solid #f0ad4e !important;background-color:#f0ad4e !important}.cbi-button-edit,.cbi-button-apply,.cbi-button-reload,.cbi-button-action{color:#2e6da4;border:1px solid #2e6da4;background-color:transparent}.cbi-page-actions .cbi-button-apply+.cbi-button-save,.cbi-button-add,.cbi-button-save,.cbi-button-positive{color:#46b8da;border:1px solid #46b8da;background-color:transparent}.cbi-section-remove>.cbi-button,.cbi-button-remove,.cbi-button-reset,.cbi-button-negative{color:#fff !important;border:1px solid #d43f3a !important;background-color:#fb6340 !important}.cbi-page-actions .cbi-button-link:first-child{float:left}.a-to-btn{text-decoration:none}.cbi-section-table .cbi-section-table-titles .cbi-section-table-cell{width:auto !important;background-color:#e9ecef;background-color:var(--lighter)}.td.cbi-section-actions{text-align:right;vertical-align:middle}.td.cbi-section-actions>*{display:flex}.td.cbi-section-actions>*>*,.td.cbi-section-actions>*>form>*{flex:1 1 4em;margin:0 1px}.td.cbi-section-actions>*>form{display:inline-flex;margin:0}.hidden{display:none}.left,.left::before{text-align:left !important}.right,.right::before{text-align:right !important}.center,.center::before{text-align:center !important}.top{align-self:flex-start !important;vertical-align:top !important}.bottom{align-self:flex-end !important;vertical-align:bottom !important}.inline{display:inline}.cbi-page-actions{border-top:0 solid #eee;padding-top:0rem;text-align:right}#xhr_poll_status{cursor:pointer;display:inline-block}#xhr_poll_status>.label.success{background-color:#fff !important;color:#32325d !important}.label{padding:.3rem .8rem;font-size:.8rem;font-weight:bold;color:#ffffff !important;text-transform:uppercase;white-space:nowrap;background-color:#bfbfbf;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-shadow:none;text-decoration:none}.notice{background-color:#5BC0DE}.showSide{display:none;color:#fff;font-size:1.4rem}.darkMask{width:100%;height:100%;position:fixed;background-color:rgba(0,0,0,0.56);z-index:99;left:0;top:0;display:none}#cbi-firewall-redirect table *,#cbi-network-switch_vlan table *,#cbi-firewall-zone table *{font-size:small}#cbi-firewall-redirect table input[type="text"],#cbi-network-switch_vlan table input[type="text"],#cbi-firewall-zone table input[type="text"]{width:5rem}#cbi-firewall-redirect table select,#cbi-network-switch_vlan table select,#cbi-firewall-zone table select{min-width:3.5rem}#cbi-network-switch_vlan .th,#cbi-network-switch_vlan .td{flex-basis:12%}body.lang_pl.node-main-login .cbi-value-title{width:12rem}#applyreboot-container{margin:2rem}#applyreboot-section{margin:2rem;line-height:300%}.table{display:table;position:relative;color:#525f7f;border-collapse:collapse}.tr{display:table-row;border-bottom:1px solid rgba(0,0,0,0.05)}.thead{display:table-header-group}.tbody{display:table-row-group}.tfoot{display:table-footer-group}.td,.th{vertical-align:middle;text-align:center;display:table-cell;padding:1rem;white-space:nowrap}.th{font-weight:bold}.tr.placeholder{height:4em}.tr.placeholder>.td{position:absolute;left:0;right:0;bottom:0;text-align:center;background:inherit}.table[width="33%"],.th[width="33%"],.td[width="33%"]{width:33%;padding-left:1.5rem;padding-right:1.5rem}.table[width="100%"],.th[width="100%"],.td[width="100%"]{width:100%}.table-titles .th{padding:.75rem 1rem;color:#8898aa;background-color:#f6f9fc}.col-1{flex:1 1 30px !important;-webkit-flex:1 1 30px !important}.col-2{flex:2 2 60px !important;-webkit-flex:2 2 60px !important}.col-3{flex:3 3 90px !important;-webkit-flex:3 3 90px !important}.col-4{flex:4 4 120px !important;-webkit-flex:4 4 120px !important}.col-5{flex:5 5 150px !important;-webkit-flex:5 5 150px !important}.col-6{flex:6 6 180px !important;-webkit-flex:6 6 180px !important}.col-7{flex:7 7 210px !important;-webkit-flex:7 7 210px !important}.col-8{flex:8 8 240px !important;-webkit-flex:8 8 240px !important}.col-9{flex:9 9 270px !important;-webkit-flex:9 9 270px !important}.col-10{flex:10 10 300px !important;-webkit-flex:10 10 300px !important;white-space:inherit}.cbi-rowstyle-2 .cbi-button-up,.cbi-rowstyle-2 .cbi-button-down{background-color:#FFF !important}.cbi-button-up,.cbi-button-down,.cbi-value-helpicon,.showSide,.main>.loading>span{font-family:'argon' !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cbi-button-up{transform:rotate(180deg)}select{padding:.36rem .8rem;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc}select,input{font-size:.875rem;transition:all .15s ease-in-out;line-height:1.5;padding:.625rem .75rem;color:#8898aa;border:1px solid #dee2e6;border-radius:.25rem;background-color:#fff;background-clip:padding-box;box-shadow:0 3px 2px rgba(233,236,239,0.05);outline:none;transition:box-shadow .15s ease;margin:.25rem}select:not([multiple="multiple"]):focus,input:focus{border-color:#5e72e4;border-color:var(--primary);outline:0;background-color:#fff;box-shadow:0 3px 9px rgba(50,50,9,0),3px 4px 8px rgba(94,114,228,0.1)}select[multiple="multiple"]{height:auto}code{color:#0099CC}abbr{color:#005470;text-decoration:underline;cursor:help}hr{margin:1rem 0;border-color:#EEE;opacity:.1}.kpi{font-size:.875rem}fieldset[id^="cbi-apply-"]{position:fixed;z-index:200;width:20rem;margin-left:-10rem;margin-top:-5rem;height:10rem;left:50%;top:50%;padding:1rem;box-sizing:border-box;font-size:1.2rem;text-align:center;box-shadow:rgba(0,0,0,0.75) 0 0 15px -5px;transition:all .3s}[id^="cbi-apply-"]>.panel-title{border-bottom:none}[id^="cbi-apply-"]>[id^="cbi-apply-"]{position:initial;width:auto;height:auto;font-size:.875rem;margin-left:0rem;margin-top:.8rem;display:block}.cbi-section>h3:first-child,.panel-title{font-size:1.125rem;width:100%;display:block;margin:0;padding:.8755rem 1.5rem;border-bottom:1px solid #ddd;letter-spacing:.1rem;color:#32325d;font-weight:normal;border-bottom-left-radius:0;border-bottom-right-radius:0}table{border-spacing:0;border-collapse:collapse}table,.table{width:100%}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{padding:.5rem;border-top:1px solid #ddd}.cbi-section-table-cell{white-space:nowrap;align-self:flex-end;flex:1 1 auto}.cbi-section-table{font-size:.875rem;border:none;margin:0 !important}.status-bar{font-size:.875rem}.cbi-section-table-row:last-child{margin-bottom:0}.cbi-section-table-row>.cbi-value-field .cbi-input-select,.cbi-section-table-row>.cbi-value-field .cbi-input-text,.cbi-section-table-row>.cbi-value-field .cbi-input-password,.cbi-section-table-row>.cbi-value-field .cbi-dropdown{width:100%}.cbi-section-table-row>.cbi-value-field [data-dynlist]>input,.cbi-section-table-row>.cbi-value-field input.cbi-input-password{width:calc(100% - 1.5rem)}div>table>tbody>tr:nth-of-type(2n),div>.table>.tbody>.tr:nth-of-type(2n){background-color:#f9f9f9}div>table>tbody>tr:nth-of-type(2n),div>.table>.tbody>.tr:nth-of-type(2n){background-color:#f9f9f9}.danger{background-color:#f5365c !important;background-color:var(--danger) !important;color:#fff !important}.warning{background-color:#fb6340 !important;background-color:var(--warning) !important;color:#fff !important}.notice{background-color:#5e72e4 !important;background-color:var(--primary) !important;color:#fff !important}.success{background-color:#2dce89 !important;background-color:var(--success) !important;color:#fff !important}.errorbox,.alert-message{margin:2rem 0 0 0;padding:2rem;border:0;font-weight:normal;font-style:normal;line-height:1.5em;font-family:inherit;min-width:inherit;overflow:auto;border-radius:.3rem;background-color:#FFF;box-shadow:0 2px 2px 0 rgba(0,0,0,0.16),0 0 2px 0 rgba(0,0,0,0.12)}.errorbox{color:#fff;background-color:#f0ad4e;border-color:#eea236}.error{color:red}h1{font-size:2rem;padding-bottom:10px;border-bottom:1px solid #eee}h2{margin:0 0 1rem 0;font-size:1.25rem;letter-spacing:.1rem;padding:1rem 1.5rem;color:#32325d;border-radius:.375rem;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.03)}#cbi-dropbear h2,#cbi-dropbear .cbi-map-descr,#cbi-dropbear .cbi-map-descr abbr,#cbi-rc h2,#cbi-rc .cbi-map-descr,#cbi-distfeedconf h2,#cbi-distfeedconf .cbi-map-descr,#cbi-customfeedconf h2,#cbi-customfeedconf .cbi-map-descr,#cbi-download h2,#cbi-filelist h2{color:#32325d !important}h3{font-size:1.15rem;width:100%;display:block;margin:1rem 0;color:#32325d;font-weight:bold;letter-spacing:.1rem;padding:1rem 1.5rem;border-radius:.375rem;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.03)}fieldset{margin:1.25rem 0 0 0;padding:0;font-weight:normal;font-style:normal;line-height:1;font-family:inherit;min-width:inherit;overflow-x:auto;overflow-y:hidden;border:1px solid rgba(0,0,0,0.05);border-radius:.375rem;background-color:#fff;box-shadow:0 0 2rem 0 rgba(136,152,170,0.15);-webkit-overflow-scrolling:touch}fieldset>legend{display:none !important}fieldset>fieldset{margin:0;padding:0;border:none;box-shadow:none}fieldset.cbi-section p{padding:1em}.panel-title{width:100%;display:block;margin-bottom:0;padding:.8755rem 1.5rem;background-color:#fff;border-bottom:1px solid #ddd;margin-bottom:0rem;letter-spacing:.1rem;color:#32325d;font-weight:600}table{border-spacing:0;border-collapse:collapse;width:100%}table>tbody>tr>td,table>tfoot>tr>td,table>thead>tr>td{font-size:.875rem;color:#525f7f;line-height:1.4em;vertical-align:middle !important;padding:.8rem 1.5rem;border-top:1px solid #ddd}table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>th{padding-right:1.5rem;padding-left:1.5rem;color:#8898aa;background-color:#f6f9fc;font-size:.65rem;padding-top:.75rem;padding-bottom:.75rem;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #e9ecef}table>tbody>tr:first-child>td,table>tfoot>tr:first-child>td,table>thead>tr:first-child>td{border-top:0px}.cbi-section-table-cell{text-align:center}.cbi-section-table-row{text-align:center}fieldset>table>tbody>tr:nth-of-type(2n){background-color:#f9f9f9}table table{border:none}.cbi-value-field table{border:none}td>table>tbody>tr>td{border:none}.cbi-value-field>table>tbody>tr>td{border:none}.tabs{margin:0 0 1rem 0;padding:0 1rem;background-color:#FFFFFF;border-radius:.375rem;box-shadow:0 4px 8px rgba(0,0,0,0.03);white-space:nowrap;overflow-x:auto}.tabs::-webkit-scrollbar{width:1px;height:5px}.tabs::-webkit-scrollbar-thumb{background-color:#f6f9fc}.tabs::-webkit-scrollbar-track{background-color:#fff}.tabs li[class~="active"],.tabs li:hover{cursor:pointer;border-bottom:.18751rem solid #5e72e4;border-bottom:.18751rem solid var(--primary);color:#5e72e4;color:var(--primary);background-color:#dce1fe;margin-bottom:0;border-radius:0}.tabs li[class~="active"] a,.tabs li:hover a{color:#5e72e4;color:var(--primary)}.tabs li{font-size:.875rem;display:inline-block;padding:.875rem 0;border-bottom:.18751rem solid rgba(0,0,0,0)}.tabs li a{text-decoration:none;color:#404040;padding:.5rem .8rem}.tabs li:hover{border-bottom:.18751rem solid #5e72e4;border-bottom:.18751rem solid var(--primary)}.cbi-tabmenu{color:white;padding:.5rem 1rem 0 1rem;white-space:nowrap;overflow-x:auto;border-bottom:1px solid #ddd !important}.cbi-tabmenu::-webkit-scrollbar{width:1px;height:5px}.cbi-tabmenu::-webkit-scrollbar-thumb{background-color:#f6f9fc}.cbi-tabmenu::-webkit-scrollbar-track{background-color:#fff}.cbi-tabmenu li{background:#dce3e9;display:inline-block;font-size:.875rem;border-top-left-radius:.25rem;border-top-right-radius:.25rem;padding:.5rem 0;border-bottom:.18751rem solid rgba(0,0,0,0)}.cbi-tabmenu li a{text-decoration:none;color:#404040;padding:.5rem .8rem}.cbi-tabmenu li:hover{cursor:pointer;border-bottom:.18751rem solid #5e72e4;border-bottom:.18751rem solid var(--primary);color:#5e72e4;color:var(--primary);background-color:#dce1fe;margin-bottom:0}.cbi-tabmenu li:hover a{color:#525f7f}.cbi-tabmenu li[class~="cbi-tab"]{border-bottom:.18751rem solid #5e72e4;border-bottom:.18751rem solid var(--primary);color:var(--primary);background-color:#dce1fe;margin-bottom:0}.cbi-tabmenu li[class~="cbi-tab"] a{color:#5e72e4;color:var(--primary)}.cbi-tab-descr{margin:1rem 1.5rem;color:#32325d;font-size:small;line-height:1.5em}.cbi-dropdown{display:inline-flex;cursor:pointer;position:relative;padding:0;height:auto}.cbi-dropdown:focus{outline:2px solid #4b6e9b}.cbi-dropdown>ul{margin:0 !important;padding:0;list-style:none;overflow-x:hidden;overflow-y:auto;display:flex;width:100%}.cbi-dropdown>ul.preview{display:none}.cbi-dropdown>.open{border:0 outset #eee;flex-basis:15px;background:#fff}.cbi-dropdown>.open,.cbi-dropdown>.more{flex-grow:0;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;text-align:center;line-height:2em;padding:0 .25em}.cbi-dropdown>.more,.cbi-dropdown>ul>li[placeholder]{color:#777;font-weight:bold;text-shadow:1px 1px 0 #fff;display:none}.cbi-dropdown>ul>li{display:none;padding:.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;flex-grow:1;align-items:center;align-self:center;min-height:20px}.cbi-dropdown>ul>li .hide-open{display:initial}.cbi-dropdown>ul>li .hide-close{display:none}.cbi-dropdown>ul>li[display]:not([display="0"]){border-left:1px solid #ccc}.cbi-dropdown[empty]>ul{max-width:1px}.cbi-dropdown>ul>li>form{display:none;margin:0;padding:0;pointer-events:none}.cbi-dropdown>ul>li img{vertical-align:middle;margin-right:.25em}.cbi-dropdown>ul>li>form>input[type="checkbox"]{margin:0;height:auto}.cbi-dropdown>ul>li input[type="text"]{height:20px}.cbi-dropdown[open]{position:relative;border-color:#5e72e4;border-color:var(--primary)}.cbi-dropdown[open]>ul.dropdown{display:block;background:#fff;border-color:#5e72e4;border-color:var(--primary);position:absolute;z-index:1000;max-width:none;min-width:100%;width:auto;box-shadow:0 1px 3px rgba(50,50,93,0.15),0 1px 0 rgba(0,0,0,0.05)}.cbi-dropdown>ul>li[display],.cbi-dropdown[open]>ul.preview,.cbi-dropdown[open]>ul.dropdown>li,.cbi-dropdown[multiple]>ul>li>label,.cbi-dropdown[multiple][open]>ul.dropdown>li,.cbi-dropdown[multiple][more]>.more,.cbi-dropdown[multiple][empty]>.more{flex-grow:1;display:flex;align-items:center}.cbi-dropdown[empty]>ul>li,.cbi-dropdown[optional][open]>ul.dropdown>li[placeholder],.cbi-dropdown[multiple][open]>ul.dropdown>li>form{display:block}.cbi-dropdown[open]>ul.dropdown>li .hide-open{display:none}.cbi-dropdown[open]>ul.dropdown>li .hide-close{display:initial}.cbi-dropdown[open]>ul.dropdown>li{border-bottom:1px solid #ccc}.cbi-dropdown[open]>ul.dropdown>li[selected]{background:#b0d0f0}.cbi-dropdown[open]>ul.dropdown>li.focus{background:linear-gradient(90deg, #a3c2e8 0%, #84aad9 100%)}.cbi-dropdown[open]>ul.dropdown>li:last-child{margin-bottom:0;border-bottom:none}.cbi-dropdown[disabled]{pointer-events:none;opacity:.6}.cbi-dropdown .zonebadge{width:100%}.cbi-dropdown[open] .zonebadge{width:100%}.cbi-dropdown{font-size:.875rem;transition:all .15s ease-in-out;line-height:1.5;height:calc(2.75rem + 2px);padding:0m;color:#8898aa;border:1px solid #dee2e6;border-radius:.25rem;background-color:#fff;background-clip:padding-box;box-shadow:0 3px 2px rgba(233,236,239,0.05);margin:.25rem}.cbi-value-field .cbi-dropdown{min-width:20rem}.cbi-value-field .cbi-dropdown .zonebadge>.ifacebadge{padding:0rem 1rem;margin:0 .3rem;border:1px solid #6C6C6C}select[multiple="multiple"]{height:auto}.cbi-dropdown>ul{margin:0 !important;padding:0;list-style:none;overflow-x:hidden;overflow-y:hidden;display:flex;width:100%}.cbi-section>legend{display:none !important}.cbi-section-remove:nth-of-type(2n),.cbi-section-node:nth-of-type(2n){background-color:#f9f9f9}.cbi-section-node-tabbed{padding:0;margin-top:0}.cbi-section-node{background:#fff;border:0;border-radius:.375rem;margin-bottom:0px;box-shadow:0 0 0 0 rgba(136,152,170,0.15);overflow-x:auto;overflow-y:hidden;padding:0rem 0}#cbi-network-lan.cbi-section-node{overflow-x:visible;overflow-y:visible}.cbi-section-node .cbi-value{padding:.3rem 1rem .3rem 1rem}.cbi-tabcontainer>.cbi-value:nth-of-type(2n){background-color:#f9f9f9}.cbi-value-field,.cbi-value-description{display:table-cell;line-height:1.6;font-size:.875rem}.cbi-value-helpicon>img{display:none}.cbi-value-helpicon:before{content:"\f059"}.cbi-value-description{font-size:small;opacity:.5;padding:.5rem}.cbi-value-title{word-wrap:break-word;font-size:.875rem;line-height:1.6;color:#525f7f;padding:.7rem;padding-left:0;width:23rem;float:left;text-align:right;display:table-cell}.cbi-value{padding:.3rem 1rem;display:inline-block;width:100%}.cbi-section-table-descr>.cbi-section-table-cell,.cbi-section-table-titles>.cbi-section-table-cell{border:none}.cbi-rowstyle-1{background-color:#fff}.cbi-rowstyle-2{background-color:#fefefe}.cbi-section-table .cbi-section-table-titles .cbi-section-table-cell{width:auto !important}.cbi-section-descr{padding:1rem 1.5rem;font-size:.7rem;font-weight:600;line-height:1.5em;color:#525f7f}.cbi-map-descr{margin:0 1.5rem 1rem 1.5rem;color:#32325d;font-size:small;line-height:1.5em}.cbi-value input[type="password"],.cbi-value input[type="text"]{min-width:20rem}input[type="checkbox"]{height:auto}.cbi-value-field .ifacebadge{display:inline-flex;border-bottom:0 solid #CCCCCC;padding:.5rem 1rem;box-shadow:none}td>.ifacebadge{background-color:#F0F0F0;font-size:.9rem}.ifacebadge>img{float:right;margin:0 .3rem}.cbi-input-textarea{width:100%;border:0;outline:none;min-height:14rem;padding:.8rem;font-size:.8rem;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:black}#syslog{width:100%;min-height:15rem;padding:1rem;line-height:1.4em;font-size:small;color:#1e1e1e;border-radius:0;background-color:#fff;border:none;outline:none}.ifacebadge{display:inline-flex;border-bottom:0 solid #CCCCCC;padding:.5rem 1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);background:#fff}td>.ifacebadge,.td>.ifacebadge{background-color:#e9ecef;font-size:.9rem;border-radius:.2rem}.ifacebadge>em,.ifacebadge>img{display:inline-block;margin:0 .3rem;align-self:flex-start}.ifacebadge span{line-height:1.6em}.network-status-table{display:flex;flex-wrap:wrap}.network-status-table .ifacebox{margin:1rem;flex-grow:1}.network-status-table .ifacebox-body{display:flex;flex-direction:column;height:100%}.network-status-table .ifacebox-body>span{flex:10 10 auto;height:100%;line-height:1.7em;padding-left:2rem;padding-top:.5rem;padding-bottom:.5rem}.network-status-table .ifacebox-body>div{display:flex;flex-wrap:wrap}.network-status-table .ifacebox-body .ifacebadge{flex:1 1 auto;margin:0;padding:.5em;min-width:220px;background-color:#fff;align-items:center}.ifacebox{border:1px solid #ccc;border-radius:.375rem;background-color:#f9f9f9;display:inline-flex;flex-direction:column;line-height:1.2em;min-width:100px;overflow:hidden}.ifacebox-head{padding:1rem;background:#eee}.ifacebox-head.active{background:#5e72e4;background:var(--primary);color:#fff}.ifacebox-body{padding:.5em}.cbi-image-button{margin-left:.5rem}#iwsvg,#iwsvg2,#bwsvg{border:none !important;border-radius:.375rem;box-shadow:0 0 2rem 0 rgba(136,152,170,0.15);overflow:hidden}.cbi-image-button{margin-left:.5rem}.zonebadge{padding:.2rem .5rem;display:inline-block;cursor:pointer}.zonebadge>.ifacebadge{padding:.2rem 1rem;margin:.3rem;border:1px solid #6C6C6C}.zonebadge>input[type="text"]{padding:.16rem 1rem;min-width:10rem;margin-top:.3rem}.cbi-value-field .cbi-input-checkbox,.cbi-value-field .cbi-input-radio{margin:.9rem .25rem 0 .25rem;height:1rem;line-height:1.6}.cbi-input-checkbox{margin:.9rem .25rem 0 .25rem}.cbi-value-field .cbi-input-radio{margin:0 .25rem}.cbi-value-field>input+.cbi-value-description{padding:0}.cbi-value-field>ul>li{display:flex;align-items:center;font-size:.875rem}.cbi-value-field>ul>li .ifacebadge{font-size:.875rem;background-color:#eee;display:flex;align-items:center;margin-left:0rem;margin-top:0rem}.cbi-section-table-row>.cbi-value-field .cbi-input-select{min-width:7rem}.cbi-section-create>.cbi-button-add{margin:.5rem .5rem .5rem .5rem}.cbi-section-remove{padding:.5rem}div.cbi-value var,td.cbi-value-field var{font-style:italic;color:#0069D6}small{font-size:90%;white-space:normal;line-height:1.42857143}.cbi-optionals{padding:1rem 1rem 0 1rem;border-top:1px solid #CCC}input[name="ping"],input[name="traceroute"],input[name="nslookup"]{width:80%}.label{padding:.3rem .8rem;font-size:.8rem;font-weight:bold;color:#fff !important;text-transform:uppercase;white-space:nowrap;background-color:#32325d;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-shadow:none;text-decoration:none}.node-status-overview>.main fieldset:nth-child(4) td:nth-child(2){white-space:normal}.node-status-overview>.main #wan4_i,.node-status-overview>.main #wan6_i{width:80px !important}.node-status-processes>.main table tr td:nth-child(3){white-space:normal}.node-system-reboot>.main>.main-right p,.node-system-reboot>.main>.main-right h3{padding-left:2rem;color:#fff}.node-services-samba>.main .cbi-tabcontainer:nth-child(3) .cbi-value-title{margin-bottom:1rem;width:auto}.node-services-samba>.main .cbi-tabcontainer:nth-child(3) .cbi-value-field{display:list-item}.node-services-samba>.main .cbi-tabcontainer:nth-child(3) .cbi-value-description{padding-top:1rem}.node-system-packages>.main table tr td:nth-child(1){width:auto !important}.node-system-packages>.main table tr td:nth-last-child(1){white-space:normal;font-size:small;color:#404040}.node-system-packages>.main .cbi-tabmenu>li>a,.tabs>li>a{padding:.5rem .8rem}.node-system-packages>.main .cbi-value>pre{background-color:#eee;padding:.5rem;overflow:auto}.node-system-packages>.main .cbi-page-actions{padding:1rem 0}.node-system-packages>.main .cbi-section-node:first-child .cbi-value-last{line-height:1.8em}.node-system-packages>.main .cbi-section-node:first-child .cbi-value-last div[style="margin:3px 0; width:300px; height:10px; border:1px solid #000000; background-color:#80C080"]{border:1px solid #999999 !important;width:100% !important;background-color:#fff !important;height:1.4rem !important;border-radius:.25rem;margin:.5rem 0;overflow:hidden}.node-system-packages>.main .cbi-section-node:first-child .cbi-value-last div[style="margin:3px 0; width:300px; height:10px; border:1px solid #000000; background-color:#80C080"] div{border-right:0 !important;background-color:#5e72e4 !important;background-color:var(--primary) !important}.node-system-leds .cbi-section em{display:block}.cbi-tabmenu+.cbi-section{margin-top:0}.cbi-section{background:#fff;border:0;border-radius:.375rem;box-shadow:0 0 2rem 0 rgba(136,152,170,0.15);overflow-x:auto;overflow-y:hidden}.cbi-section em{padding:.75rem 1.5rem;font-size:.7rem;font-weight:600;color:#525f7f;text-align:center}.cbi-section h4{padding:.75rem 1.5rem;font-size:.7rem;font-weight:600;color:#525f7f}#content_syslog{border-radius:.375rem;box-shadow:0 0 2rem 0 rgba(136,152,170,0.15);overflow:hidden}.node-system-packages .cbi-section-node .cbi-value{padding:.5rem 1rem;font-size:.875rem}.node-system-packages br{display:none}.node-network-firewall>.main .cbi-section-table-row>.cbi-value-field .cbi-input-select{min-width:4rem}.node-network-firewall .cbi-section-table{width:100% !important}.node-status-iptables fieldset,.node-system-packages fieldset,.node-system-flashops fieldset{margin-top:0}.node-status-iptables .cbi-tabmenu,.node-system-packages .cbi-tabmenu,.node-system-flashops .cbi-tabmenu{border:none}.node-system-flashops form.inline+form.inline{margin-left:0}.Changes .cbi-section{font-size:.875rem;padding:1rem}.node-network-diagnostics{font-size:.875rem}.node-network-diagnostics #diag-rc-output{display:block;padding:1rem}.node-network-diagnostics #diag-rc-output pre{font-size:.875rem}.node-network-diagnostics .cbi-section div{padding:0 1.5rem}.node-network-diagnostics input{margin:.25rem !important}#detail-bubble.in{z-index:500}.node-nlbw-display .cbi-section ul{padding:.875rem 1.5rem}.node-nlbw-backup form{margin-left:1.5rem}.node-nas-usb_printer em{display:block}@media screen and (max-width:1600px){.main .main-left{width:calc(0% + 13rem)}.main .main-right{width:calc(100% - 13rem)}.cbi-button{font-size:.8rem}header>.container>.pull-right>*{top:.35rem}.label{padding:.2rem .6rem}.cbi-value-title{width:15rem;padding-right:.6rem}fieldset{padding:0}.cbi-input-textarea{font-size:small}.node-status-iptables>.main fieldset li>a{padding:.3rem .6rem}select{min-width:15rem}}@media screen and (max-width:1280px){header>.container{margin-top:.25rem}.main .main-left{width:calc(0% + 13rem)}.main .main-right{width:calc(100% - 13rem)}.cbi-tabmenu>li>a,.tabs>li>a{padding:.2rem .5rem}.panel-title{font-size:1.1rem;padding-bottom:1rem}table{font-size:.7rem !important;width:100% !important}.main>.main-left>.nav>li,.main>.main-left>.nav>li a,.main>.main-left>.nav>.slide>.menu{font-size:.9rem}.main>.main-left>.nav>.slide>.slide-menu>li>a{font-size:.7rem}}@media screen and (min-width:600px){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background:#9e9e9e}::-webkit-scrollbar-thumb:hover{background:#757575}::-webkit-scrollbar-thumb:active{background:#424242}}@media screen and (max-width:992px){.main .main-left{width:0;position:fixed;z-index:100}.main .main-right{width:100%}.showSide{padding:.1rem;position:relative;display:inline-block}.showSide:hover{text-decoration:none}.showSide:before{content:"\e20e";font-size:1.7rem}header>.fill>.container>.brand{display:inline-block}.cbi-value-title{width:9rem;padding-right:1rem}.node-network-diagnostics>.main .cbi-map fieldset>div *{width:100% !important}.node-network-diagnostics>.main .cbi-map fieldset>div input[type="text"]{margin:3rem 0 0 0 !important}.node-network-diagnostics>.main .cbi-map fieldset>div:nth-child(4) input[type="text"]{margin:0 !important}.node-network-diagnostics>.main .cbi-map fieldset>div select,.node-network-diagnostics>.main .cbi-map fieldset>div input[type="button"]{margin:1rem 0 0 0 !important}.node-network-diagnostics>.main .cbi-map fieldset>div{width:100% !important}#diag-rc-output>pre{font-size:1rem}}@media screen and (max-width:480px){body{font-size:.8rem}.pull-right{float:right;margin-top:0rem !important}.login-page .video video{width:auto !important;height:100% !important}.login-page .login-container{margin-left:0rem !important;width:100%}.login-page .login-container .login-form .form-login .input-group::before{color:#525461}.login-page .login-container .login-form .form-login .input-group input{color:#525461;border-bottom:white 1px solid;border-bottom:var(--white) 1px solid;border-radius:0}fieldset{padding:0;margin:1rem 0 0 0}.tabs{margin:.5rem 0}.toggle{margin:0}h2{font-size:1.125rem}.panel-title{font-size:1rem;padding-bottom:1rem}#maincontent>.container{margin:0 1rem 1.5rem 1rem}.main>.main-left>.nav>.slide>.menu{font-size:1rem}.main>.main-left>.nav>.slide>.slide-menu>li>a{font-size:.9rem}.main>.main-left>.nav>.slide>.menu:after{top:.9rem}#ethinfo td{padding:.75rem .2rem !important}.cbi-value-title{width:100%;min-width:0rem !important;display:block;margin-top:.5rem;margin-bottom:.5rem;text-align:left;padding:0 .25rem}.cbi-value input[type="password"],.cbi-value input[type="text"]{min-width:15rem}select{width:15rem;min-width:auto}.cbi-value>.cbi-value-field{display:inline-block}.cbi-value-field .cbi-input-checkbox,.cbi-value-field .cbi-input-radio{margin:0 .25rem 0 .25rem;height:1rem;line-height:1.6}.cbi-page-actions>div>input{display:none}.tabs::-webkit-scrollbar,.cbi-tabmenu::-webkit-scrollbar{width:0px;height:0px}.tabs>li>a{font-size:.9rem}select,input{font-size:.9rem}.mobile-hide{display:none}.node-status-realtime table>tbody>tr>td,.node-status-realtime table>tfoot>tr>td,.node-status-realtime table>thead>tr>td{font-size:.8125rem;color:#525f7f;line-height:1.4em;vertical-align:middle !important;padding:.8rem 0;border-top:1px solid #ddd;width:auto;text-align:center}.node-system-packages>.main .cbi-value.cbi-value-last>div{width:100% !important}.node-system-packages .cbi-section-node .cbi-value{padding:.3rem 1rem}.node-system-packages>.main .cbi-value .cbi-value-field input{width:100%}.node-system-leds .cbi-section em{display:block}.node-status-iptables>.main div>.cbi-map>form{position:static !important;margin:0 0 2rem 0;padding:2rem;border:0;font-weight:normal;font-style:normal;line-height:1;font-family:inherit;min-width:inherit;overflow-x:auto;overflow-y:hidden;border-radius:.375rem;background-color:#FFF;box-shadow:0 0 2rem 0 rgba(136,152,170,0.15);-webkit-overflow-scrolling:touch}.node-status-iptables>.main div>.cbi-map>form input[type="submit"]{width:100% !important;margin:0}.node-status-iptables>.main div>.cbi-map>form input[type="submit"]+input[type="submit"]{margin-top:1rem}.cbi-value input[type="text"]:has(+ img){width:10rem !important}.node-services-vssr .status-info{font-size:.75rem}.node-services-vssr .icon-con{margin-top:.4rem}.node-services-vssr .icon-con img{width:2.3rem !important;height:auto}} \ No newline at end of file +/** + * Argon is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argon Template + * + * luci-theme-argon + * Copyright 2020 Jerryk + * + * Have a bug? Please create an issue here on GitHub! + * https://github.com/jerrykuku/luci-theme-argon/issues + * + * luci-theme-bootstrap: + * Copyright 2008 Steven Barth + * Copyright 2008 Jo-Philipp Wich + * Copyright 2012 David Menting + * + * MUI: + * https://github.com/muicss/mui + * + * luci-theme-material: + * https://github.com/LuttyYang/luci-theme-material/ + * + * Agron Theme + * https://demos.creative-tim.com/argon-dashboard/index.html + * + * Login background + * https://unsplash.com/ + * + * Licensed to the public under the Apache License 2.0 + */ +/* + * Font generate by Icomoon + */ +/* + * Common Styles + */ +@import url("fonts.css?v=3"); +@import url("pure-min.css?v=1"); +:root { + /** general **/ + --primary: #5e72e4; + --dark-primary: #483d8b; + --background-color: #f4f5f7; + --font-color: #525f7f; + /** login form **/ + --login-form-background-color: #ffffff; + --darker: black; + --default: #525461; + --warning: #fb6340; + --footer-color: #aaa; + --menubar-background: #fff; + --menubar-scrollbar-thumb: #f6f9fc; + --menubar-text-color: #4c4c4c; + --blue: #5e72e4; + --indigo: #5603ad; + --purple: #8965e0; + --pink: #f3a4b5; + --red: #f5365c; + --orange: #fb6340; + --yellow: #ffd600; + --green: #2dce89; + --teal: #11cdef; + --cyan: #2bffc6; + --white: #fff; + --gray: #8898aa; + --gray-dark: #32325d; + --light: #ced4da; + --lighter: #e9ecef; + --secondary: #f7fafc; + --success: #2dce89; + --info: #11cdef; + --danger: #f5365c; + --light: #adb5bd; + --dark: #212529; + --neutral: #fff; + --login-form-bg-color: rgba(244, 245, 247, 0.8); + --blur-radius: 10px; + --blur-opacity: 0.5; + --blur-radius-dark: 10px; + --blur-opacity-dark: 0.5; + --font-family-sans-serif: "Google Sans", "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif", "Helvetica Neue", "Helvetica", "Hiragino Sans GB"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; + --font-family-normal: Open Sans, PingFangSC-Regular, Microsoft Yahei, WenQuanYi Micro Hei, "Helvetica Neue", Helvetica, Hiragino Sans GB, sans-serif; +} +[data-theme="dark"] { + --primary: #483d8b; + --dark-primary: #483d8b; + --background-color: #1e1e1e; + --font-color: #cccccc; + --darker: black; + --default: #525461; + --warning: #fb6340; + --footer-color: #aaa; + --menubar-background: #fff; + --menubar-scrollbar-thumb: #f6f9fc; + --menubar-text-color: #4c4c4c; + --blue: #5e72e4; + --indigo: #5603ad; + --purple: #8965e0; + --pink: #f3a4b5; + --red: #f5365c; + --orange: #fb6340; + --yellow: #ffd600; + --green: #2dce89; + --teal: #11cdef; + --cyan: #2bffc6; + --white: #fff; + --gray: #8898aa; + --gray-dark: #32325d; + --light: #ced4da; + --lighter: #e9ecef; + --secondary: #f7fafc; + --success: #2dce89; + --info: #11cdef; + --danger: #f5365c; + --light: #adb5bd; + --dark: #212529; + --neutral: #fff; + --login-form-bg-color: rgba(244, 245, 247, 0.8); + --blur-radius: 10px; + --blur-opacity: 0.5; + --blur-radius-dark: 10px; + --blur-opacity-dark: 0.5; + --font-family-sans-serif: "Google Sans", "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif", "Helvetica Neue", "Helvetica", "Hiragino Sans GB"; + --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; + --font-family-normal: Open Sans, PingFangSC-Regular, Microsoft Yahei, WenQuanYi Micro Hei, "Helvetica Neue", Helvetica, Hiragino Sans GB, sans-serif; +} +html, +body { + margin: 0px; + padding: 0px; + height: 100%; + font-size: 16px; + font-family: "Google Sans", "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif", "Helvetica Neue", "Helvetica", "Hiragino Sans GB"; + font-family: var(--font-family-sans-serif); +} +html { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +body { + font-size: 0.875rem; + background-color: #f4f5f7; + background-color: var(--background-color); + color: #525f7f; + color: var(--font-color); +} +* { + margin: 0; + padding: 0; + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; +} +::selection { + background-color: #5e72e4; + background-color: var(--primary); + color: #ffffff; + color: var(--white); +} +a:link, +a:visited, +a:active { + color: #5e72e4; + color: var(--primary); + text-decoration: none; +} +a:hover { + text-decoration: underline; +} +li { + list-style-type: none; +} +@-webkit-keyframes sparkle { + from { + background-position: 0 0; + } + to { + background-position: 0 -64px; + } +} +@-moz-keyframes sparkle { + from { + background-position: 0 0; + } + to { + background-position: 0 -64px; + } +} +@-o-keyframes sparkle { + from { + background-position: 0 0; + } + to { + background-position: 0 -64px; + } +} +@keyframes sparkle { + from { + background-position: 0 0; + } + to { + background-position: 0 -64px; + } +} +/*********************** +* +* Login Page +* +***************************/ +.login-page { + height: 100%; +} +.login-page .video { + position: absolute; + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + background-color: #000; + background-color: var(--darker); + overflow: hidden; +} +.login-page .video video { + width: 100%; + height: auto; +} +.login-page .volume-control { + position: fixed; + right: 1rem; + top: 1rem; + width: 1.5rem; + height: 1.5rem; + z-index: 5000; + cursor: pointer; + background-size: contain; + background-image: url(../img/volume_high.svg); +} +.login-page .volume-control.mute { + background-image: url(../img/volume_off.svg); +} +.login-page .main-bg { + position: fixed; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-image: url(../img/blank.png); + background-repeat: no-repeat; + background-position: center; + background-size: cover; + transition: all 0.5s; +} +.login-page .login-container { + height: 100%; + margin-left: 4.5rem; + position: absolute; + top: 0px; + display: flex; + flex-direction: column; + -webkit-box-pack: center; + justify-content: center; + align-items: flex-start; + min-height: 100%; + z-index: 2; + width: 420px; + box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 35px -5px; + margin-left: 5%; + background: transparent; +} +.login-page .login-container .login-form { + display: flex; + flex-direction: column; + -webkit-box-align: center; + align-items: center; + position: absolute; + top: 0px; + width: 100%; + min-height: 100%; + max-width: 420px; + background-color: #fff; + background-color: var(--white); +} +.login-page .login-container .login-form .brand { + display: flex; + -webkit-box-align: center; + align-items: center; + margin: 50px auto 100px 50px; + color: #525461; + color: var(--default); +} +.login-page .login-container .login-form .brand .icon { + width: 50px; + height: auto; + margin-right: 25px; +} +.login-page .login-container .login-form .brand .brand-text { + font-size: 1.25rem; + font-weight: 700; + font-family: "TypoGraphica"; +} +.login-page .login-container .login-form .brand:hover { + text-decoration: none; +} +.login-page .login-container .login-form .form-login { + width: 100%; + padding: 20px 50px; + box-sizing: border-box; +} +.login-page .login-container .login-form .form-login .errorbox { + text-align: center; + color: #fb6340; + color: var(--warning); +} +.login-page .login-container .login-form .form-login .input-group { + margin-bottom: 1.25rem; + position: relative; +} +.login-page .login-container .login-form .form-login .input-group::before { + font-family: 'argon' !important; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + color: #525461; + color: var(--default); + font-size: 1.5rem; + position: absolute; + z-index: 100; + left: 10px; + top: 10px; +} +.login-page .login-container .login-form .form-login .input-group .border { + position: absolute; + width: 100%; + height: 1px; + bottom: 0; + border-bottom: 1px #5e72e4 solid; + border-bottom: 1px var(--primary) solid; + transform: scaleX(0); + transition: transform 0.3s; +} +.login-page .login-container .login-form .form-login .input-group input { + font-size: 1rem; + line-height: 1.5em; + display: block; + width: 100%; + padding: 0.5rem 0.75rem 0.5rem 3rem; + margin: 0.825rem 0; + box-sizing: border-box; + transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); + color: #525461; + color: var(--default); + border: 0; + border-radius: 0; + border-bottom: 1px solid #fff; + border-bottom: 1px solid var(--white); + background-color: transparent; + background-clip: padding-box; + box-shadow: 0 3px 2px rgba(233, 236, 239, 0.05); + outline: none; +} +.login-page .login-container .login-form .form-login .input-group input:focus + .border { + transform: scaleX(1); +} +.login-page .login-container .login-form .form-login .input-group .cbi-input-password { + margin-bottom: 2rem; + position: relative; +} +.login-page .login-container .login-form .form-login .user-icon::before { + content: "\e971"; +} +.login-page .login-container .login-form .form-login .pass-icon::before { + content: "\e910"; +} +.login-page .login-container .login-form .cbi-button-apply { + width: 100% !important; + box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 50px 0px; + font-weight: 600; + font-size: 15px; + color: #fff; + color: var(--white); + text-align: center; + width: 100%; + cursor: pointer; + min-height: 50px; + background-color: #5e72e4 !important; + background-color: var(--primary) !important; + border-radius: 6px; + outline: none; + border-width: initial; + border-style: none; + border-color: initial; + border-image: initial; + padding: 10px 0px; + margin: 30px 0px 100px; + transition: all 0.3s !important; + letter-spacing: 0.8rem; +} +.login-page .login-container .login-form .cbi-button-apply:hover, +.login-page .login-container .login-form .cbi-button-apply :focus { + opacity: 0.9; +} +.login-page .login-container footer { + box-sizing: border-box; + width: 100%; + text-align: center; + line-height: 1.6rem; + display: flex; + justify-content: space-evenly; + margin-top: auto; + padding: 0px 0px 30px; + z-index: 10; + color: #525461; + color: var(--default); + position: absolute; + bottom: 0; +} +.login-page .login-container footer .ftc { + position: absolute; + bottom: 30px; + width: 100%; +} +.login-page .login-container footer .luci-link { + display: block; +} +.pull-right { + float: right; +} +.pull-left { + float: left; +} +@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { + .login-page .login-container .login-form { + -webkit-backdrop-filter: blur(var(--blur-radius)); + backdrop-filter: blur(var(--blur-radius)); + background-color: rgba(244, 245, 247, var(--blur-opacity)); + } +} +/*********************** +* +* Header +* +***************************/ +header { + width: 100%; + padding: 0 0 0 0; + position: relative; +} +header .container { + margin-top: rem; + padding: 0.5rem 1rem 0 1rem; +} +header .container .pull-right > * { + position: relative; + top: 0.45rem; + cursor: pointer; +} +header::after { + content: ""; + position: absolute; + height: 2rem; + width: 100%; + background-color: #5e72e4 !important; + background-color: var(--primary) !important; +} +header.bg-primary { + background-color: #5e72e4 !important; + background-color: var(--primary) !important; +} +header .fill { + padding: 0.8rem 0; + border-bottom: 0px solid rgba(255, 255, 255, 0.08) !important; +} +header .fill .container { + height: 2rem; + padding: 0 1.25rem; +} +header .fill .container .brand { + font-size: 1.5rem; + color: #fff; + color: var(--white); + font-family: "TypoGraphica"; + text-decoration: none; + padding-left: 1rem; + cursor: default; + vertical-align: text-bottom; + display: none; +} +/*********************** +* +* Footer +* +***************************/ +footer { + text-align: right; + padding: 1rem; + color: #aaa; + color: var(--footer-color); + font-size: 0.8rem; +} +footer a { + color: #aaa; + color: var(--footer-color); + text-decoration: none; +} +/*********************** +* +* Main +* +***************************/ +@keyframes anim-rotate { + 0% { + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} +.main { + top: 0rem; + bottom: 0rem; + position: relative; + height: 100%; + width: 100%; + height: calc(100% - 4rem); +} +.main .main-left { + float: left; + width: 15%; + width: calc(0% + 15rem); + height: 100%; + background-color: #fff !important; + background-color: var(--menubar-background) !important; + box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 15px -5px; + overflow-x: auto; + position: fixed; + z-index: 100; + transition: width 0.2s ease-in-out; +} +.main .main-left::-webkit-scrollbar { + width: 5px; + height: 1px; +} +.main .main-left::-webkit-scrollbar-thumb { + background-color: #f6f9fc; + background-color: var(--menubar-scrollbar-thumb); +} +.main .main-left::-webkit-scrollbar-track { + background-color: #fff; + background-color: var(--menubar-background); +} +.main .main-left .sidenav-header { + padding: 1.5rem; + text-align: center; +} +.main .main-left .sidenav-header .brand { + font-size: 1.8rem; + color: #5e72e4; + color: var(--primary); + font-family: "TypoGraphica", sans-serif; + text-decoration: none; + padding-left: 0; + cursor: default; + vertical-align: text-bottom; + white-space: nowrap; +} +.main .main-left .nav { + margin-top: 0.5rem; +} +.main .main-left .nav li { + padding: 0rem; + cursor: pointer; +} +.main .main-left .nav li a { + color: #525f7f; + color: var(--default); + display: block; +} +.main .main-left .nav li:nth-last-child(1) { + font-size: 1.2rem; +} +.main .main-left .nav li:nth-last-child(1) .menu:after { + content: ""; +} +.main .main-left .nav li.slide { + padding: 0; +} +.main .main-left .nav li.slide ul { + display: none; +} +.main .main-left .nav li.slide ul li a { + position: relative; + margin: 0.1rem 1rem 0.1rem 3rem; + padding: 0.5rem 0rem 0.5rem 0; + text-decoration: none; + white-space: nowrap; + color: #4c4c4c; + color: var(--menubar-text-color); + transition: all 0.2s; + font-size: 0.875rem; +} +.main .main-left .nav li.slide ul li a::after { + content: ""; + position: absolute; + width: 00%; + height: 2px; + left: 0; + bottom: 0; + background-color: #5e72e4; + background-color: var(--primary); + transition: all 0.2s; +} +.main .main-left .nav li.slide ul li a:hover::after { + color: #000; + color: var(--darker); + width: 100%; +} +.main .main-left .nav li.slide .menu { + display: block; + margin: 0.1rem 0.5rem 0.1rem 0.5rem; + padding: 0.675rem 0 0.675rem 2.5rem; + border-radius: 0.375rem; + text-decoration: none; + cursor: default; + font-size: 1rem; + transition: all 0.2s; + position: relative; +} +.main .main-left .nav li.slide .menu::before { + font-family: 'argon' !important; + 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; + position: absolute; + left: 0.8rem; + content: "\e915"; + color: #5e72e4; + color: var(--primary); +} +.main .main-left .nav li.slide .menu::after { + position: absolute; + right: 0.5rem; + top: 0.8rem; + font-family: 'argon' !important; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + /* Better Font Rendering =========== */ + -moz-osx-font-smoothing: grayscale; + content: '\e90f'; + transition: all 0.15s ease; + color: #ced4da; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + transition: all 0.3s; +} +.main .main-left .nav li.slide .menu:hover, +.main .main-left .nav li.slide .menu.active { + cursor: pointer; + color: #fff; + background: #5e72e4; + background: var(--primary); +} +.main .main-left .nav li.slide .menu:hover a, +.main .main-left .nav li.slide .menu.active a { + color: #000; +} +.main .main-left .nav li.slide .menu:hover a::after, +.main .main-left .nav li.slide .menu.active a::after { + color: #000; + width: 100%; +} +.main .main-left .nav li.slide .menu:hover::before, +.main .main-left .nav li.slide .menu.active::before { + color: #fff !important; +} +.main .main-left .nav li.slide .menu:hover::after, +.main .main-left .nav li.slide .menu.active::after { + color: #fff; +} +.main .main-left .nav li.slide .menu.active::after { + transform: rotate(90deg); +} +.main .main-left .nav li.slide .menu[data-title=Status]:before { + content: "\e906"; + color: #5e72e4; + color: var(--primary); +} +.main .main-left .nav li.slide .menu[data-title=System]:before { + content: "\e90a"; + color: #fb6340; +} +.main .main-left .nav li.slide .menu[data-title=Services]:before { + content: "\e909"; + color: #11cdef; +} +.main .main-left .nav li.slide .menu[data-title=NAS]:before { + content: "\e90c"; + color: #f3a4b5; +} +.main .main-left .nav li.slide .menu[data-title=VPN]:before { + content: "\e90b"; + color: #aaad03; +} +.main .main-left .nav li.slide .menu[data-title=Network]:before { + content: "\e908"; + color: #8965e0; +} +.main .main-left .nav li.slide .menu[data-title=Bandwidth_Monitor]:before { + content: "\e90d"; + color: #2dce89; +} +.main .main-left .nav li.slide .menu[data-title=Docker]:before { + content: "\e911"; + color: #6699ff; +} +.main .main-left .nav li.slide .menu[data-title=Statistics]:before { + content: "\e913"; + color: #5603ad; +} +.main .main-left .nav li.slide .menu[data-title=Control]:before { + content: "\e912"; + color: #5e72e4; + color: var(--primary); +} +.main .main-left .nav li.slide .menu[data-title=Asterisk]:before { + content: "\e914"; + color: #fb6340; +} +.main .main-left .nav li.slide .menu[data-title=Logout]:before { + content: "\e907"; + color: #adb5bd; +} +.main .main-left .nav li.slide .slide-menu li a { + position: relative; + margin: 0.1rem 1rem 0.1rem 3rem; + padding: 0.5rem 0rem 0.5rem 0; + text-decoration: none; + white-space: nowrap; + color: rgba(0, 0, 0, 0.6); + transition: all 0.2s; + font-size: 0.875rem; +} +.main .main-left .nav li.slide .slide-menu li a::after { + content: ""; + position: absolute; + width: 00%; + height: 2px; + left: 0; + bottom: 0; + background-color: #5e72e4; + background-color: var(--primary); + transition: all 0.2s; +} +.main .main-left .nav li.slide .slide-menu li a:hover::after { + color: #000; + width: 100%; +} +.main .main-left .nav li.slide .slide-menu .active a { + color: #000; +} +.main .main-left .nav li.slide .slide-menu .active a::after { + color: #000; + width: 100%; +} +.main .main-left .nav li.slide:last-child > .menu::after { + content: ""; +} +.main .main-right { + width: 85%; + width: calc(100% - 15rem); + float: right; + height: auto; + transition: width 0.3s ease-in-out; +} +.main .main-right #maincontent { + position: relative; + z-index: 50; +} +.main .main-right #maincontent .container { + margin: 0 1.25rem 1rem 1.25rem; +} +.main .main-right #maincontent .container p { + color: #32325d; + line-height: 1.5em; +} +.main .main-right #maincontent .container > div:nth-child(1).alert-message.warning > a { + font: inherit; + overflow: visible; + text-transform: none; + display: inline-block; + margin-bottom: 0; + font-weight: 400; + text-align: center; + white-space: nowrap; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-image: none; + min-width: 6rem; + padding: 0.5rem 1rem; + font-size: 0.9rem; + line-height: 1.42857143; + color: #fff; + background-color: #5bc0de; + border-color: #46b8da; + margin-top: 2rem; + text-decoration: inherit; +} +.main .loading { + position: fixed; + width: 100%; + height: 100%; + z-index: 2000; + display: flex; + align-items: center; + justify-content: center; + background-color: #f8f9fe; + top: 0; +} +.main .loading span { + display: block; + text-align: center; + margin-top: 2rem; + color: #5e72e4; + color: var(--primary); + font-size: 2rem; +} +.main .loading span .loading-img { + animation: anim-rotate 2s infinite linear; + margin-right: 0.4rem; + display: inline-block; +} +.main .loading span .loading-img::before { + content: "\e603"; +} +/* button style */ +.cbi-button { + -webkit-appearance: none; + text-transform: uppercase; + height: auto; + color: rgba(0, 0, 0, 0.87); + background-color: #F0F0F0; + transition: all 0.2s ease-in-out; + display: inline-block; + padding: 0.75rem 0.8rem; + border: none; + border-radius: 0.2rem; + cursor: pointer; + -ms-touch-action: manipulation; + touch-action: manipulation; + background-image: none; + text-align: center; + vertical-align: middle; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + font-size: 0.875rem; + width: auto !important; + line-height: 1em; +} +.cbi-button:hover, +.cbi-button:focus, +.cbi-button:active { + outline: 0; + text-decoration: none; +} +.cbi-button:hover, +.cbi-button:focus { + box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2); +} +.cbi-button:active { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.cbi-button:disabled { + cursor: not-allowed; + pointer-events: none; + opacity: 0.6; + box-shadow: none; +} +.cbi-button-check { + margin-top: 0.25rem !important; +} +form.inline + form.inline, +.cbi-button + .cbi-button { + margin-left: 0rem; +} +.cbi-button-reset, +.cbi-input-remove { + color: #fff !important; + background-color: #f0ad4e !important; + border-color: #eea236 !important; +} +.cbi-input-find, +.cbi-input-save, +.cbi-button-add, +.cbi-button-save, +.cbi-button-find, +.cbi-input-reload, +.cbi-button-reload { + color: #fff !important; + background-color: #337ab7 !important; + border-color: #2e6da4 !important; +} +.cbi-value-field .cbi-input-apply, +.cbi-button-apply, +.cbi-button-edit { + color: #fff !important; + background-color: #5e72e4 !important; + background-color: var(--primary) !important; + border-color: #5e72e4 !important; + border-color: var(--primary) !important; +} +.cbi-button-add { + margin-left: 1.5rem; +} +.node-services-vssr .ssr-button { + margin-left: 0.3rem; +} +.cbi-section-remove > .cbi-button, +.cbi-button-remove { + color: #fff !important; + background-color: #fb6340 !important; + border-color: #fb6340 !important; +} +.cbi-value-field .cbi-button-add, +.cbi-value-field .cbi-button-remove, +.cbi-value-field .cbi-button-neutral { + min-width: 2.5rem !important; +} +/* input */ +.cbi-value input[type="password"], +.cbi-value input[type="text"] { + min-width: 15rem; +} +/* select */ +.cbi-value-field .cbi-dropdown { + min-width: 15rem; +} +select { + min-width: 20rem; + appearance: none; + -webkit-appearance: none; + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTY1MzQ4MDM3OTIyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI1ODMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4qIHsgdGV4dC1zaGFkb3c6IHRyYW5zcGFyZW50IDBweCAwcHggMHB4LCByZ2JhKDAsIDAsIDAsIDAuNSkgMHB4IDBweCAwcHggIWltcG9ydGFudDsgfQo8L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNMjAuNDggMjQ1Ljc2aDk4My4wNEw1MTIgNzc4LjI0eiIgcC1pZD0iMjU4NCIgZmlsbD0iIzcwNzA3MCI+PC9wYXRoPjwvc3ZnPg==') !important; + background-position: 96%; + background-size: 8px; + background-repeat: no-repeat; +} +.th[data-type="button"], +.td[data-type="button"], +.th[data-type="fvalue"], +.td[data-type="fvalue"] { + flex: 1 1 2em; + text-align: center; +} +/*textarea*/ +.cbi-input-textarea { + width: 100%; + min-height: 14rem; + padding: 0.8rem; + font-size: 0.8rem; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + color: black; +} +/* change */ +.uci-change-list { + font-family: monospace; +} +.uci-change-list ins, +.uci-change-legend-label ins { + text-decoration: none; + border: 1px solid #00FF00; + background-color: #CCFFCC; + display: block; + padding: 2px; +} +.uci-change-list del, +.uci-change-legend-label del { + text-decoration: none; + border: 1px solid #FF0000; + background-color: #FFCCCC; + display: block; + font-style: normal; + padding: 2px; +} +.uci-change-list var, +.uci-change-legend-label var { + text-decoration: none; + border: 1px solid #CCCCCC; + background-color: #EEEEEE; + display: block; + font-style: normal; + padding: 2px; +} +.uci-change-list var ins, +.uci-change-list var del { + border: none; + white-space: pre; + font-style: normal; + padding: 0px; +} +.uci-change-list ins strong { + display: inline; +} +.uci-change-legend { + padding: 5px; +} +.uci-change-legend-label { + display: flex; + align-items: center; + width: auto; + float: left; + margin-right: 2rem; +} +.uci-change-legend-label > ins, +.uci-change-legend-label > del, +.uci-change-legend-label > var { + float: left; + margin-right: 4px; + width: 10px; + height: 10px; + display: block; +} +.uci-change-legend-label var ins, +.uci-change-legend-label var del { + line-height: 0; + border: none; +} +.uci-change-list var, +.uci-change-list del, +.uci-change-list ins { + padding: 0.5rem; +} +/* other fix */ +input[type="checkbox"] { + appearance: none !important; + -webkit-appearance: none !important; + border: 1px solid #dee2e6; + width: 16px !important; + height: 16px !important; + padding: 0; + cursor: pointer; + transition: all 0.2s; + margin: 0.9rem 0.25rem 0 0.25rem; +} +input[type="checkbox"]:checked { + border: 1px solid #5e72e4; + border: 1px solid var(--primary); + background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e') !important; + background-color: #5e72e4; + background-color: var(--primary); + background-size: 70%; + background-repeat: no-repeat; + background-position: center; +} +ul li .cbi-input-checkbox { + margin: 0.5rem 0.25rem !important; +} +.cbi-input-radio { + appearance: none !important; + -webkit-appearance: none !important; + border: 1px solid #dee2e6; + width: 16px !important; + height: 16px !important; + padding: 0; + border-radius: 50%; + cursor: pointer; + transition: all 0.2s; + margin: 0.25rem 0; +} +.cbi-input-radio:checked { + border: 1px solid #5e72e4; + border: 1px solid var(--primary); + 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: #5e72e4; + background-color: var(--primary); + background-size: 70%; + background-repeat: no-repeat; + background-position: center; +} +.toggle { + position: relative; + display: block; + width: 40px; + height: 20px; + cursor: pointer; + -webkit-tap-highlight-color: transparent; + transform: translate3d(0, 0, 0); + margin: 1em 0; +} +.toggle:before { + content: ""; + position: relative; + top: 3px; + left: 3px; + width: 34px; + height: 14px; + display: block; + background: #9A9999; + border-radius: 8px; + transition: background 0.2s ease; +} +.toggle span { + position: absolute; + top: 0; + left: 0; + width: 20px; + height: 20px; + display: block; + background: white; + border-radius: 10px; + box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5); + transition: all 0.2s ease; +} +.toggle span:before { + content: ""; + position: absolute; + display: block; + margin: -18px; + width: 56px; + height: 56px; + background: rgba(79, 46, 220, 0.5); + border-radius: 50%; + transform: scale(0); + opacity: 1; + pointer-events: none; +} +.cbi-input-checkbox:checked + .toggle:before { + background: #947ADA; +} +.cbi-input-checkbox:checked + .toggle span { + background: #4F2EDC; + transform: translateX(20px); + transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease; + box-shadow: 0 3px 8px rgba(79, 46, 220, 0.2); +} +.cbi-input-checkbox:checked + .toggle span:before { + transform: scale(1); + opacity: 0; + transition: all 0.4s ease; +} +.cbi-value-field .cbi-input-checkbox, +.cbi-value-field .cbi-input-radio { + margin-top: 0.5rem; + height: 1rem; +} +.td .cbi-input-checkbox, +.td .cbi-input-radio { + margin-top: 0; +} +.cbi-value-field > input + .cbi-value-description { + padding: 0; +} +.cbi-value-field > ul > li { + display: flex; +} +.cbi-value-field > ul > li > label { + margin-top: 0rem; +} +.cbi-value-field > ul > li .ifacebadge { + background-color: #eee; + margin-left: 0.4rem; + margin-top: -0.5rem; +} +.cbi-section-table-row > .cbi-value-field .cbi-dropdown { + min-width: 7rem; +} +.cbi-section-create { + margin: 0; + padding-left: 1rem; + align-items: center; +} +.cbi-section-create > * { + margin: 0.25rem; +} +.cbi-section-remove { + padding: 0.5rem; +} +div.cbi-value var, +td.cbi-value-field var, +.td.cbi-value-field var { + font-style: italic; + color: #0069D6; +} +small { + font-size: 90%; + white-space: normal; + line-height: 1.42857143; +} +.cbi-button-up, +.cbi-button-down { + display: inline-block; + min-width: 0; + padding: 0.2rem 0.6rem; + font-size: 1.2rem; + color: #5e72e4 !important; + color: var(--primary) !important; +} +.cbi-optionals { + padding: 1rem 1rem 0 1rem; + border-top: 1px solid #CCC; +} +.cbi-dropdown-container { + position: relative; +} +.cbi-tooltip-container { + cursor: help; +} +.cbi-tooltip { + position: absolute; + z-index: 1000; + left: -1000px; + opacity: 0; + transition: opacity 0.25s ease-out; + pointer-events: none; + box-shadow: 0 0 2px #444; +} +.cbi-tooltip-container:hover .cbi-tooltip { + left: auto; + opacity: 1; + transition: opacity 0.25s ease-in; +} +.cbi-map-descr + fieldset { + margin-top: 1rem; +} +.cbi-section > legend { + display: none !important; +} +.cbi-section-error { + padding: 1.5rem; + color: #fb6340; + font-weight: 600; +} +fieldset > fieldset { + margin: 0; + padding: 0; + border: none; + box-shadow: none; +} +.zonebadge .cbi-tooltip { + padding: 0.25rem; + background: inherit; + margin: -1.5rem 0 0 -0.5rem; +} +.zonebadge-empty { + background: repeating-linear-gradient(45deg, rgba(204, 204, 204, 0.5), rgba(204, 204, 204, 0.5) 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px); + color: #404040; +} +.zone-forwards { + display: flex; + min-width: 10rem; +} +.zone-forwards > * { + flex: 1 1 45%; +} +.zone-forwards > span { + flex-basis: 10%; + text-align: center; + padding: 0 0.25rem; +} +.zone-forwards .zone-src, +.zone-forwards .zone-dest { + display: flex; + flex-direction: column; +} +#diag-rc-output > pre { + background-color: #fff; + display: block; + padding: 8.5px; + margin: 0 0 18px; + line-height: 1.5rem; + white-space: pre-wrap; + word-wrap: break-word; + font-size: 1.4rem; + color: #404040; +} +input[name="ping"], +input[name="traceroute"], +input[name="nslookup"] { + width: 80%; +} +/* fix progress bar */ +#swaptotal > div, +#swapfree > div, +#memfree > div, +#membuff > div, +#conns > div, +#memtotal > div { + width: 100% !important; + height: 1.6rem !important; + line-height: 1.6rem; + border-radius: 0.25rem; +} +#swaptotal > div > div, +#swapfree > div > div, +#memfree > div > div, +#membuff > div > div, +#conns > div > div, +#memtotal > div > div { + height: 100% !important; + background-color: #5e72e4 !important; + background-color: var(--primary) !important; + background-image: url(../img/trafficbar.png); + background-position: left top; + animation: sparkle 1500ms linear infinite; +} +/* fix multiple table */ +table table, +.table .table { + border: none; +} +.cbi-value-field table, +.cbi-value-field .table { + border: none; +} +td > table > tbody > tr > td, +.td > .table > .tbody > .tr > .td { + border: none; +} +.cbi-value-field > table > tbody > tr > td, +.cbi-value-field > .table > .tbody > .tr > .td { + border: none; +} +/* button style */ +.cbi-page-actions .cbi-button-apply, +.cbi-section-actions .cbi-button-edit, +.cbi-button-edit.important, +.cbi-button-apply.important, +.cbi-button-reload.important, +.cbi-button-action.important { + color: #fff; + background-color: #337ab7; +} +.cbi-page-actions .cbi-button-save, +.cbi-button-add.important, +.cbi-button-save.important, +.cbi-button-positive.important { + color: #fff; + background-color: #5bc0de; +} +.cbi-button-remove.important, +.cbi-button-reset.important, +.cbi-button-negative.important { + color: #fff; + background-color: #d9534f; +} +.cbi-button-find, +.cbi-button-link, +.cbi-button-neutral { + color: #fff !important; + border: 1px solid #f0ad4e !important; + background-color: #f0ad4e !important; +} +.cbi-button-edit, +.cbi-button-apply, +.cbi-button-reload, +.cbi-button-action { + color: #2e6da4; + border: 1px solid #2e6da4; + background-color: transparent; +} +.cbi-page-actions .cbi-button-apply + .cbi-button-save, +.cbi-button-add, +.cbi-button-save, +.cbi-button-positive { + color: #46b8da; + border: 1px solid #46b8da; + background-color: transparent; +} +.cbi-section-remove > .cbi-button, +.cbi-button-remove, +.cbi-button-reset, +.cbi-button-negative { + color: #fff !important; + border: 1px solid #d43f3a !important; + background-color: #fb6340 !important; +} +.cbi-page-actions .cbi-button-link:first-child { + float: left; +} +.a-to-btn { + text-decoration: none; +} +/* table */ +.cbi-section-table .cbi-section-table-titles .cbi-section-table-cell { + width: auto !important; + background-color: #e9ecef; + background-color: var(--lighter); +} +.td.cbi-section-actions { + text-align: right; + vertical-align: middle; +} +.td.cbi-section-actions > * { + display: flex; +} +.td.cbi-section-actions > * > *, +.td.cbi-section-actions > * > form > * { + flex: 1 1 4em; + margin: 0 1px; +} +.td.cbi-section-actions > * > form { + display: inline-flex; + margin: 0; +} +/* desc */ +/* luci */ +.hidden { + display: none; +} +.left, +.left::before { + text-align: left !important; +} +.right, +.right::before { + text-align: right !important; +} +.center, +.center::before { + text-align: center !important; +} +.top { + align-self: flex-start !important; + vertical-align: top !important; +} +.bottom { + align-self: flex-end !important; + vertical-align: bottom !important; +} +.inline { + display: inline; +} +.cbi-page-actions { + border-top: 0px solid #eee; + padding-top: 0rem; + text-align: right; +} +#xhr_poll_status { + cursor: pointer; + display: inline-block; +} +#xhr_poll_status > .label.success { + background-color: #fff !important; + color: #32325d !important; +} +.label { + padding: 0.3rem 0.8rem; + font-size: 0.8rem; + font-weight: bold; + color: #ffffff !important; + text-transform: uppercase; + white-space: nowrap; + background-color: #bfbfbf; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + text-shadow: none; + text-decoration: none; +} +.notice { + background-color: #5BC0DE; +} +.showSide { + display: none; + color: #fff; + font-size: 1.4rem; +} +.darkMask { + width: 100%; + height: 100%; + position: fixed; + background-color: rgba(0, 0, 0, 0.56); + z-index: 99; + left: 0; + top: 0; + display: none; +} +#cbi-firewall-redirect table *, +#cbi-network-switch_vlan table *, +#cbi-firewall-zone table * { + font-size: small; +} +#cbi-firewall-redirect table input[type="text"], +#cbi-network-switch_vlan table input[type="text"], +#cbi-firewall-zone table input[type="text"] { + width: 5rem; +} +#cbi-firewall-redirect table select, +#cbi-network-switch_vlan table select, +#cbi-firewall-zone table select { + min-width: 3.5rem; +} +#cbi-network-switch_vlan .th, +#cbi-network-switch_vlan .td { + flex-basis: 12%; +} +/* language fix */ +body.lang_pl.node-main-login .cbi-value-title { + width: 12rem; +} +/* applyreboot fix */ +#applyreboot-container { + margin: 2rem; +} +#applyreboot-section { + margin: 2rem; + line-height: 300%; +} +.table { + display: table; + position: relative; + color: #525f7f; + border-collapse: collapse; +} +.tr { + display: table-row; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} +.thead { + display: table-header-group; +} +.tbody { + display: table-row-group; +} +.tfoot { + display: table-footer-group; +} +.td, +.th { + vertical-align: middle; + text-align: center; + display: table-cell; + padding: 1rem; + white-space: nowrap; +} +.th { + font-weight: bold; +} +.tr.placeholder { + height: 4em; +} +.tr.placeholder > .td { + position: absolute; + left: 0; + right: 0; + bottom: 0; + text-align: center; + background: inherit; +} +.table[width="33%"], +.th[width="33%"], +.td[width="33%"] { + width: 33%; + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.table[width="100%"], +.th[width="100%"], +.td[width="100%"] { + width: 100%; +} +.table-titles .th { + padding: 0.75rem 1rem; + color: #8898aa; + background-color: #f6f9fc; +} +.col-1 { + flex: 1 1 30px !important; + -webkit-flex: 1 1 30px !important; +} +.col-2 { + flex: 2 2 60px !important; + -webkit-flex: 2 2 60px !important; +} +.col-3 { + flex: 3 3 90px !important; + -webkit-flex: 3 3 90px !important; +} +.col-4 { + flex: 4 4 120px !important; + -webkit-flex: 4 4 120px !important; +} +.col-5 { + flex: 5 5 150px !important; + -webkit-flex: 5 5 150px !important; +} +.col-6 { + flex: 6 6 180px !important; + -webkit-flex: 6 6 180px !important; +} +.col-7 { + flex: 7 7 210px !important; + -webkit-flex: 7 7 210px !important; +} +.col-8 { + flex: 8 8 240px !important; + -webkit-flex: 8 8 240px !important; +} +.col-9 { + flex: 9 9 270px !important; + -webkit-flex: 9 9 270px !important; +} +.col-10 { + flex: 10 10 300px !important; + -webkit-flex: 10 10 300px !important; + white-space: inherit; +} +.cbi-rowstyle-2 .cbi-button-up, +.cbi-rowstyle-2 .cbi-button-down { + background-color: #FFF !important; +} +.cbi-button-up, +.cbi-button-down, +.cbi-value-helpicon, +.showSide, +.main > .loading > span { + font-family: 'argon' !important; + font-style: normal !important; + font-weight: normal !important; + font-variant: normal !important; + text-transform: none !important; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.cbi-button-up { + transform: rotate(180deg); +} +select { + padding: 0.36rem 0.8rem; + color: #555; + background-color: #fff; + background-image: none; + border: 1px solid #ccc; +} +select, +input { + font-size: 0.875rem; + transition: all 0.15s ease-in-out; + line-height: 1.5; + padding: 0.625rem 0.75rem; + color: #8898aa; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + background-color: #fff; + background-clip: padding-box; + box-shadow: 0 3px 2px rgba(233, 236, 239, 0.05); + outline: none; + transition: box-shadow 0.15s ease; + margin: 0.25rem; +} +select:not([multiple="multiple"]):focus, +input:focus { + border-color: #5e72e4; + border-color: var(--primary); + outline: 0; + background-color: #fff; + box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, 0.1); +} +select[multiple="multiple"] { + height: auto; +} +code { + color: #0099CC; +} +abbr { + color: #005470; + text-decoration: underline; + cursor: help; +} +hr { + margin: 1rem 0; + border-color: #EEE; + opacity: 0.1; +} +.kpi { + font-size: 0.875rem; +} +fieldset[id^="cbi-apply-"] { + position: fixed; + z-index: 200; + width: 20rem; + margin-left: -10rem; + margin-top: -5rem; + height: 10rem; + left: 50%; + top: 50%; + padding: 1rem; + box-sizing: border-box; + font-size: 1.2rem; + text-align: center; + box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 15px -5px; + transition: all 0.3s; +} +[id^="cbi-apply-"] > .panel-title { + border-bottom: none; +} +[id^="cbi-apply-"] > [id^="cbi-apply-"] { + position: initial; + width: auto; + height: auto; + font-size: 0.875rem; + margin-left: 0rem; + margin-top: 0.8rem; + display: block; +} +.cbi-section > h3:first-child, +.panel-title { + font-size: 1.125rem; + width: 100%; + display: block; + margin: 0; + padding: 0.8755rem 1.5rem; + border-bottom: 1px solid #ddd; + letter-spacing: 0.1rem; + color: #32325d; + font-weight: normal; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +table { + border-spacing: 0; + border-collapse: collapse; +} +table, +.table { + width: 100%; +} +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 { + padding: 0.5rem; + border-top: 1px solid #ddd; +} +.cbi-section-table-cell { + white-space: nowrap; + align-self: flex-end; + flex: 1 1 auto; +} +.cbi-section-table { + font-size: 0.875rem; + border: none; + margin: 0 !important; +} +.status-bar { + font-size: 0.875rem; +} +.cbi-section-table-row:last-child { + margin-bottom: 0; +} +.cbi-section-table-row > .cbi-value-field .cbi-input-select, +.cbi-section-table-row > .cbi-value-field .cbi-input-text, +.cbi-section-table-row > .cbi-value-field .cbi-input-password, +.cbi-section-table-row > .cbi-value-field .cbi-dropdown { + width: 100%; +} +.cbi-section-table-row > .cbi-value-field [data-dynlist] > input, +.cbi-section-table-row > .cbi-value-field input.cbi-input-password { + width: calc(100% - 1.5rem); +} +div > table > tbody > tr:nth-of-type(2n), +div > .table > .tbody > .tr:nth-of-type(2n) { + background-color: #f9f9f9; +} +div > table > tbody > tr:nth-of-type(2n), +div > .table > .tbody > .tr:nth-of-type(2n) { + background-color: #f9f9f9; +} +.danger { + background-color: #f5365c !important; + background-color: var(--danger) !important; + color: #fff !important; +} +.warning { + background-color: #fb6340 !important; + background-color: var(--warning) !important; + color: #fff !important; +} +.notice { + background-color: #5e72e4 !important; + background-color: var(--primary) !important; + color: #fff !important; +} +.success { + background-color: #2dce89 !important; + background-color: var(--success) !important; + color: #fff !important; +} +.errorbox, +.alert-message { + margin: 0 0 0 0; + padding: 1rem 2rem; + border: 0; + font-weight: normal; + font-style: normal; + line-height: 1.5em; + font-family: inherit; + min-width: inherit; + overflow: auto; + border-radius: 0.3rem; + background-color: #FFF; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12); +} +.errorbox { + color: #fff; + background-color: #f0ad4e; + border-color: #eea236; +} +.alert-message.warning { + margin-bottom: 1rem; +} +.error { + color: red; +} +h1 { + font-size: 2rem; + padding-bottom: 10px; + border-bottom: 1px solid #eee; +} +h2 { + margin: 0 0 1rem 0; + font-size: 1.25rem; + letter-spacing: 0.1rem; + padding: 1rem 1.5rem; + color: #32325d; + border-radius: 0.375rem; + background: #fff; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); +} +#cbi-dropbear h2, +#cbi-dropbear .cbi-map-descr, +#cbi-dropbear .cbi-map-descr abbr, +#cbi-rc h2, +#cbi-rc .cbi-map-descr, +#cbi-distfeedconf h2, +#cbi-distfeedconf .cbi-map-descr, +#cbi-customfeedconf h2, +#cbi-customfeedconf .cbi-map-descr, +#cbi-download h2, +#cbi-filelist h2 { + color: #32325d !important; +} +h3 { + font-size: 1.15rem; + width: 100%; + display: block; + margin: 1rem 0; + color: #32325d; + font-weight: bold; + letter-spacing: 0.1rem; + padding: 1rem 1.5rem; + border-radius: 0.375rem; + background: #fff; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); +} +fieldset { + margin: 1.25rem 0 0 0; + padding: 0; + font-weight: normal; + font-style: normal; + line-height: 1; + font-family: inherit; + min-width: inherit; + overflow-x: auto; + overflow-y: hidden; + border: 1px solid rgba(0, 0, 0, 0.05); + border-radius: 0.375rem; + background-color: #fff; + box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15); + -webkit-overflow-scrolling: touch; +} +fieldset > legend { + display: none !important; +} +fieldset > fieldset { + margin: 0; + padding: 0; + border: none; + box-shadow: none; +} +fieldset.cbi-section p { + padding: 1em; +} +.panel-title { + width: 100%; + display: block; + margin-bottom: 0; + padding: 0.8755rem 1.5rem; + background-color: #fff; + border-bottom: 1px solid #ddd; + margin-bottom: 0rem; + letter-spacing: 0.1rem; + color: #32325d; + font-weight: 600; +} +table { + border-spacing: 0; + border-collapse: collapse; + width: 100%; +} +table > tbody > tr > td, +table > tfoot > tr > td, +table > thead > tr > td { + font-size: 0.875rem; + color: #525f7f; + line-height: 1.4em; + vertical-align: middle !important; + padding: 0.8rem 1.5rem; + border-top: 1px solid #ddd; +} +table > tbody > tr > th, +table > tfoot > tr > th, +table > thead > tr > th { + padding-right: 1.5rem; + padding-left: 1.5rem; + color: #8898aa; + background-color: #f6f9fc; + font-size: 0.65rem; + padding-top: 0.75rem; + padding-bottom: 0.75rem; + letter-spacing: 1px; + text-transform: uppercase; + border-bottom: 1px solid #e9ecef; +} +table > tbody > tr:first-child > td, +table > tfoot > tr:first-child > td, +table > thead > tr:first-child > td { + border-top: 0px; +} +.cbi-section-table-cell { + text-align: center; +} +.cbi-section-table-row { + text-align: center; +} +fieldset > table > tbody > tr:nth-of-type(2n) { + background-color: #f9f9f9; +} +/* fix multiple table */ +table table { + border: none; +} +.cbi-value-field table { + border: none; +} +td > table > tbody > tr > td { + border: none; +} +.cbi-value-field > table > tbody > tr > td { + border: none; +} +/* table */ +.tabs { + margin: 0 0 1rem 0; + padding: 0 1rem; + background-color: #FFFFFF; + border-radius: 0.375rem; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); + white-space: nowrap; + overflow-x: auto; +} +.tabs::-webkit-scrollbar { + width: 1px; + height: 5px; +} +.tabs::-webkit-scrollbar-thumb { + background-color: #f6f9fc; +} +.tabs::-webkit-scrollbar-track { + background-color: #fff; +} +.tabs li[class~="active"], +.tabs li:hover { + cursor: pointer; + border-bottom: 0.18751rem solid #5e72e4; + border-bottom: 0.18751rem solid var(--primary); + color: #5e72e4; + color: var(--primary); + background-color: #dce1fe; + margin-bottom: 0; + border-radius: 0; +} +.tabs li[class~="active"] a, +.tabs li:hover a { + color: #5e72e4; + color: var(--primary); +} +.tabs li { + font-size: 0.875rem; + display: inline-block; + padding: 0.875rem 0rem; + border-bottom: 0.18751rem solid rgba(0, 0, 0, 0); +} +.tabs li a { + text-decoration: none; + color: #404040; + padding: 0.5rem 0.8rem; +} +.tabs li:hover { + border-bottom: 0.18751rem solid #5e72e4; + border-bottom: 0.18751rem solid var(--primary); +} +.cbi-tabmenu { + color: white; + padding: 0.5rem 1rem 0 1rem; + white-space: nowrap; + overflow-x: auto; + border-bottom: 1px solid #ddd !important; +} +.cbi-tabmenu::-webkit-scrollbar { + width: 1px; + height: 5px; +} +.cbi-tabmenu::-webkit-scrollbar-thumb { + background-color: #f6f9fc; +} +.cbi-tabmenu::-webkit-scrollbar-track { + background-color: #fff; +} +.cbi-tabmenu li { + background: #dce3e9; + display: inline-block; + font-size: 0.875rem; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + padding: 0.5rem 0rem; + border-bottom: 0.18751rem solid rgba(0, 0, 0, 0); +} +.cbi-tabmenu li a { + text-decoration: none; + color: #404040; + padding: 0.5rem 0.8rem; +} +.cbi-tabmenu li:hover { + cursor: pointer; + border-bottom: 0.18751rem solid #5e72e4; + border-bottom: 0.18751rem solid var(--primary); + color: #5e72e4; + color: var(--primary); + background-color: #dce1fe; + margin-bottom: 0; +} +.cbi-tabmenu li:hover a { + color: #525f7f; +} +.cbi-tabmenu li[class~="cbi-tab"] { + border-bottom: 0.18751rem solid #5e72e4; + border-bottom: 0.18751rem solid var(--primary); + color: var(--primary); + background-color: #dce1fe; + margin-bottom: 0; +} +.cbi-tabmenu li[class~="cbi-tab"] a { + color: #5e72e4; + color: var(--primary); +} +.cbi-tab-descr { + margin: 1rem 1.5rem; + color: #32325d; + font-size: small; + line-height: 1.5em; +} +.cbi-dropdown { + display: inline-flex; + cursor: pointer; + position: relative; + padding: 0; + height: auto; +} +.cbi-dropdown:focus { + outline: 2px solid #4b6e9b; +} +.cbi-dropdown > ul { + margin: 0 !important; + padding: 0; + list-style: none; + overflow-x: hidden; + overflow-y: auto; + display: flex; + width: 100%; +} +.cbi-dropdown > ul.preview { + display: none; +} +.cbi-dropdown > .open { + border: 0px outset #eee; + flex-basis: 15px; + background: #fff; +} +.cbi-dropdown > .open, +.cbi-dropdown > .more { + flex-grow: 0; + flex-shrink: 0; + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; + line-height: 2em; + padding: 0 0.25em; +} +.cbi-dropdown > .more, +.cbi-dropdown > ul > li[placeholder] { + color: #777; + font-weight: bold; + text-shadow: 1px 1px 0px #fff; + display: none; +} +.cbi-dropdown > ul > li { + display: none; + padding: 0.25em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + flex-shrink: 1; + flex-grow: 1; + align-items: center; + align-self: center; + min-height: 20px; +} +.cbi-dropdown > ul > li .hide-open { + display: initial; +} +.cbi-dropdown > ul > li .hide-close { + display: none; +} +.cbi-dropdown > ul > li[display]:not([display="0"]) { + border-left: 1px solid #ccc; +} +.cbi-dropdown[empty] > ul { + max-width: 1px; +} +.cbi-dropdown > ul > li > form { + display: none; + margin: 0; + padding: 0; + pointer-events: none; +} +.cbi-dropdown > ul > li img { + vertical-align: middle; + margin-right: 0.25em; +} +.cbi-dropdown > ul > li > form > input[type="checkbox"] { + margin: 0; + height: auto; +} +.cbi-dropdown > ul > li input[type="text"] { + height: 20px; +} +.cbi-dropdown[open] { + position: relative; + border-color: #5e72e4; + border-color: var(--primary); +} +.cbi-dropdown[open] > ul.dropdown { + display: block; + background: #fff; + border-color: #5e72e4; + border-color: var(--primary); + position: absolute; + z-index: 1000; + max-width: none; + min-width: 100%; + width: auto; + box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.05); +} +.cbi-dropdown > ul > li[display], +.cbi-dropdown[open] > ul.preview, +.cbi-dropdown[open] > ul.dropdown > li, +.cbi-dropdown[multiple] > ul > li > label, +.cbi-dropdown[multiple][open] > ul.dropdown > li, +.cbi-dropdown[multiple][more] > .more, +.cbi-dropdown[multiple][empty] > .more { + flex-grow: 1; + display: flex; + align-items: center; +} +.cbi-dropdown[empty] > ul > li, +.cbi-dropdown[optional][open] > ul.dropdown > li[placeholder], +.cbi-dropdown[multiple][open] > ul.dropdown > li > form { + display: block; +} +.cbi-dropdown[open] > ul.dropdown > li .hide-open { + display: none; +} +.cbi-dropdown[open] > ul.dropdown > li .hide-close { + display: initial; +} +.cbi-dropdown[open] > ul.dropdown > li { + border-bottom: 1px solid #ccc; +} +.cbi-dropdown[open] > ul.dropdown > li[selected] { + background: #b0d0f0; +} +.cbi-dropdown[open] > ul.dropdown > li.focus { + background: linear-gradient(90deg, #a3c2e8 0%, #84aad9 100%); +} +.cbi-dropdown[open] > ul.dropdown > li:last-child { + margin-bottom: 0; + border-bottom: none; +} +.cbi-dropdown[disabled] { + pointer-events: none; + opacity: 0.6; +} +.cbi-dropdown .zonebadge { + width: 100%; +} +.cbi-dropdown[open] .zonebadge { + width: 100%; +} +.cbi-dropdown { + font-size: 0.875rem; + transition: all 0.15s ease-in-out; + line-height: 1.5; + height: calc(2.75rem + 2px); + padding: 0m; + color: #8898aa; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + background-color: #fff; + background-clip: padding-box; + box-shadow: 0 3px 2px rgba(233, 236, 239, 0.05); + margin: 0.25rem; +} +.cbi-value-field .cbi-dropdown { + min-width: 20rem; +} +.cbi-value-field .cbi-dropdown .zonebadge > .ifacebadge { + padding: 0rem 1rem; + margin: 0rem 0.3rem; + border: 1px solid #6C6C6C; +} +select[multiple="multiple"] { + height: auto; +} +.cbi-dropdown > ul { + margin: 0 !important; + padding: 0; + list-style: none; + overflow-x: hidden; + overflow-y: hidden; + display: flex; + width: 100%; +} +.cbi-section > legend { + display: none !important; +} +.cbi-section-remove:nth-of-type(2n), +.cbi-section-node:nth-of-type(2n) { + background-color: #f9f9f9; +} +.cbi-section-node-tabbed { + padding: 0; + margin-top: 0; +} +.cbi-section-node { + background: #fff; + border: 0; + border-radius: 0.375rem; + margin-bottom: 0px; + box-shadow: 0 0 0rem 0 rgba(136, 152, 170, 0.15); + overflow-x: auto; + overflow-y: hidden; + padding: 0rem 0; +} +#cbi-network-lan.cbi-section-node { + overflow-x: visible; + overflow-y: visible; +} +.cbi-section-node .cbi-value { + padding: 0.3rem 1rem 0.3rem 1rem; +} +.cbi-tabcontainer > .cbi-value:nth-of-type(2n) { + background-color: #f9f9f9; +} +.cbi-value-field, +.cbi-value-description { + display: table-cell; + line-height: 1.6; + font-size: 0.875rem; +} +.cbi-value-helpicon > img { + display: none; +} +.cbi-value-helpicon:before { + content: "\f059"; +} +.cbi-value-description { + font-size: small; + opacity: 0.5; + padding: 0.5rem; +} +.cbi-value-title { + word-wrap: break-word; + font-size: 0.875rem; + line-height: 1.6; + color: #525f7f; + padding: 0.7rem; + padding-left: 0; + width: 23rem; + float: left; + text-align: right; + display: table-cell; +} +.cbi-value { + padding: 0.3rem 1rem; + display: inline-block; + width: 100%; +} +.cbi-section-table-descr > .cbi-section-table-cell, +.cbi-section-table-titles > .cbi-section-table-cell { + border: none; +} +.cbi-rowstyle-1 { + background-color: #fff; +} +.cbi-rowstyle-2 { + background-color: #fefefe; +} +.cbi-section-table .cbi-section-table-titles .cbi-section-table-cell { + width: auto !important; +} +/* desc */ +.cbi-section-descr { + padding: 1rem 1.5rem; + font-size: 0.7rem; + font-weight: 600; + line-height: 1.5em; + color: #525f7f; +} +.cbi-map-descr { + margin: 0rem 1.5rem 1rem 1.5rem; + color: #32325d; + font-size: small; + line-height: 1.5em; +} +/* input */ +.cbi-value input[type="password"], +.cbi-value input[type="text"] { + min-width: 20rem; +} +input[type="checkbox"] { + height: auto; +} +/* select */ +.cbi-value-field .ifacebadge { + display: inline-flex; + border-bottom: 0px solid #CCCCCC; + padding: 0.5rem 1rem; + box-shadow: none; +} +td > .ifacebadge { + background-color: #F0F0F0; + font-size: 0.9rem; +} +.ifacebadge > img { + float: right; + margin: 0 0.3rem; +} +/*textarea*/ +.cbi-input-textarea { + width: 100%; + border: 0; + outline: none; + min-height: 14rem; + padding: 0.8rem; + font-size: 0.8rem; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + color: black; +} +#syslog { + width: 100%; + min-height: 15rem; + padding: 1rem; + line-height: 1.4em; + font-size: small; + color: #1e1e1e; + border-radius: 0; + background-color: #fff; + border: none; + outline: none; +} +.ifacebadge { + display: inline-flex; + border-bottom: 0px solid #CCCCCC; + padding: 0.5rem 1rem; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + background: #fff; +} +td > .ifacebadge, +.td > .ifacebadge { + background-color: #e9ecef; + font-size: 0.9rem; + border-radius: 0.2rem; +} +.ifacebadge > em, +.ifacebadge > img { + display: inline-block; + margin: 0 0.3rem; + align-self: flex-start; +} +.ifacebadge span { + line-height: 1.6em; +} +.network-status-table { + display: flex; + flex-wrap: wrap; +} +.network-status-table .ifacebox { + margin: 1rem; + flex-grow: 1; +} +.network-status-table .ifacebox-body { + display: flex; + flex-direction: column; + height: 100%; +} +.network-status-table .ifacebox-body > span { + flex: 10 10 auto; + height: 100%; + line-height: 1.7em; + padding-left: 2rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} +.network-status-table .ifacebox-body > div { + display: flex; + flex-wrap: wrap; +} +.network-status-table .ifacebox-body .ifacebadge { + flex: 1 1 auto; + margin: 0; + padding: 0.5em; + min-width: 220px; + background-color: #fff; + align-items: center; +} +.ifacebox { + border: 1px solid #ccc; + border-radius: 0.375rem; + background-color: #f9f9f9; + display: inline-flex; + flex-direction: column; + line-height: 1.2em; + min-width: 100px; + overflow: hidden; +} +.ifacebox-head { + padding: 1rem; + background: #eee; +} +.ifacebox-head.active { + background: #5e72e4; + background: var(--primary); + color: #fff; +} +.ifacebox-body { + padding: 0.5em; +} +.cbi-image-button { + margin-left: 0.5rem; +} +#iwsvg, +#iwsvg2, +#bwsvg { + border: none !important; + border-radius: 0.375rem; + box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15); + overflow: hidden; +} +.cbi-image-button { + margin-left: 0.5rem; +} +.zonebadge { + padding: 0.2rem 0.5rem; + display: inline-block; + cursor: pointer; +} +.zonebadge > .ifacebadge { + padding: 0.2rem 1rem; + margin: 0.3rem; + border: 1px solid #6C6C6C; +} +.zonebadge > input[type="text"] { + padding: 0.16rem 1rem; + min-width: 10rem; + margin-top: 0.3rem; +} +.cbi-value-field .cbi-input-checkbox, +.cbi-value-field .cbi-input-radio { + margin: 0.9rem 0.25rem 0 0.25rem; + height: 1rem; + line-height: 1.6; +} +.cbi-input-checkbox { + margin: 0.9rem 0.25rem 0 0.25rem; +} +.cbi-value-field .cbi-input-radio { + margin: 0rem 0.25rem; +} +.cbi-value-field > input + .cbi-value-description { + padding: 0; +} +.cbi-value-field > ul > li { + display: flex; + align-items: center; + font-size: 0.875rem; +} +.cbi-value-field > ul > li .ifacebadge { + font-size: 0.875rem; + background-color: #eee; + display: flex; + align-items: center; + margin-left: 0rem; + margin-top: 0rem; +} +.cbi-section-table-row > .cbi-value-field .cbi-input-select { + min-width: 7rem; +} +.cbi-section-create > .cbi-button-add { + margin: 0.5rem 0.5rem 0.5rem 0.5rem; +} +.cbi-section-remove { + padding: 0.5rem; +} +div.cbi-value var, +td.cbi-value-field var { + font-style: italic; + color: #0069D6; +} +small { + font-size: 90%; + white-space: normal; + line-height: 1.42857143; +} +.cbi-optionals { + padding: 1rem 1rem 0 1rem; + border-top: 1px solid #CCC; +} +input[name="ping"], +input[name="traceroute"], +input[name="nslookup"] { + width: 80%; +} +.label { + padding: 0.3rem 0.8rem; + font-size: 0.8rem; + font-weight: bold; + color: #fff !important; + text-transform: uppercase; + white-space: nowrap; + background-color: #32325d; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + text-shadow: none; + text-decoration: none; +} +/* fix status overview */ +.node-status-overview > .main fieldset:nth-child(4) td:nth-child(2) { + white-space: normal; +} +.node-status-overview > .main #wan4_i, +.node-status-overview > .main #wan6_i { + width: 80px !important; +} +/* fix status processes */ +.node-status-processes > .main table tr td:nth-child(3) { + white-space: normal; +} +/* fix system reboot */ +.node-system-reboot > .main > .main-right p, +.node-system-reboot > .main > .main-right h3 { + padding-left: 2rem; + color: #fff; +} +/* fix Services Network Shares*/ +.node-services-samba > .main .cbi-tabcontainer:nth-child(3) .cbi-value-title { + margin-bottom: 1rem; + width: auto; +} +.node-services-samba > .main .cbi-tabcontainer:nth-child(3) .cbi-value-field { + display: list-item; +} +.node-services-samba > .main .cbi-tabcontainer:nth-child(3) .cbi-value-description { + padding-top: 1rem; +} +/* fix System Software*/ +.node-system-packages > .main table tr td:nth-child(1) { + width: auto !important; +} +.node-system-packages > .main table tr td:nth-last-child(1) { + white-space: normal; + font-size: small; + color: #404040; +} +.node-system-packages > .main .cbi-tabmenu > li > a, +.tabs > li > a { + padding: 0.5rem 0.8rem; +} +.node-system-packages > .main .cbi-value > pre { + background-color: #eee; + padding: 0.5rem; + overflow: auto; +} +.node-system-packages > .main .cbi-page-actions { + padding: 1rem 0; +} +.node-system-packages > .main .cbi-section-node:first-child .cbi-value-last { + line-height: 1.8em; +} +.node-system-packages > .main .cbi-section-node:first-child .cbi-value-last div[style="margin:3px 0; width:300px; height:10px; border:1px solid #000000; background-color:#80C080"] { + border: 1px solid #999999 !important; + width: 100% !important; + background-color: #fff !important; + height: 1.4rem !important; + border-radius: 0.25rem; + margin: 0.5rem 0; + overflow: hidden; +} +.node-system-packages > .main .cbi-section-node:first-child .cbi-value-last div[style="margin:3px 0; width:300px; height:10px; border:1px solid #000000; background-color:#80C080"] div { + border-right: 0 !important; + background-color: #5e72e4 !important; + background-color: var(--primary) !important; +} +.node-system-leds .cbi-section em { + display: block; +} +.cbi-tabmenu + .cbi-section { + margin-top: 0; +} +.cbi-section { + background: #fff; + border: 0; + border-radius: 0.375rem; + box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15); + overflow-x: auto; + overflow-y: hidden; +} +.cbi-section em { + padding: 0.75rem 1.5rem; + font-size: 0.7rem; + font-weight: 600; + color: #525f7f; + text-align: center; +} +.cbi-section h4 { + padding: 0.75rem 1.5rem; + font-size: 0.7rem; + font-weight: 600; + color: #525f7f; +} +#content_syslog { + border-radius: 0.375rem; + box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15); + overflow: hidden; +} +.node-system-packages .cbi-section-node .cbi-value { + padding: 0.5rem 1rem; + font-size: 0.875rem; +} +.node-system-packages br { + display: none; +} +/* fix network firewall*/ +.node-network-firewall > .main .cbi-section-table-row > .cbi-value-field .cbi-input-select { + min-width: 4rem; +} +.node-network-firewall .cbi-section-table { + width: 100% !important; +} +.node-status-iptables fieldset, +.node-system-packages fieldset, +.node-system-flashops fieldset { + margin-top: 0; +} +.node-status-iptables .cbi-tabmenu, +.node-system-packages .cbi-tabmenu, +.node-system-flashops .cbi-tabmenu { + border: none; +} +.node-system-flashops form.inline + form.inline { + margin-left: 0; +} +.Changes .cbi-section { + font-size: 0.875rem; + padding: 1rem; +} +.node-network-diagnostics { + font-size: 0.875rem; +} +.node-network-diagnostics #diag-rc-output { + display: block; + padding: 1rem; +} +.node-network-diagnostics #diag-rc-output pre { + font-size: 0.875rem; +} +.node-network-diagnostics .cbi-section div { + padding: 0 1.5rem; +} +.node-network-diagnostics input { + margin: 0.25rem !important; +} +.node-network-wireless .cbi-button-add { + margin-left: 0; +} +/* fix nlbw/display*/ +#detail-bubble.in { + z-index: 500; +} +.node-nlbw-display .cbi-section ul { + padding: 0.875rem 1.5rem; +} +.node-nlbw-backup form { + margin-left: 1.5rem; +} +.node-nas-usb_printer em { + display: block; +} +@media screen and (max-width: 1600px) { + .main .main-left { + width: calc(0% + 13rem); + } + .main .main-right { + width: calc(100% - 13rem); + } + .cbi-button { + /*padding: 0.3rem 1.5rem;*/ + font-size: 0.8rem; + } + header > .container > .pull-right > * { + top: 0.35rem; + } + .label { + padding: 0.2rem 0.6rem; + } + .cbi-value-title { + width: 15rem; + padding-right: 0.6rem; + } + fieldset { + padding: 0; + } + .cbi-input-textarea { + font-size: small; + } + .node-status-iptables > .main fieldset li > a { + padding: 0.3rem 0.6rem; + } +} +@media screen and (max-width: 1280px) { + header > .container { + margin-top: 0.25rem; + } + .main .main-left { + width: calc(0% + 13rem); + } + .main .main-right { + width: calc(100% - 13rem); + } + .cbi-tabmenu > li > a, + .tabs > li > a { + padding: 0.2rem 0.5rem; + } + .panel-title { + font-size: 1.1rem; + padding-bottom: 1rem; + } + table { + font-size: 0.7rem !important; + width: 100% !important; + } + .main > .main-left > .nav > li, + .main > .main-left > .nav > li a, + .main > .main-left > .nav > .slide > .menu { + font-size: 0.9rem; + } + .main > .main-left > .nav > .slide > .slide-menu > li > a { + font-size: 0.7rem; + } +} +@media screen and (min-width: 600px) { + ::-webkit-scrollbar { + width: 10px; + height: 10px; + } + ::-webkit-scrollbar, + ::-webkit-scrollbar-corner { + background: transparent; + } + ::-webkit-scrollbar-thumb { + background: #9e9e9e; + } + ::-webkit-scrollbar-thumb:hover { + background: #757575; + } + ::-webkit-scrollbar-thumb:active { + background: #424242; + } +} +@media screen and (max-width: 992px) { + .main .main-left { + width: 0; + position: fixed; + z-index: 100; + } + .main .main-right { + width: 100%; + } + .showSide { + padding: 0.1rem; + position: relative; + display: inline-block; + } + .showSide:hover { + text-decoration: none; + } + .showSide:before { + content: "\e20e"; + font-size: 1.7rem; + } + header > .fill > .container > .brand { + display: inline-block; + } + .cbi-value-title { + width: 9rem; + padding-right: 1rem; + } + .node-network-diagnostics > .main .cbi-map fieldset > div * { + width: 100% !important; + } + .node-network-diagnostics > .main .cbi-map fieldset > div input[type="text"] { + margin: 3rem 0 0 0 !important; + } + .node-network-diagnostics > .main .cbi-map fieldset > div:nth-child(4) input[type="text"] { + margin: 0 !important; + } + .node-network-diagnostics > .main .cbi-map fieldset > div select, + .node-network-diagnostics > .main .cbi-map fieldset > div input[type="button"] { + margin: 1rem 0 0 0 !important; + } + .node-network-diagnostics > .main .cbi-map fieldset > div { + width: 100% !important; + } + #diag-rc-output > pre { + font-size: 1rem; + } +} +@media screen and (max-width: 480px) { + body { + font-size: 0.8rem; + } + .pull-right { + float: right; + margin-top: 0rem !important; + } + .login-page .video video { + width: auto !important; + height: 100% !important; + } + .login-page .login-container { + margin-left: 0rem !important; + width: 100%; + } + .login-page .login-container .login-form { + max-width: 480px; + } + .login-page .login-container .login-form .form-login .input-group::before { + color: #525461; + } + .login-page .login-container .login-form .form-login .input-group input { + color: #525461; + border-bottom: white 1px solid; + border-bottom: var(--white) 1px solid; + border-radius: 0; + } + fieldset { + padding: 0; + margin: 1rem 0 0 0; + } + .toggle { + margin: 0; + } + h2 { + font-size: 1.125rem; + } + .panel-title { + font-size: 1rem; + padding-bottom: 1rem; + } + #maincontent > .container { + margin: 0 1rem 1.5rem 1rem; + } + .main > .main-left > .nav > .slide > .menu { + font-size: 1rem; + } + .main > .main-left > .nav > .slide > .slide-menu > li > a { + font-size: 0.9rem; + } + .main > .main-left > .nav > .slide > .menu:after { + top: 0.9rem; + } + #ethinfo td { + padding: 0.75rem 0.2rem !important; + } + .cbi-value-title { + width: 100%; + min-width: 0rem !important; + display: block; + margin-top: 0.5rem; + margin-bottom: 0.5rem; + text-align: left; + padding: 0 0.25rem; + } + .cbi-value input[type="password"], + .cbi-value input[type="text"] { + min-width: 15rem; + } + select, + input { + width: 100% !important; + min-width: auto; + margin: 0.25rem 0; + } + input { + box-sizing: border-box; + } + .cbi-value > .cbi-value-field > div > input { + width: calc(100% - 1.5rem) !important; + } + .cbi-value > .cbi-value-field { + display: inline-block; + width: 100%; + position: relative; + } + .cbi-value-field .cbi-input-checkbox, + .cbi-value-field .cbi-input-radio { + margin: 0rem 0.25rem 0 0.25rem; + height: 1rem; + line-height: 1.6; + } + .cbi-page-actions > div > input { + display: none; + } + .tabs::-webkit-scrollbar, + .cbi-tabmenu::-webkit-scrollbar { + width: 0px; + height: 0px; + } + .tabs > li > a { + font-size: 0.9rem; + } + select, + input { + font-size: 0.9rem; + } + .mobile-hide { + display: none !important; + } + .node-status-realtime table > tbody > tr > td, + .node-status-realtime table > tfoot > tr > td, + .node-status-realtime table > thead > tr > td { + font-size: 0.8125rem; + color: #525f7f; + line-height: 1.4em; + vertical-align: middle !important; + padding: 0.8rem 0rem; + border-top: 1px solid #ddd; + width: auto; + text-align: center; + } + .node-system-packages > .main .cbi-value.cbi-value-last > div { + width: 100% !important; + } + .node-system-packages .cbi-section-node .cbi-value { + padding: 0.3rem 1rem; + } + .node-system-packages > .main .cbi-value .cbi-value-field input { + width: 100%; + } + .node-system-leds .cbi-section em { + display: block; + } + .node-status-iptables > .main div > .cbi-map > form { + position: static !important; + margin: 0 0 2rem 0; + padding: 2rem; + border: 0; + font-weight: normal; + font-style: normal; + line-height: 1; + font-family: inherit; + min-width: inherit; + overflow-x: auto; + overflow-y: hidden; + border-radius: 0.375rem; + background-color: #FFF; + box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15); + -webkit-overflow-scrolling: touch; + } + .node-status-iptables > .main div > .cbi-map > form input[type="submit"] { + width: 100% !important; + margin: 0; + } + .node-status-iptables > .main div > .cbi-map > form input[type="submit"] + input[type="submit"] { + margin-top: 1rem; + } + .cbi-value input[type="text"]:has(+ img) { + width: 10rem !important; + } + .cbi-button-add { + margin-left: 0.5rem; + } + .node-network-network .cbi-section-table tr, + .node-network-network .cbi-section-table td { + display: block; + } + .node-network-network .cbi-section-table td { + width: 100% !important; + text-align: center !important; + padding: 0.8rem 1.5rem !important; + } + .node-network-network .cbi-section-table .cbi-section-table-titles { + display: flex; + } + .node-network-network .cbi-section-table .cbi-section-table-titles .cbi-section-table-cell { + flex: 1 !important; + } + .node-services-vssr .status-info { + font-size: 0.75rem; + } + .node-services-vssr .icon-con { + margin-top: 0.4rem; + } + .node-services-vssr .icon-con img { + width: 2.3rem !important; + height: auto; + } +} diff --git a/luci-theme-argon_new/htdocs/luci-static/argon_blue/css/dark.css b/luci-theme-argon_new/htdocs/luci-static/argon_blue/css/dark.css index 21d3ce0..9288375 100644 --- a/luci-theme-argon_new/htdocs/luci-static/argon_blue/css/dark.css +++ b/luci-theme-argon_new/htdocs/luci-static/argon_blue/css/dark.css @@ -1 +1 @@ -body{background:#1e1e1e;color:#cccccc}.login-page .login-container .login-form{background-color:#1e1e1e}.login-page .login-container .login-form .brand{color:#adb5bd}.login-page .login-container .login-form .form-login .input-group::before{color:#adb5bd}.login-page .login-container .login-form .form-login .input-group input{background-color:transparent !important;color:#adb5bd;border-bottom:#adb5bd 1px solid !important;border-radius:0;border-top:none !important;border-left:none !important;border-right:none !important;box-shadow:none}.login-page .login-container .login-form .form-login .input-group input:focus{border-top:none !important;border-left:none !important;border-right:none !important}.login-page .login-container .login-form .form-login .cbi-button-apply{background-color:#483d8b !important;background-color:var(--dark-primary) !important}.login-page .login-container .login-form .form-login .cbi-button-apply:hover,.login-page .login-container .login-form .form-login .cbi-button-apply:focus{opacity:.9}.login-page .login-container footer{color:#adb5bd}header::after{background-color:#1e1e1e !important}.main .main-left{background-color:#333333 !important;box-shadow:0 0 .5rem 0 rgba(0,0,0,0.15)}.main .main-left .sidenav-header .brand{color:#ccc}.main .main-left .nav .slide .slide-menu .active a{color:#cccccc}.main .main-left .nav .slide .slide-menu .active a::after{background-color:#cccccc !important}.main .main-left .nav .slide .slide-menu li a{color:#cccccc}.main .main-left .nav .slide .slide-menu li a:hover{background:none !important}.main .main-left .nav .slide .menu.active{background-color:#483d8b !important;background-color:var(--dark-primary) !important;color:#cccccc !important}.main .main-left .nav .slide .menu.active a::after{background-color:#cccccc !important}.main .main-left .nav li a{color:#cccccc !important}.main .main-left .nav li a:hover{background-color:#483d8b !important;background-color:var(--dark-primary) !important;color:#cccccc !important}.main .main-left::-webkit-scrollbar-thumb{background-color:#252526 !important}.main .main-left::-webkit-scrollbar-track{background-color:#333}.main .main-right{background-color:#1e1e1e}h2{color:#ccc;background:#333333}h3{color:#ccc;border-bottom:0;background:#333333}a:-webkit-any-link{color:-webkit-link;cursor:pointer;color:#483d8b;color:var(--dark-primary)}input:-webkit-autofill{background-color:#3c3c3c !important}.cbi-value-field .cbi-input-apply,.cbi-button-apply,.cbi-button-edit{color:#fff !important;background-color:#483d8b !important;background-color:var(--dark-primary) !important;border-color:#483d8b !important;border-color:var(--dark-primary) !important}.cbi-section em{color:#483d8b;color:var(--dark-primary)}header.bg-primary{background-color:#1e1e1e !important}.cbi-map-descr{color:#ccc}.cbi-section{background:none;box-shadow:0 0 .5rem 0 rgba(0,0,0,0.35)}.panel-title{color:#ccc;background-color:#333333;border-bottom:0px}table>tbody>tr>td,table>tfoot>tr>td,table>thead>tr>td{color:#ccc}fieldset>table>tbody>tr:nth-of-type(2n){background-color:#252526}table>tbody>tr>td,table>tfoot>tr>td,table>thead>tr>td{border-top:1px solid #252526}#swaptotal>div>div,#swapfree>div>div,#memfree>div>div,#membuff>div>div,#conns>div>div,#memtotal>div>div{background-color:#32325d !important}#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-system-packages>.main .cbi-section-node:first-child .cbi-value-last{line-height:1.8em}.node-system-packages>.main .cbi-section-node:first-child .cbi-value-last div[style="margin:3px 0; width:300px; height:10px; border:1px solid #000000; background-color:#80C080"]{border:1px solid #999999 !important;background-color:transparent !important}.node-system-packages>.main .cbi-section-node:first-child .cbi-value-last div[style="margin:3px 0; width:300px; height:10px; border:1px solid #000000; background-color:#80C080"] div{background-color:#32325d !important}table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>th{background-color:#252526;border-bottom:black 1px solid !important}.cbi-rowstyle-2{background-color:#1e1e1e}.cbi-rowstyle-1{background-color:#252526}.cbi-section>h3:first-child,.panel-title{color:#ccc;border-bottom:0}.cbi-section-table .cbi-section-table-titles .cbi-section-table-cell{background-color:#1e1e1f}.cbi-button{color:#ccc;background-color:#252526}.cbi-section-node{background:none;border-radius:0 0 .375rem .375rem;padding:0rem}abbr{color:#483d8b;color:var(--dark-primary)}div>table>tbody>tr:nth-of-type(2n),div>.table>.tbody>.tr:nth-of-type(2n){background-color:#252526}#content_syslog{box-shadow:0 0 .5rem 0 rgba(0,0,0,0.35)}#syslog{color:#ccc;background-color:#1e1e1e}#iwsvg,#iwsvg2,#bwsvg{overflow:hidden;box-shadow:0 0 .5rem 0 rgba(0,0,0,0.35);background-color:#1e1e1e !important}.tabs{background-color:#252526}.tabs>li[class~="active"]>a{color:#ccc}.tabs>li[class~="active"],.tabs>li:hover{border-bottom:.18751rem solid #483d8b;border-bottom:.18751rem solid var(--dark-primary);color:#ccc;background-color:#181819}.cbi-tabmenu>li>a,.tabs>li>a{color:#ccc}.cbi-tabmenu>li>a:hover,.tabs>li>a:hover{color:#ccc}.cbi-tabmenu>li{background:#2d2d2d}.cbi-tabmenu{border-bottom:0 solid #ddd !important}.cbi-tabmenu li[class~="cbi-tab"] a{color:#ccc}.cbi-tabmenu>li:hover{color:#ccc;background:#2d2d2d}.cbi-tabmenu>li[class~="cbi-tab"]{background-color:#181819}.cbi-tabcontainer>.cbi-value:nth-of-type(2n){background-color:#252526}.cbi-value-title{color:#ccc}select,input{color:#ccc;background-color:transparent;border:1px solid #3c3c3c !important;box-shadow:0 3px 2px rgba(0,0,0,0.05)}select:not([multiple="multiple"]):focus,input:focus{border-color:#483d8b !important;border-color:var(--dark-primary) !important;background-color:transparent;outline:0;box-shadow:none}select{background-color:#1e1e1e !important}#cbi-dropbear h2,#cbi-dropbear .cbi-map-descr,#cbi-dropbear .cbi-map-descr abbr,#cbi-rc h2,#cbi-rc .cbi-map-descr,#cbi-distfeedconf h2,#cbi-distfeedconf .cbi-map-descr,#cbi-customfeedconf h2,#cbi-customfeedconf .cbi-map-descr,#cbi-download h2,#cbi-filelist h2{color:#ccc !important}.cbi-value-field>ul>li .ifacebadge{background-color:#3c3c3c}.cbi-section-descr{color:#ccc}.cbi-input-textarea{background-color:#1e1e1e;color:#ccc}.cbi-section-remove:nth-of-type(2n),.cbi-section-node:nth-of-type(2n){background-color:#1e1e1e}.node-system-packages>.main table tr td:nth-last-child(1){color:#ccc}.node-system-packages>.main .cbi-value>pre{background-color:#333}.cbi-section-node .cbi-value{padding:1rem 1rem .3rem 1rem}.ifacebox{background-color:none;border:1px solid #1e1e1e}.ifacebox-head{color:#666}.ifacebox-body{background-color:#333}.zonebadge strong{color:#333}.zonebadge>.ifacebadge{background-color:#3c3c3c}div.cbi-value var,td.cbi-value-field var{color:#483d8b;color:var(--dark-primary)}#diag-rc-output>pre{color:#ccc;background-color:#1e1e1e}.node-services-vssr .block{background-color:#1e1e1e !important;box-shadow:0 0 .5rem 0 rgba(0,0,0,0.35)}.node-services-vssr .block h4{color:#ccc !important}.node-services-vssr .status-bar{color:#ccc;box-shadow:0 0 .5rem 0 rgba(0,0,0,0.35);background-color:#1e1e1e}.node-services-vssr .cbi-section-table-row{color:#ccc;background-color:#3c3c3c !important;box-shadow:0 0 5px 0 rgba(0,0,0,0.35)}.node-services-vssr .cbi-section-table-row.fast{background:#483d8b !important;background:var(--dark-primary) !important;color:#fff}.node-services-vssr .ssr-button{color:#ccc}.node-services-vssr .incon:nth-child(2){border-right:#1e1e1e 1px solid}.main .main-right #maincontent .container p{color:#ccc}#xhr_poll_status>.label.success{color:#ccc !important;background-color:darkolivegreen !important}.notice{background-color:#483d8b !important;background-color:var(--dark-primary) !important}.cbi-input-find,.cbi-input-save,.cbi-button-add,.cbi-button-save,.cbi-button-find,.cbi-input-reload,.cbi-button-reload{background-color:darkseagreen !important;border-color:darkseagreen !important}.cbi-button-reset,.cbi-input-remove{color:#fff !important;background-color:darkorange !important;border-color:darkorange !important}.cbi-page-actions .cbi-button-apply,.cbi-section-actions .cbi-button-edit,.cbi-button-edit.important,.cbi-button-apply.important,.cbi-button-reload.important,.cbi-button-action.important{border:1px #483d8b solid !important;border:1px var(--dark-primary) solid !important}fieldset[id^="cbi-apply-"]{background-color:#333333}#detail-bubble>div{border:1px solid #ccc;border-radius:2px;padding:5px;background:#252525}.cbi-section-error{color:darkorange}.node-services-vssr .block h4 span{color:#ccc !important}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.login-page .login-container .login-form{-webkit-backdrop-filter:blur(var(--blur-radius-dark));backdrop-filter:blur(var(--blur-radius-dark));background-color:rgba(0, 0, 0, var(--blur-opacity-dark))}}@media screen and (max-width:480px){.node-status-iptables>.main div>.cbi-map>form{background-color:#1e1e1e;box-shadow:0 0 .5rem 0 rgba(0,0,0,0.35)}} \ No newline at end of file +body{background:#1e1e1e;color:#cccccc}.login-page .login-container .login-form{background-color:#1e1e1e}.login-page .login-container .login-form .brand{color:#adb5bd}.login-page .login-container .login-form .form-login .input-group::before{color:#adb5bd}.login-page .login-container .login-form .form-login .input-group input{background-color:transparent !important;color:#adb5bd;border-bottom:#adb5bd 1px solid !important;border-radius:0;border-top:none !important;border-left:none !important;border-right:none !important;box-shadow:none}.login-page .login-container .login-form .form-login .input-group input:focus{border-top:none !important;border-left:none !important;border-right:none !important}.login-page .login-container .login-form .form-login .cbi-button-apply{background-color:#483d8b !important;background-color:var(--dark-primary) !important}.login-page .login-container .login-form .form-login .cbi-button-apply:hover,.login-page .login-container .login-form .form-login .cbi-button-apply:focus{opacity:.9}.login-page .login-container footer{color:#adb5bd}header::after{background-color:#1e1e1e !important}.main .main-left{background-color:#333333 !important;box-shadow:0 0 .5rem 0 rgba(0,0,0,0.15)}.main .main-left .sidenav-header .brand{color:#ccc}.main .main-left .nav .slide .slide-menu .active a{color:#cccccc}.main .main-left .nav .slide .slide-menu .active a::after{background-color:#cccccc !important}.main .main-left .nav .slide .slide-menu li a{color:#cccccc}.main .main-left .nav .slide .slide-menu li a:hover{background:none !important}.main .main-left .nav .slide .menu.active{background-color:#483d8b !important;background-color:var(--dark-primary) !important;color:#cccccc !important}.main .main-left .nav .slide .menu.active a::after{background-color:#cccccc !important}.main .main-left .nav li a{color:#cccccc !important}.main .main-left .nav li a:hover{background-color:#483d8b !important;background-color:var(--dark-primary) !important;color:#cccccc !important}.main .main-left::-webkit-scrollbar-thumb{background-color:#252526 !important}.main .main-left::-webkit-scrollbar-track{background-color:#333}.main .main-right{background-color:#1e1e1e}h2{color:#ccc;background:#333333}h3{color:#ccc;border-bottom:0;background:#333333}a:-webkit-any-link{color:-webkit-link;cursor:pointer;color:#483d8b;color:var(--dark-primary)}input:-webkit-autofill{background-color:#3c3c3c !important}.cbi-value-field .cbi-input-apply,.cbi-button-apply,.cbi-button-edit{color:#fff !important;background-color:#483d8b !important;background-color:var(--dark-primary) !important;border-color:#483d8b !important;border-color:var(--dark-primary) !important}.cbi-section em{color:#483d8b;color:var(--dark-primary)}header.bg-primary{background-color:#1e1e1e !important}.cbi-map-descr{color:#ccc}.cbi-section{background:none;box-shadow:0 0 .5rem 0 rgba(0,0,0,0.35)}.panel-title{color:#ccc;background-color:#333333;border-bottom:0px}table>tbody>tr>td,table>tfoot>tr>td,table>thead>tr>td{color:#ccc}fieldset>table>tbody>tr:nth-of-type(2n){background-color:#252526}table>tbody>tr>td,table>tfoot>tr>td,table>thead>tr>td{border-top:1px solid #252526}#swaptotal>div>div,#swapfree>div>div,#memfree>div>div,#membuff>div>div,#conns>div>div,#memtotal>div>div{background-color:#483d8b !important;background-color:var(--dark-primary) !important}#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-system-packages>.main .cbi-section-node:first-child .cbi-value-last{line-height:1.8em}.node-system-packages>.main .cbi-section-node:first-child .cbi-value-last div[style="margin:3px 0; width:300px; height:10px; border:1px solid #000000; background-color:#80C080"]{border:1px solid #999999 !important;background-color:transparent !important}.node-system-packages>.main .cbi-section-node:first-child .cbi-value-last div[style="margin:3px 0; width:300px; height:10px; border:1px solid #000000; background-color:#80C080"] div{background-color:#32325d !important}table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>th{background-color:#252526;border-bottom:black 1px solid !important}.cbi-rowstyle-2{background-color:#1e1e1e}.cbi-rowstyle-1{background-color:#252526}.cbi-section>h3:first-child,.panel-title{color:#ccc;border-bottom:0}.cbi-section-table .cbi-section-table-titles .cbi-section-table-cell{background-color:#1e1e1f}.cbi-button{color:#ccc;background-color:#252526}.cbi-section-node{background:none;border-radius:0 0 .375rem .375rem;padding:0rem}abbr{color:#483d8b;color:var(--dark-primary)}div>table>tbody>tr:nth-of-type(2n),div>.table>.tbody>.tr:nth-of-type(2n){background-color:#252526}#content_syslog{box-shadow:0 0 .5rem 0 rgba(0,0,0,0.35)}#syslog{color:#ccc;background-color:#1e1e1e}#iwsvg,#iwsvg2,#bwsvg{overflow:hidden;box-shadow:0 0 .5rem 0 rgba(0,0,0,0.35);background-color:#1e1e1e !important}.tabs{background-color:#252526}.tabs>li[class~="active"]>a{color:#ccc}.tabs>li[class~="active"],.tabs>li:hover{border-bottom:.18751rem solid #483d8b;border-bottom:.18751rem solid var(--dark-primary);color:#ccc;background-color:#181819}.cbi-tabmenu>li>a,.tabs>li>a{color:#ccc}.cbi-tabmenu>li>a:hover,.tabs>li>a:hover{color:#ccc}.cbi-tabmenu>li{background:#2d2d2d}.cbi-tabmenu{border-bottom:0 solid #ddd !important}.cbi-tabmenu li[class~="cbi-tab"] a{color:#ccc}.cbi-tabmenu>li:hover{color:#ccc;background:#2d2d2d}.cbi-tabmenu>li[class~="cbi-tab"]{background-color:#181819}.cbi-tabcontainer>.cbi-value:nth-of-type(2n){background-color:#252526}.cbi-value-title{color:#ccc}select,input{color:#ccc;background-color:transparent;border:1px solid #3c3c3c !important;box-shadow:0 3px 2px rgba(0,0,0,0.05)}select:not([multiple="multiple"]):focus,input:focus{border-color:#483d8b !important;border-color:var(--dark-primary) !important;background-color:transparent;outline:0;box-shadow:none}select{background-color:#1e1e1e !important}#cbi-dropbear h2,#cbi-dropbear .cbi-map-descr,#cbi-dropbear .cbi-map-descr abbr,#cbi-rc h2,#cbi-rc .cbi-map-descr,#cbi-distfeedconf h2,#cbi-distfeedconf .cbi-map-descr,#cbi-customfeedconf h2,#cbi-customfeedconf .cbi-map-descr,#cbi-download h2,#cbi-filelist h2{color:#ccc !important}.cbi-value-field>ul>li .ifacebadge{background-color:#3c3c3c}.cbi-section-descr{color:#ccc}.cbi-input-textarea{background-color:#1e1e1e;color:#ccc}.cbi-section-remove:nth-of-type(2n),.cbi-section-node:nth-of-type(2n){background-color:#1e1e1e}.node-system-packages>.main table tr td:nth-last-child(1){color:#ccc}.node-system-packages>.main .cbi-value>pre{background-color:#333}.cbi-section-node .cbi-value{padding:1rem 1rem .3rem 1rem}.ifacebox{background-color:none;border:1px solid #1e1e1e}.ifacebox-head{color:#666}.ifacebox-body{background-color:#333}.zonebadge strong{color:#333}.zonebadge>.ifacebadge{background-color:#3c3c3c}div.cbi-value var,td.cbi-value-field var{color:#483d8b;color:var(--dark-primary)}#diag-rc-output>pre{color:#ccc;background-color:#1e1e1e}.node-services-vssr .block{background-color:#1e1e1e !important;box-shadow:0 0 .5rem 0 rgba(0,0,0,0.35)}.node-services-vssr .block h4{color:#ccc !important}.node-services-vssr .status-bar{color:#ccc;box-shadow:0 0 .5rem 0 rgba(0,0,0,0.35);background-color:#1e1e1e}.node-services-vssr .cbi-section-table-row{color:#ccc;background-color:#3c3c3c !important;box-shadow:0 0 5px 0 rgba(0,0,0,0.35)}.node-services-vssr .cbi-section-table-row.fast{background:#483d8b !important;background:var(--dark-primary) !important;color:#fff}.node-services-vssr .ssr-button{color:#ccc}.node-services-vssr .incon:nth-child(2){border-right:#1e1e1e 1px solid}.main .main-right #maincontent .container p{color:#ccc}#xhr_poll_status>.label.success{color:#ccc !important;background-color:darkolivegreen !important}.notice{background-color:#483d8b !important;background-color:var(--dark-primary) !important}.cbi-input-find,.cbi-input-save,.cbi-button-add,.cbi-button-save,.cbi-button-find,.cbi-input-reload,.cbi-button-reload{background-color:darkseagreen !important;border-color:darkseagreen !important}.cbi-button-reset,.cbi-input-remove{color:#fff !important;background-color:darkorange !important;border-color:darkorange !important}.cbi-page-actions .cbi-button-apply,.cbi-section-actions .cbi-button-edit,.cbi-button-edit.important,.cbi-button-apply.important,.cbi-button-reload.important,.cbi-button-action.important{border:1px #483d8b solid !important;border:1px var(--dark-primary) solid !important}fieldset[id^="cbi-apply-"]{background-color:#333333}#detail-bubble>div{border:1px solid #ccc;border-radius:2px;padding:5px;background:#252525}.cbi-section-error{color:darkorange}.node-services-vssr .block h4 span{color:#ccc !important}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.login-page .login-container .login-form{-webkit-backdrop-filter:blur(var(--blur-radius-dark));backdrop-filter:blur(var(--blur-radius-dark));background-color:rgba(0, 0, 0, var(--blur-opacity-dark))}}@media screen and (max-width:480px){.node-status-iptables>.main div>.cbi-map>form{background-color:#1e1e1e;box-shadow:0 0 .5rem 0 rgba(0,0,0,0.35)}} \ No newline at end of file diff --git a/luci-theme-argon_new/htdocs/luci-static/argon_blue/img/trafficbar.png b/luci-theme-argon_new/htdocs/luci-static/argon_blue/img/trafficbar.png new file mode 100644 index 0000000000000000000000000000000000000000..c9a99ce0c1a0f80e4d64d466e3008d92e062ad84 GIT binary patch literal 6556 zcmaJ`WmJ@Hw;p;(hi(`K96E*`kerb&fme`_7>1OP0fv-LK|vY;rAtcb2BnlzN-06Q z1_5b=gWq}I@0=gsInP?pbKm=3*R}VxW8HtASOYzEN-`EQ002O#sev@SS>0}4Wgzj* z_u{u|`_01ab=TC($lcxxYvYLqsMxvNqQRQ3HV$Y*w2htL<3aQt0Du7EWNhkXs;eW1 za(5N6`GXPhb@jMm0|0lFd_8PXE@&^XE!x4!O#!mk+6e(W*(pFwq;$n}JrHO|Ck=m3 zw2{A_G0NWs1-FAJDT43#%H23{MSIzReO({9VdQ)jApi0!ceDRjDkr@fo0$#Flh-%I9v!UE(Vho6_XW(NeIKF?g$EEX$*l@M|FbP$EX;c!tgaZzz`;Twc7#?Q^m##h)4 z!~Ks3BpQSAbn@_Wa(4s&@n~b~?(L-jxl#JxDY$y*>i*lY8|Lpq-IPq!*TzE>CL$*4 z>iQ?If1xp6hUov1@gLC`V?PhHs398T?(K=X>4!b{KjfR*{r`df0B_XDA>C2lu4p$e zO{4-0Zd)&G|(hwwz(c)5ETySqR7r+WsD?q2Q~M|Te}!bnO41~zeWvvbE{{*?A_rD#tl zAGDpCr@JfoU$v2Q`VaBNW$q#n(h@Q^T2*ee!&GEs#P7;T%SxyrU}7>bame3XyZ?~) z-(1=MlPh{7M)Xf(|5u~`Il7siKihwg?Tzv8!AHB@OuOgJSogBYd;$O%K$=JuW8ay! z94GAZR8o|vGQi?)<@{UuU0GfS`wpF}>rM?tT^f14IlY;ATq;d3J2-^Pzr2T}h@8yq zjx32fP3-Ez%ywmqiOPdChmq#*J0n#Wov3>G;JKX7xa{Ux^|$f?2LUbe)2$L;bAry= z&I2}a!M|4EIrC?exHoF68Eu>U8Sx#BdDyPX@i*qNa@_z2v1k< zXIO_?c?`()Hq!i)1c&FF{R??!eXFahg7tGlLiPR{$sYPo>vFjoz@+7O%4>Znp?HB6 ziuvk*6zfG*-_J?#(lP!@?&gNlCz<4VBM~6lx!1RL2fw9bgp;=izK=%ualW#K)N0IU z-Z^|u0?iJ?qe>Q{{G58vvKBJYgx^#4<>Bz2mZQ;CoQ~iMJ7%Z=5dQ0HoNBM!f(Ee< zw*w@ZrKiwqr5FU&Y`&(T9kuIu$D3sUwJ)!nkkfg{%c8t(Xc{fD_Le@(A}*HwJ!RWM zPUnF4HK+O!?r{F>UHrO+W6q#2hU75MxlAXJD)vp?rZMnTZ76Bxq8ePLhlA62i<&v6 zW|h^SRk5seuJB062?yzNsb<*d6~zZZlCAtNk0U{P{S2SjjQkc5&r4UEQlAhoUzq2$ zUnx)v{@jaxIPihSBjZ?!akHH!pYWjO!!kl|H4;n2mFf|{lA9_!k5D)1E516K40REN z1SPI>k`hQCJecv&7dWK2V~+*f2MGQ$CFOc5zvc@$sk;61YaOV`<#eY?Y@7J8dOjuw zS@Ej}lc87NXyo_UiP*erl<45+%d{8Xp##ReC&i&mv8Oo(PpYfVL^HeeTMtch_o-ES z)ka2v($b)}V{L+j%WU|x^czWz{FyT!Vo-S~&V3a-A&unb?^()^g|Djpr}kEVUl+s| zz_S9fgZLwwyY1{%H!w+C7KN+p4Ds?&aKlOtznC&Y1zO64Nb1n|RuJAmM2zm*1~JAE z%6IQR2#QWq>nBH!$16%v@u3%*`ze2U=&DDQuxyveJHCqyv8w^WgeKBAB*gu6`DD@u z^4K^G!xm-o6BsFG_93s6**y-j+D4G2En-$w_K$=|{kc&AB58$L7glyvq=XG2KG7W7wV@%5 zz<6ma&ks_F#`aSgnx(DmFrenn{cM|CFEYcOcx~67t!8oi*&Lm`qM|6hm0*UK*-W^+ zhLzoo1X3JIkkds#_u?t@^Oc@kGmtOSNdH_H5Mm`zU5Tp6iyq*#8&NlO!srzu`f zI)zJbWq0r_(yrWL$z}As$Jwo=zVis*E}zcmEI}hel#XMt-kd^1s#>x;L^NxsJECH$ zQ>M6tds>85(%?Hh`GS{(5KYQs?*wG_yX<_Fd-%F1(|0%A=?X8ixFQ zUtM)agU5zEYKB5dHt{u8NbhDBLxu-qge9{&C&W8uXx;pMAx%#My$UNhk!(?rS2%E3 zbp&srAjtu^JHncnn%^r=Gf3MHdXo@;uX2V`(v=%^7FLeTO{`Nk%RGUN0no-oAFOs4q};fFb82A_+eFZFFzJOTfL1qyVL@*zOO6AC=nQr6TG4K z&+q=40S)V=hFCkFmfgAj3laC3!IM0Jp6m|w3gT9;uY4}tA>)uZteSr)9Sn6Ab1%sa z6iEbD+YU5}*ShfRWwkouj${_IylNcs{n$_2S@kFAnIqZ9p;%Lr$@46s?^5 z1U72%QhA5`5Hh-A1TTmp^ymIw*=?a~Evo#JE>Sne;F7M`Q84_wq(&fVjfo)fE1q>{ ztvU$;vFrO+xB}C&jQ9N+glV_Ecgd^w5*yJ_VS!tY{>)MB+hP@g`klLoM_0Lpen*qvwP-sp7j>_lJ;vUn5RgP`;WnTCJXp$Xe}v6-Tm~B z>qZb}H!F|(Dog_s-g?z{@EL5b&WyzLo>!;?BcX!=Nr;SlwwTz@;?XNU2`>D61j!{% z@4gg)TsQVLr_!SUOpk~ZdYa^Z4wAlD;urd)%=A(_ObP$JBp@JmOOuCT2^iMqd9uL~ zgBzq^U)kX}ZY{fojxw8LD1OQ!9=(aX=48T-6YL&xzRG%>*LJD{6i=^P?1(`EAiAp#jQlFo z)*)n|cTErSe<*jpl|rW&iFrOdh@S$;zkZJ|Vk3;4gJex@HC{c5`<_nImmJ!Fh_}C- zIJFAWD-m`C&4(|VjTtXCzsR@-9a%L7s`alR;gFJNAo~zt!+JLXIZwgmBdAgUannMV zVQJTg0eRsyS(zj>>6(*SUI#XQqSSxk6)+tW&^)$!<*f0rfgr!oPU$> z>my@Ag#uP)c4vR<&2$6v5g)r|Pm-^8{tNDab9ciB?q@v-)`sys2t=gVRZbK!T2 zWgBUpWuKxLqM^HYQMG`3ZGHJ=-VNnzU<}8r$*u<~e;v8NREIH_z{_f{bpEKqsj z*O#=b8u!AW#VyKaUDUvQNB`mN{E3MbCs#otZO4xD7RCHYIx~7@vGb~ju<3>bfY=;O zsBTDe8l|$oOW%=YJBc_*__VcTLsqqpUbTD%zkX`2sOALEAZ9nzfoiU!{Eigd`q^C7 zZd^X#Ne$s=gyYv4V|kGeC3-poRz1Ux!k$EEzWENA=KR<>S3LRaD)xe_>x4uLyiM|? z0|2S3R3hhG2Ui*DGLguIq>IVjK*My+F|Imf&h>beyxI$>YW7}oni>S+2{mz%& z6SYLwIvZjjmE4e1GQ4uAF0~ht2esu;qc7hwjXo16vx7fRI4eu3Cakp@>5rfMp1N-L zlQ%*G%axR&7W!1a?#Gv1^Q(zR@+N!f4}i6MM#<#+LaJ8%#rGK&FUBTk`Lzz&9Kdyo zZ_KF3-vt7fwXgxr`h>4OM}FUc)Yd5rXv>GGg}@`cFJvB-Equ8-4dS%FRH zm=_~s6IW!n;y`{ieZ{ETW?odME~LTx2F27aLaYK{2J#?YUsU{JIiRp_y$aUfMY}$9vY|5#0n3k_n|Xu>CAj;EZcMv>Aqs;cACgf(8;{wH-V%q@v{BaVqOQH$`FkqQ^b zOwuZa88Y9B9aKnXT~DUJiAQETaXSZ=eugOc$lAC!3A79feVxX$@H8T__(>6Eb~z3a zt}1ppsnr7nhMo6g&Tu6Reo0w6y$Ui1XY1->dKbpT8c!Q=KHWiHIARsQP-BuYYSKSvIRYk55nm;09Ep^&BQ9D_}d2wgs-QG(ov1> z&&L*{BR5QRWDWu@?Y@!Do#4U+-vDQDV zrpnYxJKr29(`UYm;es4ZI$YC*ZN_D$bNo#AvDj5&G|c6GBbpP;7>QVFCHv0AG8SDe zLh%I7(ATSKitb^sR-PSMrOfY1(0l+Hll3?{e#Sx89~(PX;c~rbcdr0#5lf>5n60SL zr$H^3;Cy&%JM4fjEm_=qT9ilSnKs<(Wc|@z(p0^j=S1SSAl&CV-(dw)#$QlL>vYAV z!&{Yzd&eH-y0*??$kk9LlEKm3^b;^|15{{|7YMynOtuokQU7R7(F^Ie5 z5oZ}QKJlb9Ymx?69m-yE6iR}2@AVX^jW<9?v$=cNloPpuP--xG2>7`ef6C5(bL&$@ zx^Hn+26|rX!*{`zK!Fep^-7sk>Mz=nQ|DG~Q)_uw%5pz()cu zKO@iq{+j7w4lObduMXK?3(yLt96Ke{DQT7yk6(XLD)pt9iGQTWF}24&wd{97TY$)3 z5P4;b_~cWhWWd_tW9hKXmLT`VFJjU@M-9@J4nK!>XTOkWyrDmPa-s37#{sGirXzZ0 z?;4fDL)e`B1W&%X zjK!BcwCeM>af)lCLKhk(zbO6oDwJA@$#=UxqoOMI1tU;0jk4PiIH6u&#T$E7KO@#=C$f+WK;omhxZ+xg@DBTiVC|i0HIh=b?+IK8Unw`rXoz)UVz5okcut?0& z$9ar9ZOwS6e&aBj*UTfw+yUsOJT@t{XG1*I4lnA15{-Lt#jy|%Crs!?G9{@f>shq- zKjhZ**)j~DJ$>^7Z%zDwPQG4Ffe~Lp{jQ%aj{nY4*F{QzXHyP$*Q47nc8myWPP$jp z^ZANko7yH;KZ;ZyqJ3JisoqTwhfn-A%DRh`$r|!;)5Hc-9M7n}#8nW>YDRJ)WcA+# zK69Y&TiSNRe2<;Xc)8d`Eb|<`afry6qYSi+y@MsMbBO)%HVtFU?TWlWi++~g^$SX# zPQ>FE>k@e}Ge&1CWvdXS{}G_M+JtqfGjMrSPTw;9S6HC1*s`Ey`?x7qbc?Bz?&V77 zA&^)NKxx{U%`H0qOG}3Cln-UTC~uzlmr?a=c(D zCtsrK@*F8%c6uDO!$_0|Hg`rT4Svo|oWt zk*AWQxK}@BjY{Mq>ciaftn;{#I@x0AC=|lNM2Jd6@8xxbL4D#sU|9mwvj}%*hC{i; zYfX476~WS3Af_P+&!e^Mo=Fq@yFHhqRSUi!_g(Q`m38Hi+bGrBWmhqsKM+z~*`hQ~ zDoJE(@(+$>cz}8>@T-%|ZthzPsOdaT^RI7Ov{$rxl7zHg74h}mc=f`#q1_YQhVp?- zF`Y3uD~=*eB{?U|j~^oGkekDFo!s<$VO*k)Zli5&^?7kVEI2hL9o#5w_ z1hL=-*p67v^~$!FJ*QDBQY5;Pjb1A%^$iYx``e{p$(9@K;MPzSu+XsV3*f;iDi4b^KADz^K5Hyob%=t3vcYoT=3B zY4aasDm&=tM|3-rxPQ<1$Xdr#Q(npco?0i_c}%^Kp5Kf>^_0B9XFGRj?(tsFF1A<~ zkb==Y!}v`R)(`G0{LX%^sEtr>eZcP$m)FGAI>Hq`MLAPQP=3$?-x$akOQ^VBj-k;p zc$dc-s0YHyWgvIQS4QgMfhJWQmifiZu%S;t8hLRKQ>dYH#pl}*+A=Zbt>+_w)3|;0 zr921ca>3BhW>p|6N*d@I>{xGBf~3~xlnYjkL84%mwJjOro2tunBC@)b_IH!T1Jeq1D1t0w(`5lP2=-i8kttg zo>jKaQx3m=YObq?XKXQ#wJEp?NLIvuO8EI+l%Xar>jIq0jQmD^`trl>wDx*&QJ&Y) z-4JQscR9vXDk;TWsUdAIP8W6#uh^*Wy_9l z_@hdlyYc!vLO* { @@ -485,16 +580,16 @@ header { ***************************/ footer { - + text-align: right; padding: 1rem; color: #aaa; - color:var(--footer-color); + color: var(--footer-color); font-size: 0.8rem; a { color: #aaa; - color:var(--footer-color); + color: var(--footer-color); text-decoration: none; } } @@ -550,7 +645,7 @@ footer { &::-webkit-scrollbar-thumb { background-color: #f6f9fc; background-color: var(--menubar-scrollbar-thumb); - + } &::-webkit-scrollbar-track { @@ -630,7 +725,7 @@ footer { &:hover { &::after { color: #000; - color:var(--darker); + color: var(--darker); width: 100%; } } @@ -829,10 +924,11 @@ footer { } } - + &:last-child>.menu::after { + content: ""; + } } } - } } @@ -1486,6 +1582,9 @@ input[name="nslookup"] { height: 100% !important; background-color: #5e72e4 !important; background-color: var(--primary) !important; + background-image: url(../img/trafficbar.png); + background-position: left top; + animation: sparkle 1500ms linear infinite; } /* fix multiple table */ @@ -2114,8 +2213,8 @@ div>.table>.tbody>.tr:nth-of-type(2n) { .errorbox, .alert-message { - margin: 2rem 0 0 0; - padding: 2rem; + margin: 0 0 0 0; + padding: 1rem 2rem; border: 0; font-weight: normal; font-style: normal; @@ -2133,7 +2232,9 @@ div>.table>.tbody>.tr:nth-of-type(2n) { background-color: #f0ad4e; border-color: #eea236; } - +.alert-message.warning{ + margin-bottom: 1rem; +} .error { color: red; } @@ -3287,6 +3388,9 @@ input[name="nslookup"] { margin: 0.25rem !important; } +.node-network-wireless .cbi-button-add{ + margin-left: 0; +} @@ -3351,9 +3455,7 @@ input[name="nslookup"] { padding: 0.3rem 0.6rem; } - select { - min-width: 15rem; - } + } @@ -3501,6 +3603,7 @@ input[name="nslookup"] { float: right; margin-top: 0rem !important; } + .login-page .video { video { width: auto !important; @@ -3513,6 +3616,8 @@ input[name="nslookup"] { width: 100%; .login-form { + max-width: 480px; + .form-login { .input-group { &::before { @@ -3539,10 +3644,6 @@ input[name="nslookup"] { margin: 1rem 0 0 0; } - .tabs { - margin: 0.5rem 0rem - } - .toggle { margin: 0; } @@ -3573,6 +3674,7 @@ input[name="nslookup"] { top: 0.9rem; } + #ethinfo td { padding: 0.75rem 0.2rem !important; @@ -3593,18 +3695,27 @@ input[name="nslookup"] { min-width: 15rem; } - select { - width: 15rem; + select, + input { + width: 100% !important; min-width: auto; + margin: 0.25rem 0; + } + + input { + box-sizing: border-box; + } + + .cbi-value>.cbi-value-field>div>input { + width: calc(100% - 1.5rem) !important; } .cbi-value>.cbi-value-field { display: inline-block; - + width: 100%; + position: relative; } - - .cbi-value-field .cbi-input-checkbox, .cbi-value-field .cbi-input-radio { margin: 0rem 0.25rem 0 0.25rem; @@ -3637,7 +3748,7 @@ input[name="nslookup"] { } .mobile-hide { - display: none; + display: none !important; } @@ -3706,6 +3817,34 @@ input[name="nslookup"] { width: 10rem !important; } + .cbi-button-add { + margin-left: 0.5rem; + } + + .node-network-network { + .cbi-section-table { + + tr, + td { + display: block; + } + + td { + width: 100% !important; + text-align: center !important; + padding: 0.8rem 1.5rem !important; + } + + .cbi-section-table-titles { + display: flex; + + .cbi-section-table-cell { + flex: 1 !important; + } + } + } + } + .node-services-vssr { .status-info { font-size: 0.75rem; diff --git a/luci-theme-argon_new/htdocs/luci-static/argon_blue/less/dark.less b/luci-theme-argon_new/htdocs/luci-static/argon_blue/less/dark.less index 5ddef68..fd284ed 100644 --- a/luci-theme-argon_new/htdocs/luci-static/argon_blue/less/dark.less +++ b/luci-theme-argon_new/htdocs/luci-static/argon_blue/less/dark.less @@ -249,7 +249,8 @@ table>thead>tr>td { #membuff>div>div, #conns>div>div, #memtotal>div>div { - background-color: #32325d !important; + background-color: #483d8b !important; + background-color: var(--dark-primary) !important; } #swaptotal>div>div>div>small, diff --git a/luci-theme-argon_new/luasrc/view/themes/argon_blue/footer.htm b/luci-theme-argon_new/luasrc/view/themes/argon_blue/footer.htm index 19ec480..56141a1 100644 --- a/luci-theme-argon_new/luasrc/view/themes/argon_blue/footer.htm +++ b/luci-theme-argon_new/luasrc/view/themes/argon_blue/footer.htm @@ -39,11 +39,10 @@ local categories = disp.node_childs(tree) %> -