diff --git a/README.md b/README.md index 6b59e5f..a121ae4 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,13 @@ # luci-theme-argon A new Luci theme for LEDE/OpenWRT Argon is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argon Template -Suitable for Openwrt 18.06.4 (for test) And Lean Luci (stable) + The old version is still in another branch call old. If you need that you can checkout that branch. +## Notice +The Current Branch Support 19.07, But it is only for test. +You can checkout branch 18.06 for OpenWRT 18.06 ## How to use @@ -20,21 +23,14 @@ make -j1 V=s opkg install https://github.com/jerrykuku/luci-theme-argon/releases/download/V1.3/luci-theme-argon_1.3-01-20191111_all.ipk ``` -## Update log 20191109 -1. Minimal background file size. -2. Automatically detect the number of background images. -3. Delete unused image and file. +## Update log 20200131 +1. New Code For OpenWRT 19.07 for test. ## Screenshots -![](/Screenshots/pc/screenshot1.png) -![](/Screenshots/pc/screenshot2.png) - - - - - - - +![](/Screenshots/pc/pc1.jpg) +![](/Screenshots/pc/pc2.jpg) +![](/Screenshots/pc/pc3.jpg) +![](/Screenshots/pc/phone.jpg) ## Thanks to luci-theme-material: https://github.com/LuttyYang/luci-theme-material/ diff --git a/Screenshots/pc/screenshot1.png b/Screenshots/pc/screenshot1.png deleted file mode 100644 index e3d08b7..0000000 Binary files a/Screenshots/pc/screenshot1.png and /dev/null differ diff --git a/Screenshots/pc/screenshot2.png b/Screenshots/pc/screenshot2.png deleted file mode 100644 index 6663108..0000000 Binary files a/Screenshots/pc/screenshot2.png and /dev/null differ diff --git a/Screenshots/pc1.jpg b/Screenshots/pc1.jpg new file mode 100644 index 0000000..35a8908 Binary files /dev/null and b/Screenshots/pc1.jpg differ diff --git a/Screenshots/pc2.jpg b/Screenshots/pc2.jpg new file mode 100644 index 0000000..ba649fa Binary files /dev/null and b/Screenshots/pc2.jpg differ diff --git a/Screenshots/pc3.jpg b/Screenshots/pc3.jpg new file mode 100644 index 0000000..a4e3385 Binary files /dev/null and b/Screenshots/pc3.jpg differ diff --git a/Screenshots/phone.jpg b/Screenshots/phone.jpg new file mode 100644 index 0000000..290ce1b Binary files /dev/null and b/Screenshots/phone.jpg differ diff --git a/Screenshots/phone/Screenshot_1.jpg b/Screenshots/phone/Screenshot_1.jpg deleted file mode 100644 index 1c7c7e4..0000000 Binary files a/Screenshots/phone/Screenshot_1.jpg and /dev/null differ diff --git a/Screenshots/phone/Screenshot_2.jpg b/Screenshots/phone/Screenshot_2.jpg deleted file mode 100644 index 2e4547a..0000000 Binary files a/Screenshots/phone/Screenshot_2.jpg and /dev/null differ diff --git a/Screenshots/phone/Screenshot_3.jpg b/Screenshots/phone/Screenshot_3.jpg deleted file mode 100644 index ac07f8d..0000000 Binary files a/Screenshots/phone/Screenshot_3.jpg and /dev/null differ diff --git a/htdocs/luci-static/argon/cascade.css b/htdocs/luci-static/argon/cascade.css new file mode 100644 index 0000000..8ac7cf7 --- /dev/null +++ b/htdocs/luci-static/argon/cascade.css @@ -0,0 +1,3065 @@ +/** + * Argon is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argon Template + * + * luci-theme-argon + * Copyright 2019 Jerrykuku + * + * Have a bug? Please create an issue here on GitHub! + * https://github.com/jerrykuku/luci-theme-argon/issues + * + * luci-theme-material: + * Copyright 2015 Lutty Yang + * https://github.com/LuttyYang/luci-theme-material/ + * + * Agron Theme + * https://demos.creative-tim.com/argon-dashboard/index.html + * + * Login background + * https://unsplash.com/ + * Font generate by Icomoon + * + * Licensed to the public under the Apache License 2.0 + */ +/* + * Include base and custom css + */ +@import url("custom.css?v=1"); +/* + * Icon Css and Fonts + */ +@font-face { + font-family: 'argon'; + src: url('fonts/argon.eot?vncylf'); + src: url('fonts/argon.eot?vncylf#iefix') format('embedded-opentype'), url('fonts/argon.ttf?vncylf') format('truetype'), url('fonts/argon.woff?vncylf') format('woff'), url('fonts/argon.svg?vncylf#argon') format('svg'); + font-weight: normal; + font-style: normal; + font-display: block; +} +@font-face { + font-family: 'TypoGraphica'; + src: url('fonts/TypoGraphica.eot?#iefix') format('embedded-opentype'), url('fonts/TypoGraphica.woff') format('woff'), url('fonts/TypoGraphica.ttf') format('truetype'), url('fonts/TypoGraphica.svg#TypoGraphica') format('svg'); + font-weight: normal; + font-style: normal; +} +[class^="icon-"], +[class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + 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; +} +.icon-hello-world:before { + content: "\e90e"; +} +.icon-expand_more:before { + content: "\e20b"; +} +.icon-menu:before { + content: "\e20e"; +} +.icon-favorite:before { + content: "\e291"; +} +.icon-spinner:before { + content: "\e603"; +} +.icon-delete:before { + content: "\e900"; +} +.icon-edit:before { + content: "\e901"; +} +.icon-use:before { + content: "\e902"; +} +.icon-loading:before { + content: "\e903"; +} +.icon-switch:before { + content: "\e904"; +} +.icon-error:before { + content: "\e905"; +} +.icon-dashboard:before { + content: "\e906"; +} +.icon-logout:before { + content: "\e907"; +} +.icon-Network:before { + content: "\e908"; +} +.icon-services:before { + content: "\e909"; +} +.icon-system:before { + content: "\e90a"; +} +.icon-vpn:before { + content: "\e90b"; +} +.icon-storage:before { + content: "\e90c"; +} +.icon-statistics:before { + content: "\e90d"; +} +.icon-angle-right:before { + content: "\e90f"; +} +.icon-password:before { + content: "\e910"; +} +.icon-user:before { + content: "\e971"; +} +.icon-question:before { + content: "\f059"; +} +.sk-folding-cube { + position: absolute; + width: 40px; + height: 40px; + left: 50%; + top: 50%; + margin: -20px 0 0 -20px; + -webkit-transform: rotateZ(45deg); + transform: rotateZ(45deg); +} +.sk-folding-cube .sk-cube { + float: left; + width: 50%; + height: 50%; + position: relative; + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} +.sk-folding-cube .sk-cube:before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #5e72e4; + -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; + animation: sk-foldCubeAngle 2.4s infinite linear both; + -webkit-transform-origin: 100% 100%; + -ms-transform-origin: 100% 100%; + transform-origin: 100% 100%; +} +.sk-folding-cube .sk-cube2 { + -webkit-transform: scale(1.1) rotateZ(90deg); + transform: scale(1.1) rotateZ(90deg); +} +.sk-folding-cube .sk-cube3 { + -webkit-transform: scale(1.1) rotateZ(180deg); + transform: scale(1.1) rotateZ(180deg); +} +.sk-folding-cube .sk-cube4 { + -webkit-transform: scale(1.1) rotateZ(270deg); + transform: scale(1.1) rotateZ(270deg); +} +.sk-folding-cube .sk-cube2:before { + -webkit-animation-delay: 0.3s; + animation-delay: 0.3s; +} +.sk-folding-cube .sk-cube3:before { + -webkit-animation-delay: 0.6s; + animation-delay: 0.6s; +} +.sk-folding-cube .sk-cube4:before { + -webkit-animation-delay: 0.9s; + animation-delay: 0.9s; +} +@-webkit-keyframes sk-foldCubeAngle { + 0%, + 10% { + -webkit-transform: perspective(140px) rotateX(-180deg); + transform: perspective(140px) rotateX(-180deg); + opacity: 0; + } + 25%, + 75% { + -webkit-transform: perspective(140px) rotateX(0deg); + transform: perspective(140px) rotateX(0deg); + opacity: 1; + } + 90%, + 100% { + -webkit-transform: perspective(140px) rotateY(180deg); + transform: perspective(140px) rotateY(180deg); + opacity: 0; + } +} +@keyframes sk-foldCubeAngle { + 0%, + 10% { + -webkit-transform: perspective(140px) rotateX(-180deg); + transform: perspective(140px) rotateX(-180deg); + opacity: 0; + } + 25%, + 75% { + -webkit-transform: perspective(140px) rotateX(0deg); + transform: perspective(140px) rotateX(0deg); + opacity: 1; + } + 90%, + 100% { + -webkit-transform: perspective(140px) rotateY(180deg); + transform: perspective(140px) rotateY(180deg); + opacity: 0; + } +} +.table { + position: relative; + display: table; +} +.tr { + display: table-row; +} +.thead { + display: table-header-group; +} +.tbody { + display: table-row-group; +} +.tfoot { + display: table-footer-group; +} +.td, +.th { + line-height: normal; + display: table-cell; + padding: 0.5em; + text-align: center; + vertical-align: middle; +} +.th { + font-weight: bold; +} +.tr.placeholder { + height: 4em; +} +.tr.placeholder > .td { + line-height: 3; + position: absolute; + right: 0; + bottom: 0; + left: 0; + padding: 0.4rem 0 !important; + text-align: center !important; + background: inherit; +} +.td[width="33%"] { + padding: 1.1em 1.5rem; +} +.table[width="33%"], +.th[width="33%"], +.td[width="33%"] { + width: 33%; +} +.table[width="100%"], +.th[width="100%"], +.td[width="100%"] { + width: 100%; +} +.col-1 { + flex: 1 1 30px !important; +} +.col-2 { + flex: 2 2 60px !important; +} +.col-3 { + flex: 3 3 90px !important; +} +.col-4 { + flex: 4 4 120px !important; +} +.col-5 { + flex: 5 5 150px !important; +} +.col-6 { + flex: 6 6 180px !important; +} +.col-7 { + flex: 7 7 210px !important; +} +.col-8 { + flex: 8 8 240px !important; +} +.col-9 { + flex: 9 9 270px !important; +} +.col-10 { + flex: 10 10 300px !important; +} +* { + box-sizing: border-box; + margin: 0; + padding: 0; + color: #32325d; + color: var(--gray-dark); +} +.h1, +.h2, +.h3, +.h4, +.h5, +.h6, +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: inherit; + font-weight: normal; + line-height: 1.1 !important; + color: inherit; +} +html { + overflow-y: hidden; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +body { + font-size: 0.8rem; + background-color: #f8f9fe; +} +html, +body { + font-family: "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif", "Helvetica Neue", "Helvetica", "Hiragino Sans GB"; + font-family: var(--font-body); + height: 100%; + margin: 0; + padding: 0; +} +select { + padding: 0.36rem 0.8rem; + color: #555; + border: thin solid #ccc; + background-color: #fff; + background-image: none; +} +.btn, +button, +select, +input, +.cbi-dropdown { + height: 2.5rem; + padding: 0.625rem 0.75rem; + margin: 0.25rem 0; + color: #8898aa; + border: 1px solid #dee2e6; + border-radius: 0.25rem; + outline: 0; + background-image: none; + box-shadow: none; + transition: box-shadow 0.15s ease; +} +select, +.cbi-dropdown { + width: inherit; + cursor: default; +} +select:not([multiple="multiple"]):focus, +input:not(.cbi-button):focus, +.cbi-dropdown:focus { + border-color: #5e72e4; + border-color: var(--primary); + box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, 0.1); +} +.cbi-dropdown, +select[multiple="multiple"] { + height: auto; +} +pre { + overflow: auto; +} +code { + font-size: 1rem; + font-size-adjust: 0.35; + padding: 1px 3px; + color: #101010; + border-radius: 2px; + background: #ddd; +} +abbr { + cursor: help; + text-decoration: underline; + color: #fff; +} +hr { + margin: 1rem 0; + opacity: 0.1; + border-color: #eee; +} +header, +.main { + width: 100%; +} +footer { + font-size: 0.8rem; + overflow: hidden; + padding: 1rem; + text-align: right; + white-space: nowrap; + color: #aaa; + text-shadow: 0 0 2px #bbb; +} +footer > a { + text-decoration: none; + color: #aaa; +} +small { + font-size: 90%; + line-height: 1.42857143; + white-space: normal; +} +.main { + position: relative; + top: 0; + bottom: 0; + overflow-y: auto; + height: 100%; +} +.main > .loading { + position: fixed; + z-index: 1000; + top: 0; + display: block; + width: 100%; + height: 100%; + pointer-events: none; + background-color: #f0f0f0; +} +.main > .loading > span { + font-family: monospace; + font-size: 2rem; + font-size-adjust: 0.35; + position: relative; + top: 12.5%; + display: block; + text-align: center; + color: #888; +} +.main > .loading > span > .loading-img { + position: relative; + top: 0.1rem; + left: 0.05rem; + display: inline-block; + width: 1.25rem; + height: 1.25rem; + margin-right: 1rem; + animation: anim-rotate 2s infinite linear; + background: url(icons/spinner.svg) no-repeat center; +} +@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-left { + top: 0; + float: left; + width: 15%; + width: calc(0% + 15rem); + height: 100%; + background-color: #fff; + background-color: var(--menu-bg-color); + box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15); + overflow-x: auto; + position: fixed; + z-index: 100; +} +.main-left .sidenav-header { + padding: 1.5rem; + text-align: center; +} +.main-left .sidenav-header .brand { + font-size: 1.8rem; + color: #5e72e4; + font-family: "TypoGraphica"; + text-decoration: none; + text-align: center; + cursor: default; + vertical-align: text-bottom; + white-space: nowrap; +} +.main-right { + float: right; + width: 85%; + width: calc(100% - 15rem); + height: 100%; + background-color: #f8f9fe; + transition: all 0.2s; +} +.main-right > #maincontent { + position: relative; + z-index: 50; + margin-top: -13rem; +} +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.nowrap:not(.td) { + white-space: nowrap; +} +[disabled="disabled"] { + pointer-events: none; +} +header { + color: #fff; + color: var(--header-color); + padding: 0 0 14rem 0; +} +header.bg-primary { + background-color: #5e72e4 !important; + background-color: var(--primary) !important; +} +header .fill { + padding: 0.8rem 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; +} +header .fill .container { + height: 2rem; + padding: 0 1rem; +} +header .fill .container .showSide { + display: none; + color: #fff; + font-size: 1.4rem; +} +header .fill .container .brand { + font-size: 1.5rem; + color: #fff; + font-family: "TypoGraphica"; + text-decoration: none; + padding-left: 1rem; + cursor: default; + vertical-align: text-bottom; + display: none; +} +header .fill .container .pull-right { + float: right; + margin-top: 0rem; + display: flex; +} +header .fill .status { + position: absolute; + top: 25%; + right: 1em; + float: right; +} +header .fill .status * { + position: relative; + top: 0.2rem; + float: left; + margin-left: 0.3rem; + cursor: pointer; +} +#xhr_poll_status { + display: flex; + margin-left: 0.5rem; +} +#xhr_poll_status * { + color: #fff; +} +.danger { + background-color: #ff7d60 !important; +} +.warning { + background-color: #f0e68c !important; +} +.success { + background-color: #5cb85c !important; +} +.notice { + background-color: #11cdef !important; + color: #fff; +} +.error { + color: #f00; +} +.alert, +.alert-message { + font-weight: bold; + margin-bottom: 1em; + padding: 1rem; + border: 0; + border-radius: 0 !important; + 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); + text-shadow: 1px 1px rgba(0, 0, 0, 0.1); +} +.alert-message > h4 { + font-size: 110%; + font-weight: bold; +} +.alert-message > * { + margin: 0.5rem 0; +} +.alert-message .btn { + padding: 0.3rem 0.6rem; +} +.container .alert, +.container .alert-message { + margin-top: 1rem; +} +/* + * Main Menu + */ +.main .main-left { + transition: all 0.2s; +} +.main .main-left .nav { + margin-top: 0.5rem; +} +.main .main-left .nav li { + padding: 0.5rem 1rem; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.main .main-left .nav li a { + display: block; + color: #5f6368; + color: var(--menu-color); +} +.main .main-left .nav li.slide { + padding: 0; +} +.main .main-left .nav li.slide ul { + display: none; +} +.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.active { + color: #fff; + background: #5e72e4; + background: var(--primary); +} +.main .main-left .nav li.slide .menu.active::before { + color: #fff !important; +} +.main .main-left .nav li.slide .menu.active::after { + transform: rotate(90deg); + color: #fff !important; +} +.main .main-left .nav li.slide .menu:hover { + cursor: pointer; + color: #fff; + background: #5e72e4; + background: var(--primary); +} +.main .main-left .nav li.slide .menu:hover::before { + color: #fff !important; +} +.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; + padding-top: 3px; + transition: all 0.3s; +} +.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[data-title=Status]:before { + content: "\e906"; + color: #5e72e4; +} +.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: #172b4d; +} +.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:hover { + background: none; +} +.main .main-left .nav li.slide .slide-menu { + margin: 0 0.5rem 0 2.5rem; + padding: 0rem 0.5rem; +} +.main .main-left .nav li.slide .slide-menu li { + position: relative; + border-radius: 0.375rem; + margin: 0.2rem 0; + padding: 0.5rem 0rem; + background: none; +} +.main .main-left .nav li.slide .slide-menu li a { + white-space: nowrap; + text-decoration: none; +} +.main .main-left .nav li.slide .slide-menu li::after { + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 0; + height: 2px; + background-color: #5e72e4; + transition: all 0.2s; +} +.main .main-left .nav li.slide .slide-menu li:hover { + background: none; +} +.main .main-left .nav li.slide .slide-menu li:hover::after { + width: 100%; +} +.main .main-left .nav li.slide .slide-menu .active { + background: none; + color: var(--menu-color); +} +.main .main-left .nav li.slide .slide-menu .active a { + color: var(--menu-color); +} +.main .main-left .nav li.slide .slide-menu .active::after { + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 2px; + background-color: #5e72e4; + transition: all 0.2s; +} +.main .main-left .nav li.slide .slide-menu .active:hover { + background: none; +} +.main .main-left .nav li.slide .slide-menu .active:hover::after { + width: 100%; +} +.lg { + margin: 0; + padding: 0 !important; +} +.logout { + display: block; + margin: 0.8rem 0.5rem 0.1rem 0.5rem; + padding: 0.675rem 0 0.675rem 2.5rem; + border-radius: 0.375rem; + text-decoration: none; + font-size: 1rem; + transition: all 0.2s; + position: relative; +} +.logout: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; + padding-top: 3px; + transition: all 0.3s; + content: "\e907"; + color: #32325d !important; +} +body[class*="node-"] > .main > .main-left > .nav > .slide > .menu::before { + transition: transform 0.1s ease-in-out; +} +body[class*="node-"] > .main > .main-left > .nav > .slide > .menu.active::before { + transition: transform 0.2s ease-in-out; +} +.main > .main-left[style*="overflow: hidden"] > .nav > .slide > .menu::before { + display: none; +} +#maincontent > .container { + margin: 0 2rem 1rem 2rem; +} +ul { + line-height: normal; +} +li { + list-style-type: none; +} +h1 { + font-size: 2rem; + padding-bottom: 10px; + border-bottom: thin solid #eee; +} +h2 { + color: #fff; + font-size: 1.8rem; + margin: 1rem 0 0 0; + padding-bottom: 10px; +} +h3 { + font-size: 1.4rem; + margin: 0rem 0 0 0; + padding: 2rem 1.5rem 1.25rem 1.5rem; +} +h4 { + font-size: 1.2rem; + margin: 2rem 0 0 0; + padding: 0rem 1.5rem 0.75rem 1.5rem; +} +h5 { + font-size: 1rem; + margin: 2rem 0 0 0; + padding-bottom: 10px; +} +.cbi-section, +.cbi-section-error, +#iptables, +.Firewall form, +#cbi-network > .cbi-section-node, +#cbi-wireless > .cbi-section-node, +#cbi-wireless > #wifi_assoclist_table, +[data-tab-title], +[data-page^="admin-system-admin"]:not(.node-main-login) .cbi-map:not(#cbi-dropbear), +[data-page="admin-system-opkg"] #maincontent > .container { + font-family: inherit; + font-weight: normal; + font-style: normal; + line-height: normal; + min-width: inherit; + margin: 1.5rem 0; + padding: 0rem; + border: 0; + border-radius: 0.375rem; + background-color: #fff; + box-shadow: 0 0 1rem 0 rgba(136, 152, 170, 0.15); +} +.cbi-modal .cbi-section, +.cbi-section .cbi-section { + padding: 0; + box-shadow: none; +} +.cbi-modal .cbi-tabmenu { + margin-left: 0; +} +.cbi-map-descr, +.cbi-section-descr { + font-size: small; + line-height: 1.42857143; + padding: 0.5rem 0; + color: #fff; +} +.cbi-map-descr + fieldset { + margin-top: 1rem; +} +.cbi-section > legend { + display: none !important; +} +fieldset > fieldset, +.cbi-section > .cbi-section { + margin: 0; + padding: 0; + border: 0; + box-shadow: none; +} +.cbi-section > h3:first-child, +.panel-title { + font-size: 1.4rem; + line-height: 1; + display: block; + width: 100%; + margin: 0; + margin-bottom: 0; + padding: 1.25rem 1.5rem; + color: #32325d; + color: var(--gray-dark); +} +.cbi-section > h3:first-child, +.cbi-section > h4:first-child, +.cbi-section > p:first-child, +[data-tab-title] > h3:first-child, +[data-tab-title] > h4:first-child, +[data-tab-title] > p:first-child { + padding-top: 1rem; +} +table { + border-spacing: 0; + border-collapse: collapse; +} +table, +.table { + overflow-y: hidden; + 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, +.table > .tr > .td.cbi-value-field, +.table > .tr > .th.cbi-section-table-cell { + padding: 0.5rem; +} +.container > .cbi-section:first-of-type > .table[width="100%"] > .tr > .td { + padding: 0.6rem; +} +.cbi-section-table-cell { + line-height: 1.1; + align-self: flex-end; + flex: 1 1 auto; +} +tr > td, +tr > th, +.tr > .td, +.tr > .th, +.cbi-section-table-row::before, +#cbi-wireless > #wifi_assoclist_table > .tr:nth-child(2) { + border-top: thin solid #ddd; + padding: 1.1em 1.5rem; +} +#cbi-wireless .td, +#cbi-network .tr:first-child > .td, +.table[width="100%"] > .tr:first-child > .td, +[data-page="admin-network-diagnostics"] .tr > .td, +.tr.table-titles > .th, +.tr.cbi-section-table-titles > .th { + border-top: 0 !important; + background-color: #f6f9fc; + padding: 1.1em 1.5rem; + line-height: 1.3rem; +} +.table[width="100%"] > .tr:first-child > .td { + margin: auto 0; +} +.cbi-section-table-row { + margin-bottom: 1rem; + text-align: center !important; + background: #f4f4f4; +} +.cbi-section-table-row:last-child { + margin-bottom: 0; +} +.cbi-section-table-row > .cbi-value-field .cbi-dropdown, +.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 { + 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); +} +.cbi-section-table-row .td { + text-align: center !important; +} +div > table > tbody > tr:nth-of-type(2n), +div > .table > .tr:nth-of-type(2n) { + background-color: #f9f9f9; +} +/* fix multiple table */ +table table, +.table .table, +.cbi-value-field table, +.cbi-value-field .table, +td > table > tbody > tr > td, +.td > .table > .tbody > .tr > .td, +.cbi-value-field > table > tbody > tr > td, +.cbi-value-field > .table > .tbody > .tr > .td { + border: 0; +} +/* button style */ +.btn, +.cbi-button, +.item::after { + font-size: 0.8rem; + display: inline-block; + width: auto !important; + padding: 0 0.8rem; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + transition: all 0.2s ease-in-out; + text-align: center; + vertical-align: middle; + white-space: nowrap; + text-decoration: none; + text-transform: uppercase; + color: rgba(0, 0, 0, 0.87); + border: 0; + border-radius: 0.2rem; + background-color: #f0f0f0; + background-image: none; + -webkit-appearance: none; + -ms-touch-action: manipulation; + touch-action: manipulation; +} +.cbi-button-up, +.cbi-button-down { + font-size: 1.2rem; + display: inline-block; + min-width: 0; + padding: 0.2rem 0.3rem; + color: transparent !important; + background: url(icons/arrow.svg) no-repeat center; + background-size: 12px 20px; +} +.cbi-button-up { + transform: scaleY(-1); +} +.cbi-button:not(select) { + -webkit-appearance: none !important; +} +.cbi-button + .cbi-button { + margin-left: 0.6rem; +} +.btn:hover, +.btn:focus, +.btn:active, +.cbi-button:hover, +.cbi-button:focus, +.cbi-button:active, +.item:hover::after, +.item:focus::after, +.item:active::after, +.cbi-page-actions .cbi-button-apply + .cbi-button-save:hover, +.cbi-page-actions .cbi-button-apply + .cbi-button-save:focus, +.cbi-page-actions .cbi-button-apply + .cbi-button-save:active { + text-decoration: none; + outline: 0; +} +.btn:hover, +.btn:focus, +.cbi-button:hover, +.cbi-button:focus, +.item:hover::after, +.item:focus::after { + box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2); +} +.btn:active, +.cbi-button:active, +.item:active::after { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.cbi-button-up:hover, +.cbi-button-up:focus { + box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 -2px 2px rgba(0, 0, 0, 0.2); +} +.cbi-button-up:active { + box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.19), 0 -6px 6px rgba(0, 0, 0, 0.23); +} +.btn:disabled, +.cbi-button:disabled { + cursor: not-allowed; + pointer-events: none; + opacity: 0.5; + box-shadow: none; +} +/* gray */ +.alert-message [class="btn"], +.modal div[class="btn"], +.cbi-button-find, +.cbi-button-link, +.cbi-button-up, +.cbi-button-down, +.cbi-button-neutral, +.cbi-button[name="zero"], +.cbi-button[name="restart"], +.cbi-button[onclick="hide_empty(this)"] { + font-weight: bold; + color: #fff; + border: thin solid #8898aa; + background-color: #8898aa; +} +/* dark blue */ +.btn.primary, +.cbi-page-actions .cbi-button-save, +.cbi-page-actions .cbi-button-apply + .cbi-button-save, +.cbi-button-add, +.cbi-button-save, +.cbi-button-positive, +.cbi-button-link, +.cbi-button[value="Enable"], +.cbi-button[value="Scan"], +.cbi-button[value^="Back"], +.cbi-button-neutral[onclick="handleConfig(event)"] { + font-weight: normal; + color: #fff; + border: thin solid #5e72e4; + border: thin solid var(--primary); + background-color: #5e72e4; + background-color: var(--primary); +} +/* light blue */ +.cbi-page-actions .cbi-button-apply, +.cbi-section-actions .cbi-button-edit, +.cbi-button-edit, +.cbi-button-apply, +.cbi-button-reload, +.cbi-button-action, +.cbi-button[value="Submit"], +.cbi-button[value="Upload"], +.cbi-button[value$="Apply"], +.cbi-button[onclick="addKey(event)"] { + font-weight: normal; + color: #fff; + border: thin solid #5e72e4; + border: thin solid var(--primary); + background-color: #5e72e4; + background-color: var(--primary); +} +/* red */ +.btn.danger, +.cbi-section-remove > .cbi-button, +.cbi-button-remove, +.cbi-button-reset, +.cbi-button-negative, +.cbi-button[value="Stop"], +.cbi-button[value="Kill"], +.cbi-button[onclick="reboot(this)"], +.cbi-button-neutral[value="Restart"] { + font-weight: normal; + color: #fff; + border: thin solid #f5365c; + border: thin solid var(--red); + background-color: #f5365c; + background-color: var(--red); +} +/* yellow */ +.btn[value="Dismiss"], +.cbi-button[value="Terminate"], +.cbi-button[value="Reset"], +.cbi-button[value="Disabled"], +.cbi-button[onclick^="iface_reconnect"], +.cbi-button[onclick="handleReset(event)"], +.cbi-button-neutral[value="Disable"] { + font-weight: normal; + color: #fff; + border: thin solid #eea236; + background-color: #f0ad4e; +} +/* green */ +.cbi-button-success, +.cbi-button-download, +.cbi-button[name="backup"], +.cbi-button[value="Download"], +.cbi-button[value="Save mtdblock"] { + font-weight: normal; + color: #fff; + border: thin solid #4cae4c; + background-color: #5cb85c; +} +.cbi-page-actions .cbi-button-link:first-child { + float: left; +} +.a-to-btn { + text-decoration: none; +} +.cbi-value-field .cbi-button-add { + font-weight: bold; + margin: 9px 0 4px 3px; + padding: 1px 6px; +} +.tabs { + margin: 0 0rem; + padding-left: 0.5rem; + border-radius: 0.375rem; + background-color: #fff; +} +.tabs > li, +.cbi-tabmenu > li { + display: inline-block; + padding: 0.55rem 0; + margin: 0.5rem 0.1rem 0 0.1rem; + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; + background-color: #d4d4d4; + cursor: pointer; +} +.tabs > li { + padding-bottom: 0.4rem; + border-bottom: 0.2rem solid transparent; + background-color: #fff; +} +.tabs > li[class~="active"], +.tabs > li:hover { + border-bottom-color: #5e72e4; + border-bottom-color: var(--primary); +} +.tabs > li:hover { + cursor: pointer; + border-bottom-color: #c9c9c9; +} +.tabs > li > a, +.cbi-tabmenu > li > a { + padding: 0.6rem 0.9rem; + text-decoration: none; + color: #404040; +} +.tabs > li[class~="active"] > a { + color: #5e72e4; + color: var(--primary); +} +.cbi-tabmenu { + border: 0 solid #d4d4d4; + border-bottom: 0; +} +.cbi-tabmenu > li:hover { + background-color: #f1f1f1; +} +.cbi-tabmenu > li[class~="cbi-tab"] { + background-color: #fb6340; + background-color: var(--orange); +} +.cbi-tabmenu > li[class~="cbi-tab"] a { + color: #fff; +} +.cbi-tabmenu { + padding-left: 1rem; + background-color: none; +} +.cbi-section .cbi-section-remove:nth-of-type(2n), +.container > .cbi-section .cbi-section-node:nth-of-type(2n) { + background-color: #f9f9f9; +} +[data-tab-title] { + overflow: hidden; + height: 0; + opacity: 0; + margin: 0; + padding: 0rem 0rem !important; +} +[data-tab-title] p { + margin-left: 1rem; + margin-bottom: 1rem; +} +[data-tab-active="true"] { + overflow: visible; + height: auto; + opacity: 1; + transition: opacity 0.25s ease-in; + margin: inherit !important; +} +.cbi-section[id] .cbi-section-remove:nth-of-type(4n+3), +.cbi-section[id] .cbi-section-node:nth-of-type(4n+4) { + background-color: #f9f9f9; +} +.cbi-section-node-tabbed { + margin-top: 0; + padding: 0; + border: thin solid #d4d4d4; + border-radius: 0.375rem; +} +.cbi-tabcontainer > .cbi-value:nth-of-type(2n) { + background-color: #f9f9f9; +} +.cbi-value-field, +.cbi-value-description { + line-height: 1.25; + display: table-cell; +} +.cbi-value-field abbr, +.cbi-value-description abbr { + color: #32325d; + color: var(--gray-dark); +} +.cbi-value-description { + font-size: small; + padding-top: 0.4rem; + opacity: 0.5; +} +.cbi-value-title { + display: table-cell; + float: left; + width: 23rem; + padding-top: 0.25rem; + padding-right: 2rem; + text-align: right; + word-wrap: break-word; +} +.cbi-value { + display: inline-block; + width: 100%; + padding: 0.35rem 1rem 0.2rem 1rem; + line-height: 2.4rem; +} +.cbi-value ul { + line-height: 1.25; +} +.cbi-value-field .cbi-dropdown, +.cbi-value-field .cbi-input-select, +.cbi-value input[type="text"], +.cbi-value input[type="password"] { + min-width: 18rem; +} +#cbi-firewall-zone .cbi-input-select, +#cbi-network-switch_vlan .cbi-input-select { + min-width: 11rem; +} +#cbi-network-switch_vlan .cbi-input-text { + max-width: 3rem; +} +.cbi-input-invalid { + color: #f5365c; + border-bottom-color: #f5365c; +} +.cbi-section-error { + font-weight: bold; + line-height: 1.42857143; + margin: 18px; + padding: 6px; + border: thin solid #f5365c; + border-radius: 3px; + background-color: #fce6e6; +} +.cbi-section-error ul { + margin: 0 0 0 20px; +} +.cbi-section-error ul li { + font-weight: bold; + color: #f5365c; +} +.td[data-title]::before { + font-weight: bold; + display: none; + padding: 0.25rem 0; + content: attr(data-title) ":\20"; + text-align: left; + white-space: nowrap; +} +.tr.placeholder .td[data-title]::before { + display: none; +} +.tr[data-title]::before, +.tr.cbi-section-table-titles.named::before { + font-weight: bold; + display: table-cell; + align-self: center; + flex: 1 1 5%; + padding: 0.25rem; + content: attr(data-title) "\20"; + text-align: center; + vertical-align: middle; + white-space: normal; + word-wrap: break-word; +} +.cbi-rowstyle-1 { + background-color: #f9f9f9; +} +.cbi-rowstyle-2 { + background-color: #eee; +} +.cbi-rowstyle-2 .cbi-button-up, +.cbi-rowstyle-2 .cbi-button-down, +body:not(.Interfaces) .cbi-rowstyle-2:first-child { + background-color: #fff !important; +} +.cbi-section-table .cbi-section-table-titles .cbi-section-table-cell { + width: auto !important; +} +.td.cbi-section-actions { + text-align: right !important; + vertical-align: middle; +} +.td.cbi-section-actions > * { + display: inline-flex; +} +.td.cbi-section-actions > * > *, +.td.cbi-section-actions > * > form > * { + margin: 0 5px; + display: flex; + align-items: center; +} +.td.cbi-section-actions > * > form { + display: inline-flex; + margin: 0; +} +/* lists */ +.cbi-dynlist { + line-height: 1.3; + flex-direction: column; + min-height: 30px; + cursor: text; +} +.cbi-dynlist > .item { + position: relative; + max-width: 25rem; + margin-right: 2em; + margin-bottom: 0.3rem; + padding: 1em 0.25em 0.25em 0; + pointer-events: none; + color: #8898aa; + border-bottom: 2px solid #5e72e4; + border-bottom: 2px solid var(--primary); + outline: 0; +} +.cbi-dynlist[name="sshkeys"] > .item { + max-width: none; +} +.cbi-dynlist > .item::after { + font-weight: bold; + position: absolute; + right: -2em; + bottom: 0; + display: inline-flex; + min-height: 17px; + padding: 0 6px; + content: "\00D7"; + pointer-events: auto; + color: #fff; + border: thin solid #f5365c; + border: thin solid var(--red); + background-color: #f5365c; + background-color: var(--red); +} +.cbi-dynlist > .item > span { + white-space: normal; + word-break: break-word; +} +.cbi-dynlist > .add-item { + display: inline-flex; + align-items: center; + width: 100%; + min-width: 16rem; +} +.cbi-dynlist > .add-item:not([ondrop]) > input { + overflow: hidden; + width: 100%; + min-width: 15rem; + white-space: nowrap; + text-overflow: ellipsis; +} +.cbi-dynlist > .add-item[ondrop] > input { + min-width: 13rem; +} +.cbi-dynlist, +.cbi-dropdown { + position: relative; + display: inline-flex; + padding: 0.2rem; +} +.cbi-dropdown[placeholder*="select"] { + max-width: 25rem; + height: auto; + margin-top: -3px; +} +.cbi-dropdown > ul { + display: flex; + overflow-x: hidden; + overflow-y: auto; + width: 100%; + margin: 0 !important; + padding: 0; + list-style: none; + outline: 0; +} +.cbi-dropdown > ul.preview { + display: none; +} +.cbi-dropdown > ul.preview li { + color: #fff; +} +.cbi-dropdown > ul:first-child li { + color: #fff; +} +.cbi-dropdown > .open { + flex-basis: 15px; +} +.cbi-dropdown > .open, +.cbi-dropdown > .more { + font-size: 1rem; + font-weight: 900; + line-height: 2; + display: flex; + flex-direction: column; + flex-grow: 0; + flex-shrink: 0; + justify-content: center; + padding: 0 0.25em; + cursor: default; + text-align: center; + outline: 0; +} +.cbi-dropdown > .more, +.cbi-dropdown > ul > li[placeholder] { + font-weight: bold; + display: none; + color: #777; + text-shadow: 1px 1px 0 #fff; +} +.cbi-dropdown > ul > li { + display: none; + overflow: hidden; + align-items: center; + align-self: center; + flex-grow: 1; + flex-shrink: 1; + min-height: 20px; + padding: 0.25em; + white-space: nowrap; + text-overflow: ellipsis; +} +.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: thin 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 { + margin-right: 0.25em; + vertical-align: middle; +} +.cbi-dropdown > ul > li > form > input[type="checkbox"] { + height: auto; + margin: 0; +} +.cbi-dropdown > ul > li input[type="text"] { + height: 20px; +} +.cbi-dropdown[open] > ul.dropdown { + position: absolute; + z-index: 1100; + display: block; + width: auto; + min-width: 100%; + max-width: none; + max-height: 200px !important; + border: thin solid #918e8c; + background: #f6f6f6; + box-shadow: 0 0 4px #918e8c; + color: var(--main-menu-color); +} +.cbi-dropdown[open] > ul.dropdown li { + color: #000; +} +.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 { + display: flex; + align-items: center; + flex-grow: 1; +} +.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: thin solid #ccc; + padding: 0.5rem 0.8rem; +} +.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: 0; +} +.cbi-dropdown[open] > ul.dropdown > li[unselectable] { + opacity: 0.7; +} +.cbi-dropdown[open] > ul.dropdown > li > input.create-item-input:first-child:last-child { + width: 100%; +} +.cbi-dropdown[disabled] { + pointer-events: none; + opacity: 0.6; +} +.cbi-dropdown .zonebadge { + width: 100%; +} +.cbi-dropdown[open] .zonebadge { + width: auto; +} +/* progressbar */ +.cbi-progressbar { + position: relative; + min-width: 170px; + height: 20px; + margin: 6px 0; + border: thin solid #999; + background: #eee; + border-radius: 0.2rem; + overflow: hidden; +} +.cbi-progressbar > div { + width: 0; + height: 100%; + transition: width 0.25s ease-in; + background: #5bc0de; + background: var(--bar-bg); +} +.cbi-progressbar::after { + font-family: monospace; + font-size: 1em; + font-weight: bold; + font-size-adjust: 0.38; + line-height: normal; + position: absolute; + top: 2px; + right: 0; + bottom: 2px; + left: 0; + overflow: hidden; + content: attr(title); + text-align: center; + white-space: pre; + text-overflow: ellipsis; +} +#modal_overlay { + position: fixed; + z-index: 900; + top: 0; + right: 10000px; + bottom: 0; + left: -10000px; + overflow-y: scroll; + transition: opacity 0.125s ease-in; + opacity: 0; + background: rgba(0, 0, 0, 0.7); + -webkit-overflow-scrolling: touch; +} +.modal { + display: flex; + align-items: center; + flex-wrap: wrap; + width: 90%; + min-width: 270px; + max-width: 600px; + min-height: 32px; + margin: 5em auto; + padding: 1em; + border-radius: 3px !important; + background: #fff; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12); +} +.modal > * { + line-height: normal; + flex-basis: 100%; + margin-bottom: 0.5em; + max-width: 100%; +} +.modal > pre, +.modal > textarea { + font-size: 1rem; + font-size-adjust: 0.35; + overflow: auto; + margin-bottom: 0.5em; + padding: 8.5px; + cursor: auto; + white-space: pre-wrap; + color: #eee; + outline: 0; + background-color: #101010; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12); +} +.modal > h4 { + margin: 0.5em 0; +} +.modal ul { + margin-left: 2.2em; +} +.modal li { + list-style-type: square; + color: #808080; +} +.modal p { + padding-left: 0.25rem; + word-break: break-word; +} +.modal .label { + font-size: 0.6rem; + font-weight: normal; + padding: 0.1rem 0.3rem; + padding-bottom: 0; + cursor: default; + border-radius: 0; +} +.modal .label.warning { + background-color: #f0ad4e !important; +} +.modal .btn { + padding: 0.3rem 0.6rem; +} +.modal.cbi-modal { + max-width: 90%; + max-height: none; +} +body.modal-overlay-active { + overflow: hidden; + height: 100vh; +} +body.modal-overlay-active #modal_overlay { + right: 0; + left: 0; + opacity: 1; +} +.spinning { + position: relative; + padding-left: 32px !important; +} +.spinning::before { + position: absolute; + top: 0; + bottom: 0; + left: 0.2em; + width: 32px; + content: ""; + background: url(../resources/icons/loading.gif) no-repeat center; + background-size: 16px; +} +/* 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 { + padding-top: 1rem; + text-align: right; +} +.cbi-page-actions > form[method="post"] { + display: inline-block; +} +.th[data-type="button"], +.td[data-type="button"], +.th[data-type="fvalue"], +.td[data-type="fvalue"] { + flex: 1 1 2em; + text-align: center; +} +.ifacebadge { + display: inline-flex; + padding: 0.5rem 0.8rem; + border-bottom: thin solid #ccc; + background: #eee; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); +} +td > .ifacebadge, +.td > .ifacebadge { + font-size: 0.8rem; + background-color: #f0f0f0; +} +.ifacebadge > em, +.ifacebadge > img { + display: inline-block; + align-self: flex-start; + margin: 0 0.2rem; +} +.ifacebadge > img + img { + margin: 0 0.2rem 0 0; +} +.network-status-table { + display: flex; + flex-wrap: wrap; +} +.network-status-table .ifacebox { + flex-grow: 1; + margin: 0.5em; +} +.network-status-table .ifacebox-body { + display: flex; + flex-direction: column; + height: 100%; +} +.network-status-table .ifacebox-body > span { + flex: 10 10 auto; + height: 100%; +} +.network-status-table .ifacebox-body > div { + display: flex; + flex-wrap: wrap; +} +.network-status-table .ifacebox-body .ifacebadge { + align-items: center; + flex: 1 1 auto; + min-width: 220px; + margin: 0.5em 0em 0 0em; + padding: 0.5em; + background-color: #fff; +} +/* textarea */ +.cbi-input-textarea { + font-family: monospace; + width: 100%; + min-height: 14rem; + padding: 0.8rem; + color: #000; +} +#syslog { + font-size: small; + line-height: 1.25; + overflow-y: hidden; + width: 100%; + min-height: 15rem; + padding: 1rem; + resize: none; + color: #eee; + border: 0; + border-radius: 0.375rem; + background-color: #242424; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12); +} +#syslog:focus { + outline: 0; +} +/* config changes */ +.uci-change-list { + font-family: monospace; +} +.uci-change-list ins, +.uci-change-legend-label ins { + display: block; + padding: 2px; + text-decoration: none; + border: thin solid #0f0; + background-color: #cfc; +} +.uci-change-list del, +.uci-change-legend-label del { + font-style: normal; + display: block; + padding: 2px; + text-decoration: none; + border: thin solid #f00; + background-color: #fcc; +} +.uci-change-list var, +.uci-change-legend-label var { + font-style: normal; + display: block; + padding: 2px; + text-decoration: none; + border: thin solid #ccc; + background-color: #eee; +} +.uci-change-list var ins, +.uci-change-list var del { + font-style: normal; + padding: 0; + white-space: pre; + border: 0; +} +.uci-change-legend { + padding: 5px; +} +.uci-change-legend-label { + float: left; + width: 150px; +} +.uci-change-legend-label > ins, +.uci-change-legend-label > del, +.uci-change-legend-label > var { + display: block; + float: left; + width: 10px; + height: 10px; + margin-right: 4px; +} +.uci-change-legend-label var ins, +.uci-change-legend-label var del { + line-height: 0.4; + border: 0; +} +.uci-change-list var, +.uci-change-list del, +.uci-change-list ins { + padding: 0.5rem; +} +/* other fix */ +#iwsvg, +#iwsvg2, +#bwsvg { + border: thin solid #d4d4d4 !important; +} +#iwsvg, +[data-page="admin-status-realtime-bandwidth"] #bwsvg { + border-top: 0 !important; +} +.ifacebox { + line-height: 1.25; + display: inline-flex; + flex-direction: column; + min-width: 100px; + border-bottom: thin solid #ccc; + background-color: #f9f9f9; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.2); +} +.ifacebox-head { + padding: 0.25em; + background: #eee; +} +.ifacebox-head.active { + background: #5e72e4; + background: var(--bar-bg); +} +.ifacebox-head.active * { + color: #fff; + color: var(--white); +} +.ifacebox-body { + padding: 0.5em 1rem; + line-height: 1.6em; +} +.cbi-image-button { + margin-left: 0.5rem; +} +.zonebadge { + display: inline-block; + padding: 0.2rem 0.5rem; +} +.zonebadge .ifacebadge { + margin: 0.1rem 0.2rem; + padding: 0.2rem 0.3rem; + border: thin solid #6c6c6c; +} +.zonebadge > input[type="text"] { + min-width: 10rem; + margin-top: 0.3rem; + padding: 0.16rem 1rem; +} +.zonebadge > em, +.zonebadge > strong { + display: inline-block; + margin: 0 0.2rem; +} +.cbi-value-field .cbi-input-checkbox, +.cbi-value-field .cbi-input-radio { + margin-top: 0.1rem; +} +.cbi-value-field > ul > li { + display: flex; +} +.cbi-value-field > ul > li > label { + margin-top: 0.5rem; +} +.cbi-value-field > ul > li .ifacebadge { + margin-top: -0.5rem; + margin-left: 0.4rem; + background-color: #eee; +} +.cbi-section-table-row > .cbi-value-field .cbi-dropdown { + min-width: 7rem; +} +.cbi-section-create { + display: inline-flex; + align-items: center; + margin: 0.25rem 0 0.25rem 1rem; +} +.cbi-section-create > * { + margin: 0.5rem; +} +.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; +} +.cbi-optionals { + padding: 1rem 1rem 0 1rem; + border-top: thin solid #ccc; +} +.cbi-dropdown-container { + position: relative; +} +.cbi-tooltip-container, +span[data-tooltip], +span[data-tooltip] .label { + cursor: help !important; +} +.cbi-tooltip { + position: absolute; + z-index: 1000; + left: -1000px; + padding: 2px 5px; + transition: opacity 0.25s ease-out; + white-space: pre; + pointer-events: none; + opacity: 0; + border-radius: 3px; + background: #fff; + box-shadow: 0 0 2px #444; +} +.cbi-tooltip-container:hover .cbi-tooltip { + left: auto; + transition: opacity 0.25s ease-in; + opacity: 1; +} +.zonebadge .cbi-tooltip { + margin: -1.5rem 0 0 -0.5rem; + padding: 0.25rem; + background: inherit; +} +.zonebadge-empty { + color: #404040; + 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); +} +.zone-forwards { + display: flex; + min-width: 10rem; +} +.zone-forwards > * { + flex: 1 1 45%; +} +.zone-forwards > span { + flex-basis: 10%; + padding: 0 0.25rem; + text-align: center; +} +.zone-forwards .zone-src, +.zone-forwards .zone-dest { + display: flex; + flex-direction: column; +} +.label { + font-size: 0.8rem; + font-weight: bold; + padding: 0.3rem 0.8rem; + white-space: nowrap; + text-decoration: none; + text-transform: uppercase; + color: #fff !important; + border-radius: 3px; + background-color: #bfbfbf; + text-shadow: none; +} +label > input[type="checkbox"], +label > input[type="radio"] { + position: relative; + top: 0.4rem; + right: 0.2rem; + margin: 0; + vertical-align: bottom; +} +label[data-index][data-depends] { + padding-right: 2em; +} +.showSide { + display: none; +} +.darkMask { + position: fixed; + z-index: 99; + display: none; + width: 100%; + height: 100%; + content: ""; + top: 0; + background-color: rgba(0, 0, 0, 0.56); +} +/* diagnostics */ +#diag-rc-output > pre, +#command-rc-output > pre, +[data-page="admin-services-wol"] .notice code { + font-size: 1.2rem; + font-size-adjust: 0.35; + line-height: normal; + display: block; + overflow-y: hidden; + width: 100%; + padding: 8.5px; + white-space: pre; + color: #eee; + background-color: #101010; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12); +} +[data-page="admin-network-diagnostics"] .table { + box-shadow: none; +} +input[name="ping"], +input[name="traceroute"], +input[name="nslookup"] { + width: 80%; +} +/* fix Main Login */ +.node-main-login .main { + top: 0; + height: 100% !important; +} +.node-main-login .main .main-left { + display: none; +} +.node-main-login .main .main-right { + width: 100%; +} +.node-main-login .main .main-right header { + background: none !important; + box-shadow: none !important; + display: none !important; +} +.node-main-login .main .main-right .login-bg { + display: block; + position: fixed; + width: 100%; + height: 100%; + left: 0px; + top: 0px; + background-size: cover; + background-color: #000; + background-position: top center; + transition: all 0.5s; +} +.node-main-login .main .main-right .login-bg.blur { + transform: scale(1.05); + -webkit-filter: blur(5px); + /* Chrome, Safari, Opera */ + filter: blur(5px); +} +.node-main-login .main .main-right #maincontent { + height: 100%; + padding-top: 23vh; + margin-top: 0rem; + background-color: transparent !important; + text-align: center; +} +.node-main-login .main .main-right #maincontent .container { + display: inline-block; + padding: 1rem; + position: relative; + margin-top: 2rem !important; + background-color: var(--secondary) !important; + border-radius: 0.375rem; + box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15); + text-align: left; +} +.node-main-login .main .main-right #maincontent .container .alert-message.warning { + position: absolute; + color: #fff; + width: calc(100% - 2rem); + box-sizing: border-box; + margin-top: 8rem; + border-radius: 5px !important; + padding: 0.5rem 2rem; + text-align: center; + background-color: var(--purple) !important; +} +.node-main-login .main .main-right #maincontent .container .alert-message.warning p { + color: #fff; +} +.node-main-login .main .main-right #maincontent .container .alert-message.error { + position: absolute; + color: #fff; + width: calc(100% - 4rem); + background-color: #f0ad4e; + border-color: #eea236; + box-sizing: border-box; + margin-top: 8rem; + border-radius: 5px; + padding: 1rem 2rem; + text-align: center; +} +.node-main-login .main .main-right #maincontent .container .alert-message.error p { + color: #fff; +} +.node-main-login .main .main-right #maincontent .container .cbi-map h2 { + width: 120px; + height: 120px; + color: #fff; + text-align: center; + letter-spacing: 4px; + display: block; + margin: -80px auto 15px auto; + padding: 0; + text-indent: -500px; + overflow: hidden; + border-radius: 60px; + border: #fff 3px solid; + background-image: url(head-icon.jpg); + background-size: cover; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); +} +.node-main-login .main .main-right #maincontent .container .cbi-map .cbi-map-descr { + text-align: center; + padding: 1rem; + color: #8898aa; +} +.node-main-login .main .main-right #maincontent .container .cbi-map .cbi-section { + padding: 0.5rem; + margin: 0 ; + background: none !important; + box-shadow: none !important; +} +.node-main-login .main .main-right #maincontent .container .cbi-map .cbi-section .cbi-section-node { + padding: 0; +} +.node-main-login .main .main-right #maincontent .container .cbi-map .cbi-section .cbi-section-node .cbi-value { + display: block; + padding: 0; +} +.node-main-login .main .main-right #maincontent .container .cbi-map .cbi-section .cbi-section-node .cbi-value * { + display: inline-block !important; +} +.node-main-login .main .main-right #maincontent .container .cbi-map .cbi-section .cbi-section-node .cbi-value .cbi-value-title { + display: none !important; +} +.node-main-login .main .main-right #maincontent .container .cbi-map .cbi-section .cbi-section-node .cbi-value .cbi-value-field { + position: relative; + width: 20rem; + margin-bottom: 1em; +} +.node-main-login .main .main-right #maincontent .container .cbi-map .cbi-section .cbi-section-node .cbi-value .cbi-value-field input { + font-size: 1rem; + line-height: 1.5; + display: block; + width: 100%; + height: calc(2.75rem + 2px); + padding: 0.625rem 0.75rem; + transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55); + color: #8898aa; + border: 0px solid #dee2e6; + border-radius: 0.25rem; + background-color: #fff; + background-clip: padding-box; + box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02); + box-sizing: border-box; + padding-left: 3em !important; + margin: 0; +} +.node-main-login .main .main-right #maincontent .container .cbi-map .cbi-section .cbi-section-node .cbi-value .cbi-value-field input:focus { + color: #8898aa; + outline: 0; + background-color: #fff; + box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, 0.1); +} +.node-main-login .main .main-right #maincontent .container .cbi-map .cbi-section .cbi-section-node .cbi-value .cbi-value-field: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; + content: "\e971"; + color: #adb5bd; + font-size: 1.5rem; + position: absolute; + z-index: 100; + left: 10px; + top: 10px; +} +.node-main-login .main .main-right #maincontent .container .cbi-map .cbi-section .cbi-section-node .cbi-value.cbi-value-last .cbi-value-field:before { + content: "\e910"; +} +.node-main-login .main .main-right #maincontent .container .cbi-page-actions { + text-align: center; + padding-top: 0.5rem; +} +.node-main-login .main .main-right #maincontent .container .cbi-page-actions .cbi-button { + font-size: 1rem; + height: auto; + position: relative; + transition: all 0.15s ease; + letter-spacing: 0.2em; + text-transform: none; + padding: 0.375rem 1.25rem; + will-change: transform; + line-height: 1.5em; + border: thin solid var(--purple); + background-color: var(--purple); +} +.node-main-login .main .main-right #maincontent .container .cbi-page-actions .cbi-button.cbi-button-reset { + display: none !important; +} +.node-main-login .main .main-right #maincontent footer { + bottom: 0; + position: absolute; + width: 100%; + color: #fff; +} +.node-main-login .main .main-right #maincontent footer a { + color: #fff; +} +@media screen and (min-height: 585px) { + .node-main-login footer { + display: none; + position: absolute; + bottom: 0; + width: 100%; + } +} +/* fix status */ +.node-status-overview > .main fieldset:nth-child(4) .td:nth-child(2), +.node-status-processes > .main .table .tr .td:nth-child(3) { + white-space: normal; +} +/* fix system reboot */ +[data-page="admin-system-reboot"] p { + padding-left: 0rem; + color: #fff; +} +[data-page="admin-system-reboot"] .cbi-button { + background: #fb6340 !important; +} +[data-page="admin-system-reboot"] p > span { + position: relative; + top: 0.1rem; + left: 1rem; +} +/* samba */ +#cbi-samba [data-tab="template"] .cbi-value-field { + display: block; +} +#cbi-samba [data-tab="template"] .cbi-value-title { + width: auto; + padding-bottom: 0.6rem; +} +/* admin-system-admin-password */ +[data-page="admin-system-admin"] .cbi-map h2, +[data-page="admin-system-admin-password"] .cbi-map h2, +[data-page="admin-system-admin"] .cbi-map .cbi-map-descr, +[data-page="admin-system-admin-password"] .cbi-map .cbi-map-descr { + margin-left: 1.5rem; + color: #32325d; + color: var(--gray-dark); +} +/* software */ +[data-page="admin-system-opkg"] h2 { + margin-left: 1.5rem; + color: #32325d; + color: var(--gray-dark); +} +.controls { + margin: 0.5em 1rem 1em 1rem !important; +} +.controls > * > .btn:not([aria-label$="page"]) { + flex-grow: initial !important; + margin-top: 0.25rem; +} +.controls > #pager > .btn[aria-label$="page"] { + font-size: 1.4rem; + font-weight: bold; +} +.controls > * > label { + margin-bottom: 0.2rem; +} +[data-page="admin-system-opkg"] div.btn { + line-height: 3; + display: inline; + padding: 0.3rem 0.6rem; +} +[data-page^="admin-system-admin"]:not(.node-main-login) .cbi-map:not(#cbi-dropbear), +[data-page="admin-system-opkg"] #maincontent > .container { + margin-top: 2rem; + padding-top: 0.1rem; +} +[data-page="admin-system-opkg"] #maincontent > .container { + margin: 2rem; + margin-bottom: 1rem; +} +.td.version, +.td.size { + white-space: normal !important; + word-break: break-word; +} +.cbi-tabmenu + .cbi-section { + margin-top: 0; +} +/* admin-system-crontab*/ +[data-page="admin-system-crontab"] #view p { + color: #fff; + margin-bottom: 1rem; +} +/*admin-system-flash*/ +[data-page="admin-system-flash"] .cbi-value { + padding: 0; +} +[data-page="admin-system-flash"] .cbi-section .cbi-section { + margin-top: 0; +} +[data-page="admin-system-flash"] .cbi-map-tabbed { + border-radius: 0.375rem; +} +[data-page="admin-system-flash"] legend { + display: block !important; + font-size: 1.2rem; + width: 100%; + display: block; + margin-bottom: 0; + padding: 1rem 0 1rem 1.5rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); + line-height: 1.5; + margin-bottom: 0rem; + letter-spacing: 0.1rem; + color: #32325d; + font-weight: bold; +} +[data-page="admin-system-flash"] .cbi-section-descr { + font-weight: 600; + padding: 1rem 0 1rem 1.5rem; + color: #525f7f; +} +/* wireless overview */ +#cbi-wireless > #wifi_assoclist_table > .tr { + box-shadow: inset 1px -1px 0 #ddd, inset -1px -1px 0 #ddd; +} +#cbi-wireless > #wifi_assoclist_table > .tr.placeholder > .td { + right: 33px; + bottom: 33px; + left: 33px; + border-top: thin solid #ddd !important; +} +#cbi-wireless > #wifi_assoclist_table > .tr.table-titles { + box-shadow: inset 1px 0 0 #ddd, inset -1px 0 0 #ddd; +} +#cbi-wireless > #wifi_assoclist_table > .tr.table-titles > .th { + border-bottom: thin solid #ddd; + box-shadow: 0 -1px 0 0 #ddd; +} +#wifi_assoclist_table > .tr > .td[data-title="RX Rate / TX Rate"] { + width: 23rem; +} +[data-page="admin-network-dhcp"] .cbi-value { + padding: 0; +} +[data-page="admin-network-dhcp"] [data-tab-active="true"] { + padding: 1rem 0 !important; +} +/* firewall */ +#iptables { + margin: 0; +} +.Firewall form { + margin: 2rem 2rem 0 0; + padding: 0; + box-shadow: 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%; +} +#cbi-firewall-zone .table, +#cbi-network-switch_vlan .table { + display: block; +} +#cbi-firewall-zone .td, +#cbi-network-switch_vlan .td { + width: 100%; +} +[data-page="admin-network-firewall-custom"] #view p { + color: #fff; + margin-bottom: 1rem; +} +[data-page="admin-network-firewall-custom"] #view p textarea { + padding: 1rem; + border-radius: 0.375rem; +} +/* applyreboot fix */ +#applyreboot-container { + margin: 2rem; +} +#applyreboot-section { + line-height: 300%; + margin: 2rem; +} +/* openvpn bug fix */ +.OpenVPN a { + line-height: initial !important; +} +/* custom commands */ +.commandbox { + width: 24% !important; + margin: 10px 0 0 10px !important; + padding: 0.5rem 1rem; + border-bottom: thin solid #ccc; + background: #eee; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); +} +.commandbox h3 { + line-height: normal !important; + overflow: hidden; + margin: 6px 0 !important; + white-space: nowrap; + text-overflow: ellipsis; +} +.commandbox div { + left: auto !important; +} +.commandbox code { + position: absolute; + overflow: hidden; + max-width: 60%; + margin-left: 4px; + padding: 2px 3px; + white-space: nowrap; + text-overflow: ellipsis; +} +.commandbox code:hover { + overflow-y: auto; + max-height: 50px; + white-space: normal; +} +.commandbox p:first-of-type { + margin-top: -6px; +} +.commandbox p:nth-of-type(2) { + margin-top: 2px; +} +[data-page^="admin-system-commands"] .panel-title, +[data-page^="command-cfg"] .mobile-hide, +[data-page^="command-cfg"] .showSide { + display: none; +} +#command-rc-output .alert-message { + line-height: 1.42857143; + position: absolute; + top: 40px; + right: 32px; + max-width: 40%; + margin: 0; + animation: anim-fade-in 1.5s forwards; + word-break: break-word; + opacity: 0; +} +@keyframes anim-fade-in { + 100% { + opacity: 1; + } +} +/* 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: 1rem 0 0 0; +} +input[type="checkbox"]:checked { + border: 1px solid #5e72e4; + 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-size: 70%; + background-repeat: no-repeat; + background-position: center; +} +/* IE hacks */ +@media all and (-ms-high-contrast: none) { + .main > .main-left > .nav > .slide > .menu::before { + top: 30.25%; + } + .main > .main-left > .nav > li:last-child::before { + top: 20%; + } + .showSide::before { + top: -12px; + } +} +@media screen and (max-width: 1600px) { + header > .fill > .container > #logo { + margin: 0 2.5rem 0 0.5rem; + } + .main-left { + width: calc(0% + 13rem); + } + .main-right { + width: calc(100% - 13rem); + } + .btn:not(button), + .cbi-button { + font-size: 0.8rem; + padding: 0.2rem 0.6rem; + } + .label { + padding: 0.2rem 0.6rem; + } + .cbi-value-title { + width: 15rem; + padding-right: 0.6rem; + } + .cbi-value-field .cbi-dropdown, + .cbi-value-field .cbi-input-select, + .cbi-value input[type="text"], + .cbi-value input[type="password"] { + min-width: 18rem; + } + #cbi-firewall-zone .cbi-input-select { + min-width: 9rem; + } + .cbi-input-textarea { + font-size: small; + } + .node-admin-status > .main fieldset li > a { + padding: 0.3rem 0.6rem; + } +} +@media screen and (max-width: 1366px) { + header > .fill > .container { + cursor: default; + } + .main-left { + width: calc(0% + 13rem); + } + .main-right { + width: calc(100% - 13rem); + } + .tabs > li > a, + .cbi-tabmenu > 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; + } + .table .cbi-input-text { + width: 100%; + } + .cbi-value-field .cbi-dropdown, + .cbi-value-field .cbi-input-select, + .cbi-value input[type="text"], + .cbi-value input[type="password"] { + min-width: 16rem; + } + #cbi-firewall-zone .cbi-input-select { + min-width: 4rem; + } + .main > .main-left > .nav > li, + .main > .main-left > .nav > li a, + .main > .main-left > .nav > .slide > .menu, + .main > .main-left > .nav > li > [data-title="Logout"] { + font-size: 0.9rem; + } + .main > .main-left > .nav > .slide > .slide-menu > li > a { + font-size: 0.7rem; + } + #modal_overlay { + top: 0rem; + } + [data-page="admin-network-firewall-forwards"] .table:not(.cbi-section-table) { + display: block; + } + [data-page="admin-network-firewall-forwards"] .table:not(.cbi-section-table), + [data-page="admin-network-firewall-rules"] .table:not(.cbi-section-table), + [data-page="admin-network-hosts"] .table, + [data-page="admin-network-routes"] .table { + overflow-y: visible; + } + .commandbox { + width: 32% !important; + } + .btn:not(button), + .cbi-button { + font-size: 0.8rem; + padding: 0.2rem 0.6rem; + } +} +@media screen and (max-width: 1152px) { + header > .fill > .container > #logo { + display: none; + } + header > .fill > .container > .brand { + position: relative; + } + html, + .main { + overflow-y: visible; + } + .main > .loading > span { + top: 25%; + } + .main-left { + width: calc(0% + 13rem); + } + .main-right { + width: calc(100% - 13rem); + } + body:not(.logged-in) .showSide { + visibility: hidden; + width: 0; + margin: 0; + } + .node-main-login > .main .cbi-value-title { + text-align: left; + } + .cbi-value-title { + width: 12rem; + padding-right: 1rem; + } + .cbi-value-field .cbi-dropdown, + .cbi-value-field .cbi-input-select, + .cbi-value input[type="text"] { + width: 16rem; + min-width: 16rem; + } + /*.cbi-value input[type="password"],*/ + .cbi-value input[name^="pw"], + .cbi-value input[data-update="change"]:nth-child(2) { + width: 13rem !important; + min-width: 13rem; + } + #diag-rc-output > pre, + #command-rc-output > pre, + [data-page="admin-services-wol"] .notice code { + font-size: 1rem; + } + .table { + display: block; + } + .Interfaces .table { + overflow-x: hidden; + } + #packages.table { + display: grid; + } + .tr { + display: flex; + flex-direction: row; + flex-wrap: wrap; + } + .Overview .table[width="100%"] > .tr { + flex-wrap: nowrap; + } + .tr.placeholder { + border-bottom: thin solid #ddd; + } + .tr.placeholder > .td, + #cbi-firewall .tr > .td, + #cbi-network .tr:nth-child(2) > .td, + .cbi-section #wifi_assoclist_table .tr > .td { + border-top: 0; + } + .th, + .td { + display: inline-block; + align-self: flex-start; + flex: 2 2 25%; + text-overflow: ellipsis; + word-wrap: break-word; + } + .td select, + .td input[type="text"] { + width: 100%; + word-wrap: normal; + } + .td [data-dynlist] > input, + .td input.cbi-input-password { + width: calc(100% - 1.5rem); + } + .td[data-type="button"], + .td[data-type="fvalue"] { + flex: 1 1 12.5%; + text-align: left; + } + .th.cbi-value-field, + .td.cbi-value-field, + .th.cbi-section-table-cell, + .td.cbi-section-table-cell { + flex-basis: auto; + padding-top: 1rem; + } + .cbi-section-table-row { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12); + } + .td.cbi-value-field, + .cbi-section-table-cell { + display: inline-block; + flex: 10 10 auto; + flex-basis: 50%; + text-align: center; + } + .td.cbi-section-actions { + vertical-align: bottom; + } + .tr.table-titles, + .tr.cbi-section-table-titles, + .tr.cbi-section-table-descr { + display: none; + } + .tr[data-title]::before, + .tr.cbi-section-table-titles.named::before { + font-size: 0.9rem; + display: block; + flex: 1 1 100%; + border-bottom: thin solid rgba(0, 0, 0, 0.26); + background: #e9ecef; + } + .td[data-title], + [data-page^="admin-status-realtime"] .td[id] { + text-align: left; + } + .td[data-title]::before { + display: block; + } + .cbi-button + .cbi-button { + margin-left: 0; + } + .td.cbi-section-actions > * > *, + .td.cbi-section-actions > * > form > * { + margin: 2.1px 3px; + } + .Firewall form { + position: static !important; + margin: 0 0 2rem 0; + padding: 2rem; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12); + } + .Firewall form input { + width: 100% !important; + margin: 0; + margin-top: 1rem; + } + .Firewall .center, + .Firewall .center::before { + text-align: left !important; + } + .commandbox { + width: 100% !important; + margin-left: 0 !important; + } + .btn:not(button), + .cbi-button { + font-size: 0.8rem; + padding: 0.2rem 0.6rem; + } +} +@media screen and (max-width: 768px) { + body { + font-size: 0.8rem; + } + .cbi-progressbar::after { + font-size: 0.95em; + line-height: 1.5; + } + .main-left { + position: fixed; + z-index: 100; + width: 0; + } + .main-right { + width: 100%; + } + .showSide { + padding: 0.1rem; + position: relative; + z-index: 99; + display: inline-block !important; + } + .showSide::before { + 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; + content: "\e20e"; + font-size: 1.7rem; + } + header > .fill > .container > .brand { + display: inline-block; + } + .main > .main-left > .nav > .slide > .menu, + .main > .main-left > .nav > li > [data-title="Logout"] { + font-size: 1.2rem; + } + .main > .main-left > .nav > .slide > .slide-menu > li > a { + font-size: 0.8rem; + } + .cbi-section > div { + overflow-x: auto; + } +} +@media screen and (max-width: 600px) { + .mobile-hide { + display: none; + } + #maincontent > .container { + margin: 0 1rem 1rem 1rem; + } + .cbi-value-title { + text-align: left; + } + [data-page="admin-system-flash"] legend { + padding: 1rem 0 1rem 1rem; + } + [data-page="admin-system-flash"] .cbi-section-descr { + padding: 1rem 0 1rem 1rem; + } + [data-page="admin-system-flash"] .cbi-value { + padding: 0 1rem; + } + [data-page="admin-network-dhcp"] [data-tab-active="true"] { + padding: 1rem 1rem !important; + } + body { + overflow-x: hidden; + } + .node-main-login .main .main-right #maincontent .container .cbi-map .cbi-section .cbi-section-node .cbi-value .cbi-value-field { + width: 16rem; + } + .node-main-login footer { + display: none; + } +} +@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; + } +} +/*# sourceMappingURL=./cascade.css.map */ \ No newline at end of file diff --git a/htdocs/luci-static/argon/cascade.css.map b/htdocs/luci-static/argon/cascade.css.map new file mode 100644 index 0000000..880b888 --- /dev/null +++ b/htdocs/luci-static/argon/cascade.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["cascade.less"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/htdocs/luci-static/argon/cascade.less b/htdocs/luci-static/argon/cascade.less new file mode 100644 index 0000000..ee6cd50 --- /dev/null +++ b/htdocs/luci-static/argon/cascade.less @@ -0,0 +1,3669 @@ +// out: ./cascade.css, compress: false , sourceMap: true +/** + * Argon is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argon Template + * + * luci-theme-argon + * Copyright 2019 Jerrykuku + * + * Have a bug? Please create an issue here on GitHub! + * https://github.com/jerrykuku/luci-theme-argon/issues + * + * luci-theme-material: + * Copyright 2015 Lutty Yang + * https://github.com/LuttyYang/luci-theme-material/ + * + * Agron Theme + * https://demos.creative-tim.com/argon-dashboard/index.html + * + * Login background + * https://unsplash.com/ + * Font generate by Icomoon + * + * Licensed to the public under the Apache License 2.0 + */ + +/* + * Include base and custom css + */ + +@import url("custom.css?v=1"); + +/* + * Icon Css and Fonts + */ +@font-face { + font-family: 'argon'; + src: url('fonts/argon.eot?vncylf'); + src: url('fonts/argon.eot?vncylf#iefix') format('embedded-opentype'), + url('fonts/argon.ttf?vncylf') format('truetype'), + url('fonts/argon.woff?vncylf') format('woff'), + url('fonts/argon.svg?vncylf#argon') format('svg'); + font-weight: normal; + font-style: normal; + font-display: block; +} + +@font-face { + font-family: 'TypoGraphica'; + src: url('fonts/TypoGraphica.eot?#iefix') format('embedded-opentype'), + url('fonts/TypoGraphica.woff') format('woff'), + url('fonts/TypoGraphica.ttf') format('truetype'), + url('fonts/TypoGraphica.svg#TypoGraphica') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="icon-"], +[class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + 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; +} + +.icon-hello-world:before { + content: "\e90e"; +} + +.icon-expand_more:before { + content: "\e20b"; +} + +.icon-menu:before { + content: "\e20e"; +} + +.icon-favorite:before { + content: "\e291"; +} + +.icon-spinner:before { + content: "\e603"; +} + +.icon-delete:before { + content: "\e900"; +} + +.icon-edit:before { + content: "\e901"; +} + +.icon-use:before { + content: "\e902"; +} + +.icon-loading:before { + content: "\e903"; +} + +.icon-switch:before { + content: "\e904"; +} + +.icon-error:before { + content: "\e905"; +} + +.icon-dashboard:before { + content: "\e906"; +} + +.icon-logout:before { + content: "\e907"; +} + +.icon-Network:before { + content: "\e908"; +} + +.icon-services:before { + content: "\e909"; +} + +.icon-system:before { + content: "\e90a"; +} + +.icon-vpn:before { + content: "\e90b"; +} + +.icon-storage:before { + content: "\e90c"; +} + +.icon-statistics:before { + content: "\e90d"; +} + +.icon-angle-right:before { + content: "\e90f"; +} + +.icon-password:before { + content: "\e910"; +} + +.icon-user:before { + content: "\e971"; +} + +.icon-question:before { + content: "\f059"; +} + + +.sk-folding-cube { + position: absolute; + width: 40px; + height: 40px; + left: 50%; + top: 50%; + margin: -20px 0 0 -20px; + -webkit-transform: rotateZ(45deg); + transform: rotateZ(45deg); +} + +.sk-folding-cube .sk-cube { + float: left; + width: 50%; + height: 50%; + position: relative; + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} +.sk-folding-cube .sk-cube:before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #5e72e4; + -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; + animation: sk-foldCubeAngle 2.4s infinite linear both; + -webkit-transform-origin: 100% 100%; + -ms-transform-origin: 100% 100%; + transform-origin: 100% 100%; +} +.sk-folding-cube .sk-cube2 { + -webkit-transform: scale(1.1) rotateZ(90deg); + transform: scale(1.1) rotateZ(90deg); +} +.sk-folding-cube .sk-cube3 { + -webkit-transform: scale(1.1) rotateZ(180deg); + transform: scale(1.1) rotateZ(180deg); +} +.sk-folding-cube .sk-cube4 { + -webkit-transform: scale(1.1) rotateZ(270deg); + transform: scale(1.1) rotateZ(270deg); +} +.sk-folding-cube .sk-cube2:before { + -webkit-animation-delay: 0.3s; + animation-delay: 0.3s; +} +.sk-folding-cube .sk-cube3:before { + -webkit-animation-delay: 0.6s; + animation-delay: 0.6s; +} +.sk-folding-cube .sk-cube4:before { + -webkit-animation-delay: 0.9s; + animation-delay: 0.9s; +} + +@-webkit-keyframes sk-foldCubeAngle { + 0%, 10% { + -webkit-transform: perspective(140px) rotateX(-180deg); + transform: perspective(140px) rotateX(-180deg); + opacity: 0; + } 25%, 75% { + -webkit-transform: perspective(140px) rotateX(0deg); + transform: perspective(140px) rotateX(0deg); + opacity: 1; + } 90%, 100% { + -webkit-transform: perspective(140px) rotateY(180deg); + transform: perspective(140px) rotateY(180deg); + opacity: 0; + } +} + +@keyframes sk-foldCubeAngle { + 0%, 10% { + -webkit-transform: perspective(140px) rotateX(-180deg); + transform: perspective(140px) rotateX(-180deg); + opacity: 0; + } 25%, 75% { + -webkit-transform: perspective(140px) rotateX(0deg); + transform: perspective(140px) rotateX(0deg); + opacity: 1; + } 90%, 100% { + -webkit-transform: perspective(140px) rotateY(180deg); + transform: perspective(140px) rotateY(180deg); + opacity: 0; + } +} + + +.table { + position: relative; + display: table; +} + +.tr { + display: table-row; +} + +.thead { + display: table-header-group; +} + +.tbody { + display: table-row-group; +} + +.tfoot { + display: table-footer-group; +} + +.td, +.th { + line-height: normal; + display: table-cell; + padding: .5em; + text-align: center; + vertical-align: middle; +} + +.th { + font-weight: bold; +} + +.tr.placeholder { + height: 4em; +} + +.tr.placeholder>.td { + line-height: 3; + position: absolute; + right: 0; + bottom: 0; + left: 0; + padding: 0.4rem 0 !important; + text-align: center !important; + background: inherit; +} + +.td[width="33%"] { + padding: 1.1em 1.5rem; +} + +.table[width="33%"], +.th[width="33%"], +.td[width="33%"] { + width: 33%; +} + +.table[width="100%"], +.th[width="100%"], +.td[width="100%"] { + width: 100%; +} + +.col-1 { + flex: 1 1 30px !important; +} + +.col-2 { + flex: 2 2 60px !important; +} + +.col-3 { + flex: 3 3 90px !important; +} + +.col-4 { + flex: 4 4 120px !important; +} + +.col-5 { + flex: 5 5 150px !important; +} + +.col-6 { + flex: 6 6 180px !important; +} + +.col-7 { + flex: 7 7 210px !important; +} + +.col-8 { + flex: 8 8 240px !important; +} + +.col-9 { + flex: 9 9 270px !important; +} + +.col-10 { + flex: 10 10 300px !important; +} + +* { + box-sizing: border-box; + margin: 0; + padding: 0; + color: #32325d; + color: var(--gray-dark); +} + +.h1, +.h2, +.h3, +.h4, +.h5, +.h6, +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: inherit; + font-weight: normal; + line-height: 1.1 !important; + color: inherit; +} + +html { + overflow-y: hidden; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + font-size: .8rem; + background-color: #f8f9fe; +} + +html, +body { + font-family: "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif", "Helvetica Neue", "Helvetica", "Hiragino Sans GB"; + font-family: var(--font-body); + height: 100%; + margin: 0; + padding: 0; +} + +select { + padding: .36rem .8rem; + color: #555; + border: thin solid #ccc; + background-color: #fff; + background-image: none; +} + +.btn, +button, +select, +input, +.cbi-dropdown { + height: 2.5rem; + padding: .625rem .75rem; + margin: 0.25rem 0; + color: #8898aa; + border: 1px solid #dee2e6; + + border-radius: .25rem; + outline: 0; + background-image: none; + box-shadow: none; + transition: box-shadow .15s ease; +} + +select, +.cbi-dropdown { + width: inherit; + cursor: default; +} + +select:not([multiple="multiple"]):focus, +input:not(.cbi-button):focus, +.cbi-dropdown:focus { + border-color: #5e72e4; + border-color: var(--primary); + box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1); +} + +.cbi-dropdown, +select[multiple="multiple"] { + height: auto; +} + +pre { + overflow: auto; +} + +code { + font-size: 1rem; + font-size-adjust: .35; + padding: 1px 3px; + color: #101010; + border-radius: 2px; + background: #ddd; +} + +abbr { + cursor: help; + text-decoration: underline; + color: #fff; +} + +hr { + margin: 1rem 0; + opacity: .1; + border-color: #eee; +} + +header, +.main { + width: 100%; +} + + +footer { + font-size: .8rem; + overflow: hidden; + padding: 1rem; + text-align: right; + white-space: nowrap; + color: #aaa; + text-shadow: 0 0 2px #bbb; +} + +footer>a { + text-decoration: none; + color: #aaa; +} + +small { + font-size: 90%; + line-height: 1.42857143; + white-space: normal; +} + +.main { + position: relative; + top: 0; + bottom: 0; + overflow-y: auto; + height: 100%; +} + +.main>.loading { + position: fixed; + z-index: 1000; + top: 0; + display: block; + width: 100%; + height: 100%; + pointer-events: none; + background-color: rgb(240, 240, 240); +} + +.main>.loading>span { + font-family: monospace; + font-size: 2rem; + font-size-adjust: .35; + position: relative; + top: 12.5%; + display: block; + text-align: center; + color: #888; +} + +.main>.loading>span>.loading-img { + position: relative; + top: .1rem; + left: .05rem; + display: inline-block; + width: 1.25rem; + height: 1.25rem; + margin-right: 1rem; + animation: anim-rotate 2s infinite linear; + background: url(./icons/spinner.svg) no-repeat center; +} + +@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-left { + position: fixed; + top: 0; + float: left; + overflow-x: auto; + width: 15%; + width: calc(0% + 15rem); + height: 100%; + background-color: #fff; + background-color: var(--menu-bg-color); + box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15); + overflow-x: auto; + position: fixed; + z-index: 100; + + .sidenav-header { + padding: 1.5rem; + text-align: center; + + .brand { + font-size: 1.8rem; + color: #5e72e4; + font-family: "TypoGraphica"; + text-decoration: none; + text-align: center; + cursor: default; + vertical-align: text-bottom; + white-space: nowrap; + } + } +} + +.main-right { + float: right; + width: 85%; + width: calc(100% - 15rem); + height: 100%; + background-color: #f8f9fe; + transition: all 0.2s; +} + +.main-right>#maincontent { + position: relative; + z-index: 50; + margin-top: -13rem; +} + +.pull-right { + float: right; +} + +.pull-left { + float: left; +} + +.nowrap:not(.td) { + white-space: nowrap; +} + +[disabled="disabled"] { + pointer-events: none; +} + +header { + color: #fff; + color: var(--header-color); + padding: 0 0 14rem 0; + + &.bg-primary { + background-color: #5e72e4 !important; + background-color: var(--primary) !important; + } + + .fill { + padding: 0.8rem 0; + border-bottom: 1px solid rgba(255, 255, 255, .08) !important; + + .container { + height: 2rem; + padding: 0 1rem; + + .showSide { + display: none; + color: #fff; + font-size: 1.4rem; + } + + .brand { + font-size: 1.5rem; + color: #fff; + font-family: "TypoGraphica"; + text-decoration: none; + padding-left: 1rem; + cursor: default; + vertical-align: text-bottom; + display: none; + } + + .pull-right { + float: right; + margin-top: 0rem; + display: flex; + } + } + + .status { + position: absolute; + top: 25%; + right: 1em; + float: right; + + * { + position: relative; + top: .2rem; + float: left; + margin-left: .3rem; + cursor: pointer; + } + } + } +} + +#xhr_poll_status { + display: flex; + margin-left: 0.5rem; + * { + color: #fff; + } +} + +.danger { + background-color: #ff7d60 !important; +} + +.warning { + background-color: #f0e68c !important; +} + +.success { + background-color: #5cb85c !important; +} + +.notice { + background-color: #11cdef !important; + color: #fff; +} + +.error { + color: #f00; +} + +.alert, +.alert-message { + font-weight: bold; + margin-bottom: 1em; + padding: 1rem; + border: 0; + border-radius: 0 !important; + background-color: #fff; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16), 0 0 2px 0 rgba(0, 0, 0, .12); + text-shadow: 1px 1px rgba(0, 0, 0, .1); +} + +.alert-message>h4 { + font-size: 110%; + font-weight: bold; +} + +.alert-message>* { + margin: .5rem 0; +} + +.alert-message .btn { + padding: .3rem .6rem; +} + +.container .alert, +.container .alert-message { + margin-top: 1rem; +} + + +/* + * Main Menu + */ + +.main { + .main-left { + transition: all 0.2s; + + .nav { + margin-top: 0.5rem; + + li { + padding: 0.5rem 1rem; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + a { + display: block; + color: #5f6368; + color: var(--menu-color); + } + + &.slide { + padding: 0; + + ul { + display: none; + } + + .menu { + display: block; + margin: 0.1rem .5rem 0.1rem .5rem; + padding: .675rem 0 .675rem 2.5rem; + border-radius: .375rem; + text-decoration: none; + cursor: default; + font-size: 1rem; + transition: all 0.2s; + position: relative; + + &.active { + color: #fff; + background: #5e72e4; + background: var(--primary); + + &::before { + color: #fff !important; + } + + &::after { + transform: rotate(90deg); + color: #fff !important; + } + } + + &:hover { + cursor: pointer; + color: #fff; + background: #5e72e4; + background: var(--primary); + + &::before { + color: #fff !important; + } + } + + &::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; + padding-top: 3px; + transition: all 0.3s; + } + + &::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 =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + content: '\e90f'; + transition: all .15s ease; + color: #ced4da; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + transition: all 0.3s; + } + } + + .menu[data-title=Status]:before { + content: "\e906"; + color: #5e72e4; + } + + .menu[data-title=System]:before { + content: "\e90a"; + color: #fb6340; + } + + .menu[data-title=Services]:before { + content: "\e909"; + color: #11cdef; + } + + .menu[data-title=NAS]:before { + content: "\e90c"; + color: #f3a4b5; + } + + .menu[data-title=VPN]:before { + content: "\e90b"; + color: #172b4d; + } + + .menu[data-title=Network]:before { + content: "\e908"; + color: #8965e0; + } + + .menu[data-title=Bandwidth_Monitor]:before { + content: "\e90d"; + color: #2dce89; + } + + + + &:hover { + background: none; + } + + .slide-menu { + margin: 0 0.5rem 0 2.5rem; + padding: 0rem 0.5rem; + + li { + position: relative; + border-radius: 0.375rem; + margin: 0.2rem 0; + padding: 0.5rem 0rem; + background: none; + + a { + white-space: nowrap; + text-decoration: none; + } + + &::after { + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 0; + height: 2px; + background-color: #5e72e4; + transition: all 0.2s; + } + + &:hover { + background: none; + + &::after { + width: 100%; + } + } + + } + + .active { + background: none; + + color: var(--menu-color); + + a { + color: var(--menu-color); + } + + &::after { + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 2px; + background-color: #5e72e4; + transition: all 0.2s; + } + + &:hover { + + background: none; + + &::after { + width: 100%; + } + } + } + } + + } + } + } + } +} +.lg{ + margin: 0; + padding: 0 !important; +} +.logout { + display: block; + margin: 0.8rem .5rem 0.1rem 0.5rem; + padding: .675rem 0 .675rem 2.5rem; + border-radius: .375rem; + text-decoration: none; + font-size: 1rem; + transition: all 0.2s; + position: relative; +} + +.logout: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; + padding-top: 3px; + transition: all 0.3s; + content: "\e907"; + color: #32325d !important; +} + + +body[class*="node-"]>.main>.main-left>.nav>.slide>.menu::before { + transition: transform .1s ease-in-out; +} + +body[class*="node-"]>.main>.main-left>.nav>.slide>.menu.active::before { + transition: transform .2s ease-in-out; +} + +.main>.main-left[style*="overflow: hidden"]>.nav>.slide>.menu::before { + display: none; +} + + + + +#maincontent>.container { + margin: 0 2rem 1rem 2rem; +} + +ul { + line-height: normal; +} + +li { + list-style-type: none; +} + +h1 { + font-size: 2rem; + padding-bottom: 10px; + border-bottom: thin solid #eee; +} + +h2 { + color: #fff; + font-size: 1.8rem; + margin: 1rem 0 0 0; + padding-bottom: 10px; + +} + +h3 { + font-size: 1.4rem; + margin: 0rem 0 0 0; + padding: 2rem 1.5rem 1.25rem 1.5rem; +} + +h4 { + font-size: 1.2rem; + margin: 2rem 0 0 0; + padding: 0rem 1.5rem 0.75rem 1.5rem; +} + +h5 { + font-size: 1rem; + margin: 2rem 0 0 0; + padding-bottom: 10px; +} + +.cbi-section, +.cbi-section-error, +#iptables, +.Firewall form, +#cbi-network>.cbi-section-node, +#cbi-wireless>.cbi-section-node, +#cbi-wireless>#wifi_assoclist_table, +[data-tab-title], +[data-page^="admin-system-admin"]:not(.node-main-login) .cbi-map:not(#cbi-dropbear), +[data-page="admin-system-opkg"] #maincontent>.container { + font-family: inherit; + font-weight: normal; + font-style: normal; + line-height: normal; + min-width: inherit; + margin: 1.5rem 0; + padding: 0rem; + border: 0; + + border-radius: 0.375rem; + background-color: #fff; + box-shadow: 0 0 1rem 0 rgba(136, 152, 170, .15) +} + +.cbi-modal .cbi-section, +.cbi-section .cbi-section { + padding: 0; + box-shadow: none; +} + +.cbi-modal .cbi-tabmenu { + margin-left: 0; +} + +.cbi-map-descr, +.cbi-section-descr { + font-size: small; + line-height: 1.42857143; + padding: .5rem 0; + color: #fff; +} + +.cbi-map-descr+fieldset { + margin-top: 1rem; +} + +.cbi-section>legend { + display: none !important; +} + +fieldset>fieldset, +.cbi-section>.cbi-section { + margin: 0; + padding: 0; + border: 0; + box-shadow: none; +} + +.cbi-section>h3:first-child, +.panel-title { + font-size: 1.4rem; + line-height: 1; + display: block; + width: 100%; + margin: 0; + margin-bottom: 0; + padding: 1.25rem 1.5rem; + color: #32325d; + color: var(--gray-dark); + +} + +.cbi-section>h3:first-child, +.cbi-section>h4:first-child, +.cbi-section>p:first-child, +[data-tab-title]>h3:first-child, +[data-tab-title]>h4:first-child, +[data-tab-title]>p:first-child { + padding-top: 1rem; +} + +table { + border-spacing: 0; + border-collapse: collapse; +} + +table, +.table { + overflow-y: hidden; + 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, +.table>.tr>.td.cbi-value-field, +.table>.tr>.th.cbi-section-table-cell { + padding: .5rem; +} + +.container>.cbi-section:first-of-type>.table[width="100%"]>.tr>.td { + padding: .6rem; +} + +.cbi-section-table-cell { + line-height: 1.1; + align-self: flex-end; + flex: 1 1 auto; +} + +tr>td, +tr>th, +.tr>.td, +.tr>.th, +.cbi-section-table-row::before, +#cbi-wireless>#wifi_assoclist_table>.tr:nth-child(2) { + border-top: thin solid #ddd; + padding: 1.1em 1.5rem; +} + +#cbi-wireless .td, +#cbi-network .tr:first-child>.td, +.table[width="100%"]>.tr:first-child>.td, +[data-page="admin-network-diagnostics"] .tr>.td, +.tr.table-titles>.th, +.tr.cbi-section-table-titles>.th { + border-top: 0 !important; + background-color: #f6f9fc; + padding: 1.1em 1.5rem; + line-height: 1.3rem; +} + +.table[width="100%"]>.tr:first-child>.td { + margin: auto 0; +} + +.cbi-section-table-row { + margin-bottom: 1rem; + text-align: center !important; + background: #f4f4f4; +} + +.cbi-section-table-row:last-child { + margin-bottom: 0; +} + +.cbi-section-table-row>.cbi-value-field .cbi-dropdown, +.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 { + 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); +} + +.cbi-section-table-row .td { + text-align: center !important; +} + +div>table>tbody>tr:nth-of-type(2n), +div>.table>.tr:nth-of-type(2n) { + background-color: #f9f9f9; +} + +/* fix multiple table */ +table table, +.table .table, +.cbi-value-field table, +.cbi-value-field .table, +td>table>tbody>tr>td, +.td>.table>.tbody>.tr>.td, +.cbi-value-field>table>tbody>tr>td, +.cbi-value-field>.table>.tbody>.tr>.td { + border: 0; +} + +/* button style */ +.btn, +.cbi-button, +.item::after { + font-size: .8rem; + display: inline-block; + width: auto !important; + padding: 0 .8rem; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + transition: all .2s ease-in-out; + text-align: center; + vertical-align: middle; + white-space: nowrap; + text-decoration: none; + text-transform: uppercase; + color: rgba(0, 0, 0, .87); + border: 0; + border-radius: .2rem; + background-color: #f0f0f0; + background-image: none; + -webkit-appearance: none; + -ms-touch-action: manipulation; + touch-action: manipulation; +} + +.cbi-button-up, +.cbi-button-down { + font-size: 1.2rem; + display: inline-block; + min-width: 0; + padding: .2rem .3rem; + color: transparent !important; + background: url(./icons/arrow.svg) no-repeat center; + background-size: 12px 20px; +} + +.cbi-button-up { + transform: scaleY(-1); +} + +.cbi-button:not(select) { + -webkit-appearance: none !important; +} + +.cbi-button+.cbi-button { + margin-left: .6rem; +} + +.btn:hover, +.btn:focus, +.btn:active, +.cbi-button:hover, +.cbi-button:focus, +.cbi-button:active, +.item:hover::after, +.item:focus::after, +.item:active::after, +.cbi-page-actions .cbi-button-apply+.cbi-button-save:hover, +.cbi-page-actions .cbi-button-apply+.cbi-button-save:focus, +.cbi-page-actions .cbi-button-apply+.cbi-button-save:active { + text-decoration: none; + outline: 0; +} + +.btn:hover, +.btn:focus, +.cbi-button:hover, +.cbi-button:focus, +.item:hover::after, +.item:focus::after { + box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .2); +} + +.btn:active, +.cbi-button:active, +.item:active::after { + box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23); +} + +.cbi-button-up:hover, +.cbi-button-up:focus { + box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 -2px 2px rgba(0, 0, 0, .2); +} + +.cbi-button-up:active { + box-shadow: 0 -10px 20px rgba(0, 0, 0, .19), 0 -6px 6px rgba(0, 0, 0, .23); +} + +.btn:disabled, +.cbi-button:disabled { + cursor: not-allowed; + pointer-events: none; + opacity: .5; + box-shadow: none; +} + +/* gray */ +.alert-message [class="btn"], +.modal div[class="btn"], +.cbi-button-find, +.cbi-button-link, +.cbi-button-up, +.cbi-button-down, +.cbi-button-neutral, +.cbi-button[name="zero"], +.cbi-button[name="restart"], +.cbi-button[onclick="hide_empty(this)"] { + font-weight: bold; + color: #fff; + border: thin solid #8898aa; + background-color: #8898aa; +} + +/* dark blue */ +.btn.primary, +.cbi-page-actions .cbi-button-save, +.cbi-page-actions .cbi-button-apply+.cbi-button-save, +.cbi-button-add, +.cbi-button-save, +.cbi-button-positive, +.cbi-button-link, +.cbi-button[value="Enable"], +.cbi-button[value="Scan"], +.cbi-button[value^="Back"], +.cbi-button-neutral[onclick="handleConfig(event)"] { + font-weight: normal; + color: #fff; + border: thin solid #5e72e4; + border: thin solid var(--primary); + background-color: #5e72e4; + background-color: var(--primary); + ; +} + +/* light blue */ +.cbi-page-actions .cbi-button-apply, +.cbi-section-actions .cbi-button-edit, +.cbi-button-edit, +.cbi-button-apply, +.cbi-button-reload, +.cbi-button-action, +.cbi-button[value="Submit"], +.cbi-button[value="Upload"], +.cbi-button[value$="Apply"], +.cbi-button[onclick="addKey(event)"] { + font-weight: normal; + color: #fff; + border: thin solid #5e72e4; + border: thin solid var(--primary); + + background-color: #5e72e4; + background-color: var(--primary); +} + +/* red */ +.btn.danger, +.cbi-section-remove>.cbi-button, +.cbi-button-remove, +.cbi-button-reset, +.cbi-button-negative, +.cbi-button[value="Stop"], +.cbi-button[value="Kill"], +.cbi-button[onclick="reboot(this)"], +.cbi-button-neutral[value="Restart"] { + font-weight: normal; + color: #fff; + border: thin solid #f5365c; + border: thin solid var(--red); + background-color: #f5365c; + background-color: var(--red); +} + +/* yellow */ +.btn[value="Dismiss"], +.cbi-button[value="Terminate"], +.cbi-button[value="Reset"], +.cbi-button[value="Disabled"], +.cbi-button[onclick^="iface_reconnect"], +.cbi-button[onclick="handleReset(event)"], +.cbi-button-neutral[value="Disable"] { + font-weight: normal; + color: #fff; + border: thin solid #eea236; + background-color: #f0ad4e; +} + +/* green */ +.cbi-button-success, +.cbi-button-download, +.cbi-button[name="backup"], +.cbi-button[value="Download"], +.cbi-button[value="Save mtdblock"] { + font-weight: normal; + color: #fff; + border: thin solid #4cae4c; + background-color: #5cb85c; +} + +.cbi-page-actions .cbi-button-link:first-child { + float: left; +} + +.a-to-btn { + text-decoration: none; +} + +.cbi-value-field .cbi-button-add { + font-weight: bold; + margin: 9px 0 4px 3px; + padding: 1px 6px; +} + +.tabs { + margin: 0 0rem; + padding-left: .5rem; + border-radius: 0.375rem; + background-color: #fff; +} + +.tabs>li, +.cbi-tabmenu>li { + display: inline-block; + padding: .55rem 0; + margin: 0.5rem 0.1rem 0 0.1rem; + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; + background-color: #d4d4d4; + cursor: pointer; +} + +.tabs>li { + padding-bottom: .4rem; + border-bottom: .2rem solid transparent; + background-color: #fff; +} + +.tabs>li[class~="active"], +.tabs>li:hover { + border-bottom-color: #5e72e4; + border-bottom-color: var(--primary); +} + +.tabs>li:hover { + cursor: pointer; + border-bottom-color: #c9c9c9; +} + +.tabs>li>a, +.cbi-tabmenu>li>a { + padding: .6rem .9rem; + text-decoration: none; + color: #404040; +} + +.tabs>li[class~="active"]>a { + color: #5e72e4; + color: var(--primary); +} + +.cbi-tabmenu { + border: 0 solid #d4d4d4; + border-bottom: 0; +} + +.cbi-tabmenu>li:hover { + background-color: #f1f1f1; +} + +.cbi-tabmenu>li[class~="cbi-tab"] { + background-color: #fb6340; + background-color: var(--orange); + + a { + color: #fff; + } +} + +.cbi-tabmenu { + padding-left: 1rem; + background-color: none; +} + +.cbi-section .cbi-section-remove:nth-of-type(2n), +.container>.cbi-section .cbi-section-node:nth-of-type(2n) { + background-color: #f9f9f9; +} + +[data-tab-title] { + overflow: hidden; + height: 0; + opacity: 0; + margin: 0; + padding: 0rem 0rem !important; + + p { + margin-left: 1rem; + margin-bottom: 1rem; + } +} + +[data-tab-active="true"] { + overflow: visible; + height: auto; + opacity: 1; + transition: opacity .25s ease-in; + margin: inherit !important; +} + +.cbi-section[id] .cbi-section-remove:nth-of-type(4n+3), +.cbi-section[id] .cbi-section-node:nth-of-type(4n+4) { + background-color: #f9f9f9; +} + +.cbi-section-node-tabbed { + margin-top: 0; + padding: 0; + border: thin solid #d4d4d4; + border-radius: 0.375rem; +} + +.cbi-tabcontainer>.cbi-value:nth-of-type(2n) { + background-color: #f9f9f9; +} + +.cbi-value-field, +.cbi-value-description { + line-height: 1.25; + display: table-cell; + + abbr { + color: #32325d; + color: var(--gray-dark); + } +} + +.cbi-value-description { + font-size: small; + padding-top: .4rem; + opacity: .5; +} + +.cbi-value-title { + display: table-cell; + float: left; + width: 23rem; + padding-top: .25rem; + padding-right: 2rem; + text-align: right; + word-wrap: break-word; +} + +.cbi-value { + display: inline-block; + width: 100%; + padding: .35rem 1rem .2rem 1rem; + line-height: 2.4rem; +} + +.cbi-value ul { + line-height: 1.25; +} + +.cbi-value-field .cbi-dropdown, +.cbi-value-field .cbi-input-select, +.cbi-value input[type="text"], +.cbi-value input[type="password"] { + min-width: 18rem; +} + +#cbi-firewall-zone .cbi-input-select, +#cbi-network-switch_vlan .cbi-input-select { + min-width: 11rem; +} + +#cbi-network-switch_vlan .cbi-input-text { + max-width: 3rem; +} + +.cbi-input-invalid { + color: #f5365c; + border-bottom-color: #f5365c; +} + +.cbi-section-error { + font-weight: bold; + line-height: 1.42857143; + margin: 18px; + padding: 6px; + border: thin solid #f5365c; + border-radius: 3px; + background-color: #fce6e6; +} + +.cbi-section-error ul { + margin: 0 0 0 20px; +} + +.cbi-section-error ul li { + font-weight: bold; + color: #f5365c; +} + +.td[data-title]::before { + font-weight: bold; + display: none; + padding: .25rem 0; + content: attr(data-title) ":\20"; + text-align: left; + white-space: nowrap; +} + +.tr.placeholder .td[data-title]::before { + display: none; +} + +.tr[data-title]::before, +.tr.cbi-section-table-titles.named::before { + font-weight: bold; + display: table-cell; + align-self: center; + flex: 1 1 5%; + padding: .25rem; + content: attr(data-title) "\20"; + text-align: center; + vertical-align: middle; + white-space: normal; + word-wrap: break-word; +} + +.cbi-rowstyle-1 { + background-color: #f9f9f9; +} + +.cbi-rowstyle-2 { + background-color: #eee; +} + +.cbi-rowstyle-2 .cbi-button-up, +.cbi-rowstyle-2 .cbi-button-down, +body:not(.Interfaces) .cbi-rowstyle-2:first-child { + background-color: #fff !important; +} + +.cbi-section-table .cbi-section-table-titles .cbi-section-table-cell { + width: auto !important; +} + +.td.cbi-section-actions { + text-align: right !important; + vertical-align: middle; +} + +.td.cbi-section-actions>* { + display: inline-flex; +} + +.td.cbi-section-actions>*>*, +.td.cbi-section-actions>*>form>* { + margin: 0 5px; + display: flex; + align-items: center; +} + +.td.cbi-section-actions>*>form { + display: inline-flex; + margin: 0; +} + +/* lists */ +.cbi-dynlist { + line-height: 1.3; + flex-direction: column; + min-height: 30px; + cursor: text; +} + +.cbi-dynlist>.item { + position: relative; + max-width: 25rem; + margin-right: 2em; + margin-bottom: 0.3rem; + padding: 1em .25em .25em 0; + pointer-events: none; + color: #8898aa; + border-bottom: 2px solid #5e72e4; + border-bottom: 2px solid var(--primary); + outline: 0; +} + +.cbi-dynlist[name="sshkeys"]>.item { + max-width: none; +} + +.cbi-dynlist>.item::after { + font-weight: bold; + position: absolute; + right: -2em; + bottom: 0; + display: inline-flex; + min-height: 17px; + padding: 0 6px; + content: "\00D7"; + pointer-events: auto; + color: #fff; + border: thin solid #f5365c; + border: thin solid var(--red); + background-color: #f5365c; + background-color: var(--red); + ; +} + +.cbi-dynlist>.item>span { + white-space: normal; + word-break: break-word; +} + +.cbi-dynlist>.add-item { + display: inline-flex; + align-items: center; + width: 100%; + min-width: 16rem; +} + +.cbi-dynlist>.add-item:not([ondrop])>input { + overflow: hidden; + width: 100%; + min-width: 15rem; + white-space: nowrap; + text-overflow: ellipsis; +} + +.cbi-dynlist>.add-item[ondrop]>input { + min-width: 13rem; +} + +.cbi-dynlist, +.cbi-dropdown { + position: relative; + display: inline-flex; + padding: 0.2rem; +} + +.cbi-dropdown[placeholder*="select"] { + max-width: 25rem; + height: auto; + margin-top: -3px; +} + +.cbi-dropdown>ul { + display: flex; + overflow-x: hidden; + overflow-y: auto; + width: 100%; + margin: 0 !important; + padding: 0; + list-style: none; + outline: 0; +} + +.cbi-dropdown>ul.preview { + display: none; + + li { + color: #fff; + } + +} + +.cbi-dropdown>ul:first-child { + li { + color: #fff; + } + +} + +.cbi-dropdown>.open { + flex-basis: 15px; +} + +.cbi-dropdown>.open, +.cbi-dropdown>.more { + font-size: 1rem; + font-weight: 900; + line-height: 2; + display: flex; + flex-direction: column; + flex-grow: 0; + flex-shrink: 0; + justify-content: center; + padding: 0 .25em; + cursor: default; + text-align: center; + outline: 0; +} + +.cbi-dropdown>.more, +.cbi-dropdown>ul>li[placeholder] { + font-weight: bold; + display: none; + color: #777; + text-shadow: 1px 1px 0 #fff; +} + +.cbi-dropdown>ul>li { + display: none; + overflow: hidden; + align-items: center; + align-self: center; + flex-grow: 1; + flex-shrink: 1; + min-height: 20px; + padding: .25em; + white-space: nowrap; + text-overflow: ellipsis; + +} + +.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: thin 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 { + margin-right: .25em; + vertical-align: middle; +} + +.cbi-dropdown>ul>li>form>input[type="checkbox"] { + height: auto; + margin: 0; +} + +.cbi-dropdown>ul>li input[type="text"] { + height: 20px; +} + +.cbi-dropdown[open]>ul.dropdown { + position: absolute; + z-index: 1100; + display: block; + width: auto; + min-width: 100%; + max-width: none; + max-height: 200px !important; + border: thin solid #918e8c; + background: #f6f6f6; + + box-shadow: 0 0 4px #918e8c; + color: var(--main-menu-color); + + li { + color: #000; + } +} + +.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 { + display: flex; + align-items: center; + flex-grow: 1; + +} + +.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: thin solid #ccc; + padding: 0.5rem 0.8rem; +} + +.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: 0; +} + +.cbi-dropdown[open]>ul.dropdown>li[unselectable] { + opacity: .7; +} + +.cbi-dropdown[open]>ul.dropdown>li>input.create-item-input:first-child:last-child { + width: 100%; +} + +.cbi-dropdown[disabled] { + pointer-events: none; + opacity: .6; +} + +.cbi-dropdown .zonebadge { + width: 100%; +} + +.cbi-dropdown[open] .zonebadge { + width: auto; +} + +/* progressbar */ +.cbi-progressbar { + position: relative; + min-width: 170px; + height: 20px; + margin: 6px 0; + border: thin solid #999; + background: #eee; + border-radius: 0.2rem; + overflow: hidden; +} + +.cbi-progressbar>div { + width: 0; + height: 100%; + transition: width .25s ease-in; + background: #5bc0de; + background: var(--bar-bg); +} + +.cbi-progressbar::after { + font-family: monospace; + font-size: 1em; + font-weight: bold; + font-size-adjust: .38; + line-height: normal; + position: absolute; + top: 2px; + right: 0; + bottom: 2px; + left: 0; + overflow: hidden; + content: attr(title); + text-align: center; + white-space: pre; + text-overflow: ellipsis; +} + +#modal_overlay { + position: fixed; + z-index: 900; + top: 0; + right: 10000px; + bottom: 0; + left: -10000px; + overflow-y: scroll; + transition: opacity .125s ease-in; + opacity: 0; + background: rgba(0, 0, 0, .7); + -webkit-overflow-scrolling: touch; +} + +.modal { + display: flex; + align-items: center; + flex-wrap: wrap; + width: 90%; + min-width: 270px; + max-width: 600px; + min-height: 32px; + margin: 5em auto; + padding: 1em; + border-radius: 3px !important; + background: #fff; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16), 0 0 2px 0 rgba(0, 0, 0, .12); +} + +.modal>* { + line-height: normal; + flex-basis: 100%; + margin-bottom: .5em; + max-width: 100%; +} + +.modal>pre, +.modal>textarea { + font-size: 1rem; + font-size-adjust: .35; + overflow: auto; + margin-bottom: .5em; + padding: 8.5px; + cursor: auto; + white-space: pre-wrap; + color: #eee; + outline: 0; + background-color: #101010; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16), 0 0 2px 0 rgba(0, 0, 0, .12); +} + +.modal>h4 { + margin: .5em 0; +} + +.modal ul { + margin-left: 2.2em; +} + +.modal li { + list-style-type: square; + color: #808080; +} + +.modal p { + padding-left: .25rem; + word-break: break-word; +} + +.modal .label { + font-size: .6rem; + font-weight: normal; + padding: .1rem .3rem; + padding-bottom: 0; + cursor: default; + border-radius: 0; +} + +.modal .label.warning { + background-color: #f0ad4e !important; +} + +.modal .btn { + padding: .3rem .6rem; +} + +.modal.cbi-modal { + max-width: 90%; + max-height: none; +} + +body.modal-overlay-active { + overflow: hidden; + height: 100vh; +} + +body.modal-overlay-active #modal_overlay { + right: 0; + left: 0; + opacity: 1; +} + +.spinning { + position: relative; + padding-left: 32px !important; +} + +.spinning::before { + position: absolute; + top: 0; + bottom: 0; + left: .2em; + width: 32px; + content: ""; + background: url(../resources/icons/loading.gif) no-repeat center; + background-size: 16px; +} + +/* 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 { + padding-top: 1rem; + text-align: right; +} + +.cbi-page-actions>form[method="post"] { + display: inline-block; +} + +.th[data-type="button"], +.td[data-type="button"], +.th[data-type="fvalue"], +.td[data-type="fvalue"] { + flex: 1 1 2em; + text-align: center; +} + +.ifacebadge { + display: inline-flex; + padding: .5rem .8rem; + border-bottom: thin solid #ccc; + background: #eee; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); +} + +td>.ifacebadge, +.td>.ifacebadge { + font-size: .8rem; + background-color: #f0f0f0; +} + +.ifacebadge>em, +.ifacebadge>img { + display: inline-block; + align-self: flex-start; + margin: 0 .2rem; +} + +.ifacebadge>img+img { + margin: 0 .2rem 0 0; +} + +.network-status-table { + display: flex; + flex-wrap: wrap; +} + +.network-status-table .ifacebox { + flex-grow: 1; + margin: .5em; +} + +.network-status-table .ifacebox-body { + display: flex; + flex-direction: column; + height: 100%; +} + +.network-status-table .ifacebox-body>span { + flex: 10 10 auto; + height: 100%; +} + +.network-status-table .ifacebox-body>div { + display: flex; + flex-wrap: wrap; +} + +.network-status-table .ifacebox-body .ifacebadge { + align-items: center; + flex: 1 1 auto; + min-width: 220px; + margin: .5em 0em 0 0em; + padding: .5em; + background-color: #fff; +} + +/* textarea */ +.cbi-input-textarea { + font-family: monospace; + width: 100%; + min-height: 14rem; + padding: .8rem; + color: #000; +} + +#syslog { + font-size: small; + line-height: 1.25; + overflow-y: hidden; + width: 100%; + min-height: 15rem; + padding: 1rem; + resize: none; + color: #eee; + border: 0; + border-radius: 0.375rem; + background-color: #242424; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16), 0 0 2px 0 rgba(0, 0, 0, .12); +} + +#syslog:focus { + outline: 0; +} + +/* config changes */ +.uci-change-list { + font-family: monospace; +} + +.uci-change-list ins, +.uci-change-legend-label ins { + display: block; + padding: 2px; + text-decoration: none; + border: thin solid #0f0; + background-color: #cfc; +} + +.uci-change-list del, +.uci-change-legend-label del { + font-style: normal; + display: block; + padding: 2px; + text-decoration: none; + border: thin solid #f00; + background-color: #fcc; +} + +.uci-change-list var, +.uci-change-legend-label var { + font-style: normal; + display: block; + padding: 2px; + text-decoration: none; + border: thin solid #ccc; + background-color: #eee; +} + +.uci-change-list var ins, +.uci-change-list var del { + font-style: normal; + padding: 0; + white-space: pre; + border: 0; +} + +.uci-change-legend { + padding: 5px; +} + +.uci-change-legend-label { + float: left; + width: 150px; +} + +.uci-change-legend-label>ins, +.uci-change-legend-label>del, +.uci-change-legend-label>var { + display: block; + float: left; + width: 10px; + height: 10px; + margin-right: 4px; +} + +.uci-change-legend-label var ins, +.uci-change-legend-label var del { + line-height: .4; + border: 0; +} + +.uci-change-list var, +.uci-change-list del, +.uci-change-list ins { + padding: .5rem; +} + +/* other fix */ +#iwsvg, +#iwsvg2, +#bwsvg { + border: thin solid #d4d4d4 !important; +} + +#iwsvg, +[data-page="admin-status-realtime-bandwidth"] #bwsvg { + border-top: 0 !important; +} + +.ifacebox { + line-height: 1.25; + display: inline-flex; + flex-direction: column; + min-width: 100px; + border-bottom: thin solid #ccc; + background-color: #f9f9f9; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 2px rgba(0, 0, 0, .2); +} + +.ifacebox-head { + padding: .25em; + background: #eee; +} + +.ifacebox-head.active { + background: #5e72e4; + background: var(--bar-bg); + + * { + color: #fff; + color: var(--white); + } + +} + +.ifacebox-body { + padding: .5em 1rem; + line-height: 1.6em; +} + +.cbi-image-button { + margin-left: .5rem; +} + +.zonebadge { + display: inline-block; + padding: .2rem .5rem; +} + +.zonebadge .ifacebadge { + margin: .1rem .2rem; + padding: .2rem .3rem; + border: thin solid #6c6c6c; +} + +.zonebadge>input[type="text"] { + min-width: 10rem; + margin-top: .3rem; + padding: .16rem 1rem; +} + +.zonebadge>em, +.zonebadge>strong { + display: inline-block; + margin: 0 .2rem; +} + +.cbi-value-field .cbi-input-checkbox, +.cbi-value-field .cbi-input-radio { + margin-top: .1rem; +} + +.cbi-value-field>ul>li { + display: flex; +} + +.cbi-value-field>ul>li>label { + margin-top: .5rem; +} + +.cbi-value-field>ul>li .ifacebadge { + margin-top: -.5rem; + margin-left: .4rem; + background-color: #eee; +} + +.cbi-section-table-row>.cbi-value-field .cbi-dropdown { + min-width: 7rem; +} + +.cbi-section-create { + display: inline-flex; + align-items: center; + margin: 0.25rem 0 0.25rem 1rem; +} + +.cbi-section-create>* { + margin: .5rem; +} + +.cbi-section-remove { + padding: .5rem; +} + +div.cbi-value var, +td.cbi-value-field var, +.td.cbi-value-field var { + font-style: italic; + color: #0069d6; +} + +.cbi-optionals { + padding: 1rem 1rem 0 1rem; + border-top: thin solid #ccc; +} + +.cbi-dropdown-container { + position: relative; +} + +.cbi-tooltip-container, +span[data-tooltip], +span[data-tooltip] .label { + cursor: help !important; +} + +.cbi-tooltip { + position: absolute; + z-index: 1000; + left: -1000px; + padding: 2px 5px; + transition: opacity .25s ease-out; + white-space: pre; + pointer-events: none; + opacity: 0; + border-radius: 3px; + background: #fff; + box-shadow: 0 0 2px #444; +} + +.cbi-tooltip-container:hover .cbi-tooltip { + left: auto; + transition: opacity .25s ease-in; + opacity: 1; +} + +.zonebadge .cbi-tooltip { + margin: -1.5rem 0 0 -.5rem; + padding: .25rem; + background: inherit; +} + +.zonebadge-empty { + color: #404040; + background: repeating-linear-gradient(45deg, rgba(204, 204, 204, .5), rgba(204, 204, 204, .5) 5px, rgba(255, 255, 255, .5) 5px, rgba(255, 255, 255, .5) 10px); +} + +.zone-forwards { + display: flex; + min-width: 10rem; +} + +.zone-forwards>* { + flex: 1 1 45%; +} + +.zone-forwards>span { + flex-basis: 10%; + padding: 0 .25rem; + text-align: center; +} + +.zone-forwards .zone-src, +.zone-forwards .zone-dest { + display: flex; + flex-direction: column; +} + +.label { + font-size: .8rem; + font-weight: bold; + padding: .3rem .8rem; + white-space: nowrap; + text-decoration: none; + text-transform: uppercase; + color: #fff !important; + border-radius: 3px; + background-color: #bfbfbf; + text-shadow: none; +} + +label>input[type="checkbox"], +label>input[type="radio"] { + position: relative; + top: .4rem; + right: .2rem; + margin: 0; + vertical-align: bottom; +} + +label[data-index][data-depends] { + padding-right: 2em; +} + +.showSide { + display: none; +} + +.darkMask { + position: fixed; + z-index: 99; + display: none; + width: 100%; + height: 100%; + content: ""; + top: 0; + background-color: rgba(0, 0, 0, .56); +} + +/* diagnostics */ +#diag-rc-output>pre, +#command-rc-output>pre, +[data-page="admin-services-wol"] .notice code { + font-size: 1.2rem; + font-size-adjust: .35; + line-height: normal; + display: block; + overflow-y: hidden; + width: 100%; + padding: 8.5px; + white-space: pre; + color: #eee; + background-color: #101010; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16), 0 0 2px 0 rgba(0, 0, 0, .12); +} + +[data-page="admin-network-diagnostics"] .table { + box-shadow: none; +} + +input[name="ping"], +input[name="traceroute"], +input[name="nslookup"] { + width: 80%; +} + +/* fix Main Login */ +.node-main-login { + .main { + top: 0; + height: 100% !important; + + .main-left { + display: none; + } + + .main-right { + width: 100%; + + header { + background: none !important; + box-shadow: none !important; + display: none !important; + } + + .login-bg { + display: block; + position: fixed; + width: 100%; + height: 100%; + left: 0px; + top: 0px; + background-size: cover; + background-color: #000; + background-position: top center; + transition: all 0.5s; + + &.blur { + transform: scale(1.05); + -webkit-filter: blur(5px); + /* Chrome, Safari, Opera */ + filter: blur(5px); + } + } + + #maincontent { + height: 100%; + padding-top: 23vh; + margin-top: 0rem; + background-color: transparent !important; + text-align: center; + + .container { + display: inline-block; + padding: 1rem; + position: relative; + margin-top: 2rem !important; + background-color: var(--secondary) !important; + border-radius: .375rem; + box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15); + text-align: left; + + + .alert-message { + &.warning { + position: absolute; + color: #fff; + width: calc(100% - 2rem); + box-sizing: border-box; + margin-top: 8rem; + border-radius: 5px !important; + padding: 0.5rem 2rem; + text-align: center; + background-color: var(--purple) !important; + p{ + color: #fff; + } + } + + &.error { + position: absolute; + color: #fff; + width: calc(100% - 4rem); + background-color: #f0ad4e; + border-color: #eea236; + box-sizing: border-box; + margin-top: 8rem; + border-radius: 5px; + padding: 1rem 2rem; + text-align: center; + p{ + color: #fff; + } + } + } + + .cbi-map { + h2 { + width: 120px; + height: 120px; + color: #fff; + text-align: center; + letter-spacing: 4px; + display: block; + margin: -80px auto 15px auto; + padding: 0; + text-indent: -500px; + overflow: hidden; + border-radius: 60px; + border: #fff 3px solid; + background-image: url(head-icon.jpg); + background-size: cover; + box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); + } + + .cbi-map-descr { + text-align: center; + padding: 1rem; + color: #8898aa; + } + + .cbi-section { + padding: 0.5rem; + margin: 0 ; + background: none !important; + box-shadow: none !important; + + .cbi-section-node { + padding: 0; + + .cbi-value { + display: block; + padding: 0; + + * { + display: inline-block !important; + } + + .cbi-value-title { + display: none !important; + } + + .cbi-value-field { + position: relative; + width: 20rem; + margin-bottom: 1em; + + input { + font-size: 1rem; + line-height: 1.5; + display: block; + width: 100%; + height: calc(2.75rem + 2px); + padding: .625rem .75rem; + transition: all .15s cubic-bezier(.68, -.55, .265, 1.55); + color: #8898aa; + border: 0px solid #dee2e6; + border-radius: .25rem; + background-color: #fff; + background-clip: padding-box; + box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02); + box-sizing: border-box; + padding-left: 3em !important; + margin: 0; + + &:focus { + color: #8898aa; + + outline: 0; + background-color: #fff; + box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1) + } + } + + &: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; + content: "\e971"; + color: #adb5bd; + font-size: 1.5rem; + position: absolute; + z-index: 100; + left: 10px; + top: 10px; + } + } + + &.cbi-value-last .cbi-value-field:before { + content: "\e910"; + } + } + } + } + } + + .cbi-page-actions { + text-align: center; + padding-top: 0.5rem; + + .cbi-button { + font-size: 1rem; + height: auto; + position: relative; + transition: all .15s ease; + letter-spacing: .2em; + text-transform: none; + padding: .375rem 1.25rem; + will-change: transform; + line-height: 1.5em; + border: thin solid var(--purple); + background-color: var(--purple); + + &.cbi-button-reset { + display: none !important; + } + } + } + + } + + footer { + bottom: 0; + position: absolute; + width: 100%; + color: #fff; + + a { + color: #fff; + } + } + } + } + } +} + + + +@media screen and (min-height: 585px) { + .node-main-login footer { + display: none; + position: absolute; + bottom: 0; + width: 100%; + } +} + +/* fix status */ +.node-status-overview>.main fieldset:nth-child(4) .td:nth-child(2), +.node-status-processes>.main .table .tr .td:nth-child(3) { + white-space: normal; +} + +/* fix system reboot */ +[data-page="admin-system-reboot"] p { + padding-left: 0rem; + color: #fff; +} + +[data-page="admin-system-reboot"] .cbi-button { + background: #fb6340 !important; +} + +[data-page="admin-system-reboot"] p>span { + position: relative; + top: .1rem; + left: 1rem; +} + +/* samba */ +#cbi-samba [data-tab="template"] .cbi-value-field { + display: block; +} + +#cbi-samba [data-tab="template"] .cbi-value-title { + width: auto; + padding-bottom: .6rem; +} + +/* admin-system-admin-password */ +[data-page="admin-system-admin"] .cbi-map h2, +[data-page="admin-system-admin-password"] .cbi-map h2, +[data-page="admin-system-admin"] .cbi-map .cbi-map-descr, +[data-page="admin-system-admin-password"] .cbi-map .cbi-map-descr { + margin-left: 1.5rem; + color: #32325d; + color: var(--gray-dark); +} + + +/* software */ +[data-page="admin-system-opkg"] h2 { + margin-left: 1.5rem; + color: #32325d; + color: var(--gray-dark); +} + +.controls { + margin: .5em 1rem 1em 1rem !important; +} + +.controls>*>.btn:not([aria-label$="page"]) { + flex-grow: initial !important; + margin-top: .25rem; +} + +.controls>#pager>.btn[aria-label$="page"] { + font-size: 1.4rem; + font-weight: bold; +} + +.controls>*>label { + margin-bottom: .2rem; +} + +[data-page="admin-system-opkg"] div.btn { + line-height: 3; + display: inline; + padding: .3rem .6rem; +} + +[data-page^="admin-system-admin"]:not(.node-main-login) .cbi-map:not(#cbi-dropbear), +[data-page="admin-system-opkg"] #maincontent>.container { + margin-top: 2rem; + padding-top: .1rem; +} + +[data-page="admin-system-opkg"] #maincontent>.container { + margin: 2rem; + margin-bottom: 1rem; +} + +.td.version, +.td.size { + white-space: normal !important; + word-break: break-word; +} + +.cbi-tabmenu+.cbi-section { + margin-top: 0; +} + +/* admin-system-crontab*/ +[data-page="admin-system-crontab"] #view p { + color: #fff; + margin-bottom: 1rem; +} + +/*admin-system-flash*/ +[data-page="admin-system-flash"] .cbi-value { + padding: 0; +} + +[data-page="admin-system-flash"] .cbi-section .cbi-section { + margin-top: 0; +} + +[data-page="admin-system-flash"] .cbi-map-tabbed { + border-radius: 0.375rem; +} + +[data-page="admin-system-flash"] legend { + display: block !important; + font-size: 1.2rem; + width: 100%; + display: block; + margin-bottom: 0; + padding: 1rem 0 1rem 1.5rem; + border-bottom: 1px solid rgba(0, 0, 0, .05); + line-height: 1.5; + margin-bottom: 0rem; + letter-spacing: 0.1rem; + color: #32325d; + font-weight: bold; +} + +[data-page="admin-system-flash"] .cbi-section-descr { + font-weight: 600; + padding: 1rem 0 1rem 1.5rem; + color: #525f7f; +} + +/* wireless overview */ +#cbi-wireless>#wifi_assoclist_table>.tr { + box-shadow: inset 1px -1px 0 #ddd, inset -1px -1px 0 #ddd; +} + +#cbi-wireless>#wifi_assoclist_table>.tr.placeholder>.td { + right: 33px; + bottom: 33px; + left: 33px; + border-top: thin solid #ddd !important; +} + +#cbi-wireless>#wifi_assoclist_table>.tr.table-titles { + box-shadow: inset 1px 0 0 #ddd, inset -1px 0 0 #ddd; +} + +#cbi-wireless>#wifi_assoclist_table>.tr.table-titles>.th { + border-bottom: thin solid #ddd; + box-shadow: 0 -1px 0 0 #ddd; +} + +#wifi_assoclist_table>.tr>.td[data-title="RX Rate / TX Rate"] { + width: 23rem; +} + +[data-page="admin-network-dhcp"] .cbi-value { + padding: 0; + +} + +[data-page="admin-network-dhcp"] [data-tab-active="true"] { + padding: 1rem 0 !important; +} + +/* firewall */ +#iptables { + margin: 0; +} + +.Firewall form { + margin: 2rem 2rem 0 0; + padding: 0; + box-shadow: 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%; +} + +#cbi-firewall-zone .table, +#cbi-network-switch_vlan .table { + display: block; +} + +#cbi-firewall-zone .td, +#cbi-network-switch_vlan .td { + width: 100%; +} + +[data-page="admin-network-firewall-custom"] #view p { + color: #fff; + margin-bottom: 1rem; + + textarea { + padding: 1rem; + border-radius: 0.375rem; + } +} + +/* applyreboot fix */ +#applyreboot-container { + margin: 2rem; +} + +#applyreboot-section { + line-height: 300%; + margin: 2rem; +} + +/* openvpn bug fix */ +.OpenVPN a { + line-height: initial !important; +} + +/* custom commands */ +.commandbox { + width: 24% !important; + margin: 10px 0 0 10px !important; + padding: .5rem 1rem; + border-bottom: thin solid #ccc; + background: #eee; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); +} + +.commandbox h3 { + line-height: normal !important; + overflow: hidden; + margin: 6px 0 !important; + white-space: nowrap; + text-overflow: ellipsis; +} + +.commandbox div { + left: auto !important; +} + +.commandbox code { + position: absolute; + overflow: hidden; + max-width: 60%; + margin-left: 4px; + padding: 2px 3px; + white-space: nowrap; + text-overflow: ellipsis; +} + +.commandbox code:hover { + overflow-y: auto; + max-height: 50px; + white-space: normal; +} + +.commandbox p:first-of-type { + margin-top: -6px; +} + +.commandbox p:nth-of-type(2) { + margin-top: 2px; +} + +[data-page^="admin-system-commands"] .panel-title, +[data-page^="command-cfg"] .mobile-hide, +[data-page^="command-cfg"] .showSide { + display: none; +} + +#command-rc-output .alert-message { + line-height: 1.42857143; + position: absolute; + top: 40px; + right: 32px; + max-width: 40%; + margin: 0; + animation: anim-fade-in 1.5s forwards; + word-break: break-word; + opacity: 0; +} + +@keyframes anim-fade-in { + 100% { + opacity: 1; + } +} + +/* 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: 1rem 0 0 0; +} + +input[type="checkbox"]:checked { + border: 1px solid #5e72e4; + 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-size: 70%; + background-repeat: no-repeat; + background-position: center; +} + +/* IE hacks */ +@media all and (-ms-high-contrast: none) { + .main>.main-left>.nav>.slide>.menu::before { + top: 30.25%; + } + + .main>.main-left>.nav>li:last-child::before { + top: 20%; + } + + .showSide::before { + top: -12px; + } +} + +@media screen and (max-width: 1600px) { + header>.fill>.container>#logo { + margin: 0 2.5rem 0 .5rem; + } + + .main-left { + width: calc(0% + 13rem); + } + + .main-right { + width: calc(100% - 13rem); + } + + .btn:not(button), + .cbi-button { + font-size: .8rem; + padding: .2rem .6rem; + } + + .label { + padding: .2rem .6rem; + } + + + .cbi-value-title { + width: 15rem; + padding-right: .6rem; + } + + .cbi-value-field .cbi-dropdown, + .cbi-value-field .cbi-input-select, + .cbi-value input[type="text"], + .cbi-value input[type="password"] { + min-width: 18rem; + } + + #cbi-firewall-zone .cbi-input-select { + min-width: 9rem; + } + + .cbi-input-textarea { + font-size: small; + } + + .node-admin-status>.main fieldset li>a { + padding: .3rem .6rem; + } +} + +@media screen and (max-width: 1366px) { + + + header>.fill>.container { + + cursor: default; + } + + + + .main-left { + width: calc(0% + 13rem); + } + + .main-right { + width: calc(100% - 13rem); + } + + + .tabs>li>a, + .cbi-tabmenu>li>a { + padding: .2rem .5rem; + } + + .panel-title { + font-size: 1.1rem; + padding-bottom: 1rem; + } + + table { + font-size: .7rem !important; + width: 100% !important; + } + + .table .cbi-input-text { + width: 100%; + } + + .cbi-value-field .cbi-dropdown, + .cbi-value-field .cbi-input-select, + .cbi-value input[type="text"], + .cbi-value input[type="password"] { + min-width: 16rem; + } + + #cbi-firewall-zone .cbi-input-select { + min-width: 4rem; + } + + .main>.main-left>.nav>li, + .main>.main-left>.nav>li a, + .main>.main-left>.nav>.slide>.menu, + .main>.main-left>.nav>li>[data-title="Logout"] { + font-size: .9rem; + } + + .main>.main-left>.nav>.slide>.slide-menu>li>a { + font-size: .7rem; + } + + #modal_overlay { + top: 0rem; + } + + [data-page="admin-network-firewall-forwards"] .table:not(.cbi-section-table) { + display: block; + } + + [data-page="admin-network-firewall-forwards"] .table:not(.cbi-section-table), + [data-page="admin-network-firewall-rules"] .table:not(.cbi-section-table), + [data-page="admin-network-hosts"] .table, + [data-page="admin-network-routes"] .table { + overflow-y: visible; + } + + .commandbox { + width: 32% !important; + } + + .btn:not(button), .cbi-button { + font-size: 0.8rem; + padding: 0.2rem 0.6rem; + } +} + +@media screen and (max-width: 1152px) { + header>.fill>.container>#logo { + display: none; + } + + header>.fill>.container>.brand { + position: relative; + } + + html, + .main { + overflow-y: visible; + } + + .main>.loading>span { + top: 25%; + } + + .main-left { + width: calc(0% + 13rem); + } + + .main-right { + width: calc(100% - 13rem); + } + + + + body:not(.logged-in) .showSide { + visibility: hidden; + width: 0; + margin: 0; + } + + .node-main-login>.main .cbi-value-title { + text-align: left; + } + + .cbi-value-title { + width: 12rem; + padding-right: 1rem; + } + + .cbi-value-field .cbi-dropdown, + .cbi-value-field .cbi-input-select, + .cbi-value input[type="text"] { + width: 16rem; + min-width: 16rem; + } + + /*.cbi-value input[type="password"],*/ + .cbi-value input[name^="pw"], + .cbi-value input[data-update="change"]:nth-child(2) { + width: 13rem !important; + min-width: 13rem; + } + + #diag-rc-output>pre, + #command-rc-output>pre, + [data-page="admin-services-wol"] .notice code { + font-size: 1rem; + } + + .table { + display: block; + } + + .Interfaces .table { + overflow-x: hidden; + } + + #packages.table { + display: grid; + } + + .tr { + display: flex; + flex-direction: row; + flex-wrap: wrap; + } + + .Overview .table[width="100%"]>.tr { + flex-wrap: nowrap; + } + + .tr.placeholder { + border-bottom: thin solid #ddd; + } + + .tr.placeholder>.td, + #cbi-firewall .tr>.td, + #cbi-network .tr:nth-child(2)>.td, + .cbi-section #wifi_assoclist_table .tr>.td { + border-top: 0; + } + + .th, + .td { + display: inline-block; + align-self: flex-start; + flex: 2 2 25%; + text-overflow: ellipsis; + word-wrap: break-word; + } + + .td select, + .td input[type="text"] { + width: 100%; + word-wrap: normal; + } + + .td [data-dynlist]>input, + .td input.cbi-input-password { + width: calc(100% - 1.5rem); + } + + .td[data-type="button"], + .td[data-type="fvalue"] { + flex: 1 1 12.5%; + text-align: left; + } + + .th.cbi-value-field, + .td.cbi-value-field, + .th.cbi-section-table-cell, + .td.cbi-section-table-cell { + flex-basis: auto; + padding-top: 1rem; + } + + .cbi-section-table-row { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16), 0 0 2px 0 rgba(0, 0, 0, .12); + } + + .td.cbi-value-field, + .cbi-section-table-cell { + display: inline-block; + flex: 10 10 auto; + flex-basis: 50%; + text-align: center; + } + + .td.cbi-section-actions { + vertical-align: bottom; + } + + .tr.table-titles, + .tr.cbi-section-table-titles, + .tr.cbi-section-table-descr { + display: none; + } + + .tr[data-title]::before, + .tr.cbi-section-table-titles.named::before { + font-size: .9rem; + display: block; + flex: 1 1 100%; + border-bottom: thin solid rgba(0, 0, 0, .26); + background: #e9ecef; + } + + .td[data-title], + [data-page^="admin-status-realtime"] .td[id] { + text-align: left; + } + + .td[data-title]::before { + display: block; + } + + .cbi-button+.cbi-button { + margin-left: 0; + } + + .td.cbi-section-actions>*>*, + .td.cbi-section-actions>*>form>* { + margin: 2.1px 3px; + } + + .Firewall form { + position: static !important; + margin: 0 0 2rem 0; + padding: 2rem; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16), 0 0 2px 0 rgba(0, 0, 0, .12); + } + + .Firewall form input { + width: 100% !important; + margin: 0; + margin-top: 1rem; + } + + .Firewall .center, + .Firewall .center::before { + text-align: left !important; + } + + .commandbox { + width: 100% !important; + margin-left: 0 !important; + } + + .btn:not(button), .cbi-button { + font-size: 0.8rem; + padding: 0.2rem 0.6rem; + } +} + + + + +@media screen and (max-width: 768px) { + body { + font-size: .8rem; + } + + .cbi-progressbar::after { + font-size: .95em; + line-height: 1.5; + } + + + + .main-left { + position: fixed; + z-index: 100; + width: 0; + } + + .main-right { + width: 100%; + } + + .showSide { + padding: 0.1rem; + position: relative; + z-index: 99; + display: inline-block !important; + + &::before { + 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; + content: "\e20e"; + font-size: 1.7rem; + } + } + + + header>.fill>.container>.brand { + display: inline-block; + } + + .main>.main-left>.nav>.slide>.menu, + .main>.main-left>.nav>li>[data-title="Logout"] { + font-size: 1.2rem; + } + + .main>.main-left>.nav>.slide>.slide-menu>li>a { + font-size: 0.8rem; + } + .cbi-section > div{ + overflow-x: auto; + } + +} +@media screen and (max-width: 600px) { + .mobile-hide{ + display: none; + } + #maincontent > .container { + margin: 0 1rem 1rem 1rem; + } + .cbi-value-title { + text-align: left; + } + + [data-page="admin-system-flash"] legend { + padding: 1rem 0 1rem 1rem; + + } + [data-page="admin-system-flash"] .cbi-section-descr { + padding: 1rem 0 1rem 1rem; + + } + + [data-page="admin-system-flash"] .cbi-value { + padding: 0 1rem; + } + + [data-page="admin-network-dhcp"] [data-tab-active="true"] { + padding: 1rem 1rem !important; + } + body{ + overflow-x: hidden; + } + .node-main-login .main .main-right #maincontent .container .cbi-map .cbi-section .cbi-section-node .cbi-value .cbi-value-field { + width: 16rem; + } + + .node-main-login footer { + display: none; + } +} +@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; + } + + +} \ No newline at end of file diff --git a/htdocs/luci-static/argon/css/purecss.css b/htdocs/luci-static/argon/css/purecss.css deleted file mode 100644 index 0b2bf64..0000000 --- a/htdocs/luci-static/argon/css/purecss.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! -Pure v1.0.1 -Copyright 2013 Yahoo! -Licensed under the BSD License. -https://github.com/pure-css/pure/blob/master/LICENSE.md -*/ -.pure-g{letter-spacing:-.31em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){table .pure-g{display:block}}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u,.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{display:inline-block;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class*=pure-u]{font-family:sans-serif}.pure-u-1-24{width:4.1667%}.pure-u-1-12,.pure-u-2-24{width:8.3333%}.pure-u-1-8,.pure-u-3-24{width:12.5%}.pure-u-1-6,.pure-u-4-24{width:16.6667%}.pure-u-1-5{width:20%}.pure-u-5-24{width:20.8333%}.pure-u-1-4,.pure-u-6-24{width:25%}.pure-u-7-24{width:29.1667%}.pure-u-1-3,.pure-u-8-24{width:33.3333%}.pure-u-3-8,.pure-u-9-24{width:37.5%}.pure-u-2-5{width:40%}.pure-u-10-24,.pure-u-5-12{width:41.6667%}.pure-u-11-24{width:45.8333%}.pure-u-1-2,.pure-u-12-24{width:50%}.pure-u-13-24{width:54.1667%}.pure-u-14-24,.pure-u-7-12{width:58.3333%}.pure-u-3-5{width:60%}.pure-u-15-24,.pure-u-5-8{width:62.5%}.pure-u-16-24,.pure-u-2-3{width:66.6667%}.pure-u-17-24{width:70.8333%}.pure-u-18-24,.pure-u-3-4{width:75%}.pure-u-19-24{width:79.1667%}.pure-u-4-5{width:80%}.pure-u-20-24,.pure-u-5-6{width:83.3333%}.pure-u-21-24,.pure-u-7-8{width:87.5%}.pure-u-11-12,.pure-u-22-24{width:91.6667%}.pure-u-23-24{width:95.8333%}.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5{width:100%} \ No newline at end of file diff --git a/htdocs/luci-static/argon/css/style.css b/htdocs/luci-static/argon/css/style.css deleted file mode 100644 index f1d11f5..0000000 --- a/htdocs/luci-static/argon/css/style.css +++ /dev/null @@ -1,3517 +0,0 @@ -/** - * Argon is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argon Template - * - * luci-theme-argon - * Copyright 2019 Jerrykuku - * - * 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 - */ - -:root { - --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; - --primary: #5e72e4; - --secondary: #f7fafc; - --success: #2dce89; - --info: #11cdef; - --warning: #fb6340; - --danger: #f5365c; - --light: #adb5bd; - --dark: #212529; - --default: #172b4d; - --white: #fff; - --neutral: #fff; - --darker: black; - --breakpoint-xs: 0; - --breakpoint-sm: 576px; - --breakpoint-md: 768px; - --breakpoint-lg: 992px; - --breakpoint-xl: 1200px; - --font-family-sans-serif: Open Sans,sans-serif; - --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace; -} - - - -@font-face { - font-family: 'icomoon'; - src: url('../fonts/font.eot'); - src: url('../fonts/font.eot') format('embedded-opentype'), - url('../fonts/font.ttf') format('truetype'), - url('../fonts/font.woff') format('woff'), - url('../fonts/font.svg') format('svg'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'ssr'; - src: url('../fonts/ssr.eot?5zoxsi'); - src: url('../fonts/ssr.eot?5zoxsi#iefix') format('embedded-opentype'), - url('../fonts/ssr.ttf?5zoxsi') format('truetype'), - url('../fonts/ssr.woff?5zoxsi') format('woff'), - url('../fonts/ssr.svg?5zoxsi#ssr') format('svg'); - font-weight: normal; - font-style: normal; -} -@font-face { - font-family: 'TypoGraphica'; - src: url('../fonts/TypoGraphica.eot?#iefix') format('embedded-opentype'), url('../fonts/TypoGraphica.woff') format('woff'), url('../fonts/TypoGraphica.ttf') format('truetype'), url('../fonts/TypoGraphica.svg#TypoGraphica') format('svg'); - font-weight: normal; - font-style: normal; -} -@font-face { - font-family: 'icomoon'; - src: url('../fonts/icomoon.eot?1peg26'); - src: url('../fonts/icomoon.eot?1peg26#iefix') format('embedded-opentype'), - url('../fonts/icomoon.ttf?1peg26') format('truetype'), - url('../fonts/icomoon.woff?1peg26') format('woff'), - url('../fonts/icomoon.svg?1peg26#icomoon') format('svg'); - font-weight: normal; - font-style: normal; -} - - - -[class^="icon-"], [class*=" icon-"] { - /* use !important to prevent issues with browser extensions that change fonts */ - font-family: 'ssr' !important; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.icon-dashboard:before { - content: "\e906"; -} -.icon-logout:before { - content: "\e907"; -} -.icon-Network:before { - content: "\e908"; -} -.icon-services:before { - content: "\e909"; -} -.icon-system:before { - content: "\e90a"; -} -.icon-vpn:before { - content: "\e90b"; -} -.icon-storage:before { - content: "\e90c"; -} -.icon-statistics:before { - content: "\e90d"; -} -.icon-delete:before { - content: "\e900"; -} -.icon-edit:before { - content: "\e901"; -} -.icon-ok:before { - content: "\e902"; -} -.icon-loading:before { - content: "\e903"; -} -.icon-switch:before { - content: "\e904"; -} -.icon-error:before { - content: "\e905"; -} - -* { - margin: 0; - padding: 0; - box-sizing: border-box; -} - -.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { - font-family: inherit; - font-weight: 400; - line-height: 1.1; - color: inherit; -} - -html { - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} - -body { - font-size: 0.8rem; - background-color: #f8f9fe; -} - -html, body { - margin: 0px; - padding: 0px; - height: 100%; - font-family: Open Sans,sans-serif Microsoft Yahei, WenQuanYi Micro Hei, sans-serif, "Helvetica Neue", Helvetica, Hiragino Sans GB; -} - -/*** Main Loading ***/ - -.cbi-button-up, -.cbi-button-down, -.main > .loading{ - - background: linear-gradient(87deg,#5e72e4 0,#5e72e4 100%)!important; -} -.sk-folding-cube { - margin: 20px auto; - width: 40px; - height: 40px; - position: relative; - -webkit-transform: rotateZ(45deg); - transform: rotateZ(45deg); -} - -.sk-folding-cube .sk-cube { - float: left; - width: 50%; - height: 50%; - position: relative; - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); -} -.sk-folding-cube .sk-cube:before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: #fff; - -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; - animation: sk-foldCubeAngle 2.4s infinite linear both; - -webkit-transform-origin: 100% 100%; - -ms-transform-origin: 100% 100%; - transform-origin: 100% 100%; -} -.sk-folding-cube .sk-cube2 { - -webkit-transform: scale(1.1) rotateZ(90deg); - transform: scale(1.1) rotateZ(90deg); -} -.sk-folding-cube .sk-cube3 { - -webkit-transform: scale(1.1) rotateZ(180deg); - transform: scale(1.1) rotateZ(180deg); -} -.sk-folding-cube .sk-cube4 { - -webkit-transform: scale(1.1) rotateZ(270deg); - transform: scale(1.1) rotateZ(270deg); -} -.sk-folding-cube .sk-cube2:before { - -webkit-animation-delay: 0.3s; - animation-delay: 0.3s; -} -.sk-folding-cube .sk-cube3:before { - -webkit-animation-delay: 0.6s; - animation-delay: 0.6s; -} -.sk-folding-cube .sk-cube4:before { - -webkit-animation-delay: 0.9s; - animation-delay: 0.9s; -} - -@-webkit-keyframes sk-foldCubeAngle { - 0%, 10% { - -webkit-transform: perspective(140px) rotateX(-180deg); - transform: perspective(140px) rotateX(-180deg); - opacity: 0; - } 25%, 75% { - -webkit-transform: perspective(140px) rotateX(0deg); - transform: perspective(140px) rotateX(0deg); - opacity: 1; - } 90%, 100% { - -webkit-transform: perspective(140px) rotateY(180deg); - transform: perspective(140px) rotateY(180deg); - opacity: 0; - } -} - -@keyframes sk-foldCubeAngle { - 0%, 10% { - -webkit-transform: perspective(140px) rotateX(-180deg); - transform: perspective(140px) rotateX(-180deg); - opacity: 0; - } 25%, 75% { - -webkit-transform: perspective(140px) rotateX(0deg); - transform: perspective(140px) rotateX(0deg); - opacity: 1; - } 90%, 100% { - -webkit-transform: perspective(140px) rotateY(180deg); - transform: perspective(140px) rotateY(180deg); - opacity: 0; - } -} - - -.cbi-button-up, -.cbi-button-down, -.cbi-value-helpicon, -.showSide, -.main > .loading > span { - font-family: 'icomoon' !important; - speak: none; - 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; -} - - - -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; -} - - - -footer > a { - color: #aaa; - text-decoration: none; -} - -.main { - top: 4rem; - bottom: 0rem; - position: relative; - height: 100%; - height: calc(100% - 4rem); -} - -.main > .loading { - position: fixed; - width: 100%; - height: 100%; - z-index: 1000; - display: block; - background-color: rgb(240, 240, 240); - top: 0; -} - -.main > .loading > span { - display: block; - text-align: center; - margin-top: 2rem; - color: #888; - font-size: 1.2rem; -} - -.main > .loading > span > .loading-img:before { - content: "\e603"; -} - -.main > .loading > span > .loading-img { - animation: anim-rotate 2s infinite linear; - margin-right: 0.2rem; - display: inline-block; -} - -@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) - } -} - - - - -.pull-right { - float: right; - margin-top: 0.5rem; -} - -.pull-left { - float: left; -} - - - - - - -#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; -} - -#maincontent > .container > p{ - color: #fff; -} - -li { - list-style-type: none; -} - - - -.cbi-map-descr + fieldset { - margin-top: 1rem; -} - -.cbi-section > legend { - display: none !important; -} - -fieldset > fieldset { - margin: 0; - padding: 0; - border: none; - box-shadow: none; -} - - - - -/* 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: .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; -} - -/* 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; -} - -.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: 1px solid #eee; - padding-top: 1rem; - text-align: right; -} - -/* input */ -.cbi-value input[type="password"], -.cbi-value input[type="text"] { - min-width: 15rem; -} - -/* select */ -.cbi-value-field .cbi-dropdown { - min-width: 15rem; -} - -select { - width: 15rem; - 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-legend { - padding: 5px; -} - -.uci-change-legend-label { - width: 150px; - float: left; -} - -.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: 6px; - 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.25rem 0; -} - -input[type="checkbox"]:checked{ - border:1px solid #5e72e4; - 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-size: 70%; - background-repeat: no-repeat; - background-position: center; -} -ul li .cbi-input-checkbox{ - margin-top:0.5rem !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; - 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-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: 0.5rem; -} - -.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: .5rem -3px; - display: inline-flex; - align-items: center; -} - -.cbi-section-create > * { - margin: 0.5rem; -} - -.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: #FFF !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; -} - -.zonebadge .cbi-tooltip { - padding: .25rem; - background: inherit; - margin: -1.5rem 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; - -moz-border-radius: 3px; - 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%; -} - - -#xhr_poll_status{ - 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; -} - -.darkMask { - width: 100%; - height: 100%; - position: fixed; - background-color: rgba(0, 0, 0, 0.56); - content: ""; - z-index: 99; - display: none; -} - - -/* fix status overview */ - -.node-status-overview > .main fieldset:nth-child(4) .td:nth-child(2) { - white-space: normal; -} - -/* fix status processes */ - -.node-status-processes > .main .table .tr .td:nth-child(3) { - white-space: normal; -} - -.node-status-iptables > .main div > .cbi-map > form { - margin: 2rem 2rem 0 0; -} - -/* fix system reboot */ - -.node-system-reboot > .main > .main-right p, -.node-system-reboot > .main > .main-right h3 { - padding-left: 2rem; -} - -/* 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; -} - -.cbi-tabmenu + .cbi-section { - margin-top: 0; -} - -.node-status-iptables fieldset, -.node-system-packages fieldset, -.node-system-flashops fieldset { - margin-top: 0; -} - - -.node-system-flashops form.inline + form.inline { - margin-left: 0; -} - -#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,.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; -} -.cbi-section-table-row .td{ - -} - -.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; -} - - - - -select { - padding: 0.36rem 0.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; - height: calc(2.75rem + 2px); - 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,.05); - outline: none; - transition: box-shadow .15s ease; - margin:0.25rem; -} - -select:not([multiple="multiple"]):focus, -input:focus { - border-color:#5e72e4;outline:0;background-color:#fff;box-shadow:0 3px 9px rgba(50,50,9,0),3px 4px 8px rgba(94,114,228,.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; -} - -.bg-primary { - background-color: #5e72e4!important; -} - -header, .main { - width: 100%; -} - -header { - padding: 0 0 14rem 0; -} - -footer { - text-align: right; - padding: 1rem; - color: #aaa; - font-size: 0.8rem; - text-shadow: 0px 0px 2px #BBB; -} - -footer > a { - color: #aaa; - text-decoration: none; -} - -.main { - top: 0rem; - bottom: 0rem; - position: relative; - height: 100%; - height: calc(100% - 4rem); -} - -.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; - font-size: 2rem; -} - -.main > .loading > span > .loading-img:before { - content: "\e603"; -} - -.main > .loading > span > .loading-img { - animation: anim-rotate 2s infinite linear; - margin-right: 0.4rem; - display: inline-block; -} - -.main > .main-right > .login-bg { - display: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) - } -} - -[id^="cbi-apply-"] { - position: fixed; - z-index: 200; - width: 20rem; - margin-left:-10rem; - margin-top:-5rem; - height: 10rem; - left: 50%; - top: 50%; - font-size: 1.2rem; - border-color: #5e72e4; - text-align: center; -} -[id^="cbi-apply-"] > .panel-title { - border-bottom:none; -} -[id^="cbi-apply-"] > [id^="cbi-apply-"]{ - position: initial; - width:auto; - height:auto; - font-size: 1rem; - margin-left:0rem; - margin-top:.8rem; - display:block; -} -.main-left { - float: left; - width: 15%; - width: calc(0% + 15rem); - height: 100%; - background-color: #fff!important; - box-shadow: 0 0 2rem 0 rgba(136,152,170,.15); - overflow-x: auto; - position: fixed; - z-index: 100; -} -.main-left::-webkit-scrollbar {width: 5px;height: 1px;} -.main-left::-webkit-scrollbar-thumb {background-color: #f6f9fc} -.main-left::-webkit-scrollbar-track {background-color:#fff ;} - - -.main-right { - width: 85%; - width: calc(100% - 15rem); - float: right; - height: 100%; - background-color: #f8f9fe; -} - -.main-right > #maincontent { - - position: relative; - z-index: 50; - margin-top: -14rem; -} - - - - -header > .container { - margin-top: 0.5rem; - padding: 0.5rem 1rem 0 1rem; -} - -.cbi-section > h3:first-child, -.panel-title { - font-size: 1.2rem; - width: 100%; - display: block; - margin-bottom: 0; - padding: 1.25rem 1.5rem; - border-bottom: 1px solid rgba(0,0,0,.05); - line-height: 1.5; - margin-bottom: 0rem; - letter-spacing: 0.1rem; - color: #32325d; - font-weight: bold; -} - -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; - white-space: nowrap; -} - -.cbi-section-table-cell { - white-space: nowrap; - align-self: flex-end; - flex: 1 1 auto; -} - -.cbi-section-table { - border: none; - margin: 0 !important; -} - - -.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; - color: #fff; -} - -.warning { - background-color: #8965e0 !important; - color: #fff; -} - -.notice { - background-color: #5e72e4 !important; - color: #fff !important; -} - -.success { - background-color: #ffffff !important; - color: #525f7f; -} - -.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: 0.3rem; - background-color: #FFF; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16), 0 0 2px 0 rgba(0, 0, 0, .12); -} - -.errorbox { - color: #fff; - background-color: #f0ad4e; - border-color: #eea236; -} - -.error { - color: red; -} - -.main > .main-left > .sidenav-header{ - padding: 1.5rem; -} -.main > .main-left > .sidenav-header > .brand { - font-size: 1.8rem; - color: #5e72e4; - font-family: "TypoGraphica"; - text-decoration: none; - padding-left: 2rem; - cursor: default; - vertical-align: text-bottom; - white-space: nowrap; -} -.main > .main-left > .nav { - margin-top: 0.5rem; -} - -.main > .main-left > .nav > li a { - color: #8699ad; - display: block; -} - -.main > .main-left > .nav > li:nth-last-child(1) { - margin-top: 2rem; - font-size: 1.2rem; -} -.main > .main-left > .nav > li:nth-last-child(1) > .menu:after{ - content: ""; -} - -.main > .main-left > .nav > li { - padding: 0.5rem 1rem; - cursor: pointer; -} - -.main > .main-left > .nav > .slide { - padding: 0; -} - -.main > .main-left > .nav > .slide > ul { - display: none; -} - -.main > .main-left > .nav > .slide > .menu { - display: block; - margin: 0.1rem .5rem 0.1rem .5rem; - padding: .675rem 0 .675rem 3rem; - border-radius: .375rem; - text-decoration: none; - cursor: default; - font-size: 1rem; - transition: all 0.2s; - position: relative; -} - -.main > .main-left > .nav > li:hover, -.main > .main-left > .nav > .slide > .menu:hover { - cursor: pointer; - color: #000; -} - -.main > .main-left > .nav > .slide:hover { - background: none; - -} -.main > .main-left > .nav > .slide > .menu:hover { - - -} - -.main > .main-left > .nav > .slide > .menu:before{ - font-family: 'ssr' !important; - speak: none; - 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:1.3rem; - padding-top:3px; -} -.main > .main-left > .nav > .slide > .menu[data-title= Status ]:before{ - content: "\e906"; - color: #5e72e4!important; -} -.main > .main-left > .nav > .slide > .menu[data-title= System ]:before{ - content: "\e90a"; - color: #fb6340!important; -} -.main > .main-left > .nav > .slide > .menu[data-title= Services ]:before{ - content: "\e909"; - color: #11cdef!important; -} -.main > .main-left > .nav > .slide > .menu[data-title= NAS ]:before{ - content: "\e90c"; - color: #f3a4b5!important; -} -.main > .main-left > .nav > .slide > .menu[data-title= VPN ]:before{ - content: "\e90b"; - color: #172b4d!important; -} -.main > .main-left > .nav > .slide > .menu[data-title= Network ]:before{ - content: "\e908"; - color: #8965e0!important; -} -.main > .main-left > .nav > .slide > .menu[data-title= Bandwidth_Monitor ]:before{ - content: "\e90d"; - color: #2dce89!important; -} -.main > .main-left > .nav > .slide > .menu[data-title= Logout ]:before{ - content: "\e907"; - color: #32325d!important; -} -.main > .main-left > .nav > .slide > .menu:after { - position: absolute; - right: 0.5rem; - top: 0.8rem; - font-family: 'icomoon' !important; - speak: none; - 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; - content: '\e900'; - transition: all .15s ease; - color: #ced4da; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - transition: all 0.3s; -} -header > .fill{ - padding: 0.8rem 0; - border-bottom: 1px solid rgba(255,255,255,.08)!important; - -} -header > .fill > .container{ - height: 2rem; - padding: 0 1rem; - -} - -header > .fill > .container > .brand{ - font-size: 1.5rem; - color: #fff; - font-family: "TypoGraphica"; - text-decoration: none; - padding-left: 1rem; - cursor: default; - vertical-align: text-bottom; - display: none; -} - -.main > .main-left > .nav > .slide > .menu.active{ - color: #000; - background: #f6f9fc; -} -.main > .main-left > .nav > .slide > .menu.active:after{ - color: #5e72e4; - transform: rotate(90deg); -} - -.main > .main-left > .nav > .slide > .slide-menu > li { - -} - -.main > .main-left > .nav > .slide > .slide-menu > .active { - -} - -.main > .main-left > .nav > .slide > .slide-menu > li > a { - margin: 0.1rem .5rem 0.1rem 0.5rem; - padding: 0.5rem 1.5rem 0.5rem 3rem; - text-decoration: none; - white-space: nowrap; - color:rgba(0,0,0,.6); - transition: all 0.2s; -} - -.main > .main-left > .nav > .slide > .slide-menu > .active > a { - color: #000; -} - -.main > .main-left > .nav > .slide > .slide-menu > li > a:hover { - -} - -.main > .main-left > .nav > .slide > .slide-menu > .active > a:hover { - -} - -li { - list-style-type: none; -} - -#maincontent > .container { - margin: 0 2rem 1rem 2rem; -} - -h1 { - font-size: 2rem; - padding-bottom: 10px; - border-bottom: 1px solid #eee; -} - -h2 { - margin: 0 0 0 0; - font-size: 1.5rem; - padding: 1.5rem 0!important; - color: #fff; -} - -#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 -{ - color: #32325d!important; -} - -h3 { - font-size: 1.4rem; - width: 100%; - display: block; - margin-bottom: 0; - padding: 1.25rem 1.5rem; - padding-bottom: 10px; - line-height: 1.5; - margin-bottom: 0rem; - letter-spacing: 0.1rem; - color: #32325d; - font-weight: bold; -} - -h4 { - -} - -fieldset { - margin: 2rem 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,.05); - border-radius: .375rem; - background-color: #fff; - box-shadow: 0 0 2rem 0 rgba(136,152,170,.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: 1.25rem 1.5rem; - border-bottom: 1px solid rgba(0,0,0,.05); - background-color: #fff; - line-height: 1.5; - margin-bottom: 0rem; - letter-spacing:0.1rem; - color: #32325d; - font-weight:bold; -} - -table { - border-spacing: 0; - border-collapse: collapse; - width: 100%; - border: 1px solid #eee; -} - -table > tbody > tr > td, table > tfoot > tr > td, table > thead > tr > td { - font-size: .8125rem; - white-space: nowrap; - color: #525f7f; - padding: 1rem; - padding-right: 1.5rem; - padding-left: 1.5rem; - border-top: 1px solid #ddd; - white-space: nowrap; -} - -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; -} -.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; -} - -.cbi-section-create { - margin: .5rem -3px; - display: inline-flex; - align-items: center; - padding-left: 1rem; -} - - - - -/* 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; -} - - - -/* button style */ - -.cbi-button { - -webkit-appearance: none; - text-transform: uppercase; - height: 2.5rem; - line-height: 2.5rem; - color: rgba(0, 0, 0, 0.87); - background-color: #F0F0F0; - transition: all 0.2s ease-in-out; - display: inline-block; - padding: 0 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.8rem; - width: auto !important; -} - -.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.60; - box-shadow: none; -} - -form.inline + form.inline, -.cbi-button + .cbi-button { - margin-left: 0.6rem; -} - -.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; - border-color: #5e72e4 !important; -} - - -.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{ - height: 2.5rem; - line-height: 2.5rem; - min-width: 2.5rem!important; -} - - -/* table */ - -.tabs { - margin: 0.5rem 0rem; - padding-left: 1rem; - background-color: #FFFFFF; - border-radius: 0.375rem; -} - -.cbi-tabmenu > li, -.tabs > li { - font-size:1rem; - border-top-left-radius:0.25rem; - border-top-right-radius:0.25rem; - display: inline-block; - padding: 0.75rem 0rem; - border-bottom: 0.18751rem solid rgba(0,0,0,0); -} -.cbi-tabmenu > li{ - background: #adb5bd; -} - -.cbi-tabmenu > li > a, -.tabs > li > a { - text-decoration: none; - color:#404040; - padding: 0.5rem 0.8rem; -} -.cbi-tabmenu > li > a{ - color: #fff; -} -.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 .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: .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; -} - -.cbi-dropdown[open] > ul.dropdown { - display: block; - background: #fff; - border-color: #5e72e4; - position: absolute; - z-index: 1000; - max-width: none; - min-width: 100%; - width: auto; - box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(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,.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; -} - -.tabs > li[class~="active"], -.tabs > li:hover { - cursor: pointer; - border-bottom: 0.18751rem solid #5e72e4; - color: #5e72e4; - margin-bottom: 0; - -} - -.tabs > li[class~="active"] > a { - color: #5e72e4; -} - -.tabs > li:hover { - border-bottom: 0.18751rem solid #5e72e4; -} - -.cbi-tabmenu { - color: white; - padding: 0.5rem 1rem 0 1rem; -} - -.cbi-tabmenu > li:hover { - background-color: #F1F1F1; -} -.cbi-tabmenu > li:hover > a{ - color: #525f7f; -} - -.cbi-tabmenu > li[class~="cbi-tab"] { - - background-color: #fb6340; -} -.cbi-tabmenu > li[class~="cbi-tab"] > a{ - color: #fff; -} - - - -.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 0rem 0 rgba(136,152,170,.15); - overflow-x: auto; - overflow-y: hidden; - padding:0rem 0; -} -#cbi-network-lan.cbi-section-node{ - overflow-x:visible; - overflow-y: visible; -} -#cbi-network .cbi-section , #cbi-network .cbi-section .cbi-section-node{ - -} -.cbi-section-node .cbi-value{ - padding: 0.3rem 0rem 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.25; -} - -.cbi-value-helpicon > img { - display: none; -} - -.cbi-value-helpicon:before { - content: "\f059"; -} - -.cbi-value-description { - font-size: small; - opacity: 0.5; - padding: 0.5rem 0; -} - -.cbi-value-title { - word-wrap: break-word; - font-size: 0.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: 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 0 1rem 2rem; - font-size: 0.7rem; - font-weight: 600; - color: #525f7f; -} -.cbi-map-descr { - padding: 0rem 0 1rem 0rem; - color: #fff; - font-size: small; -} - -/* luci */ - -.hidden { - display: none -} - -.left { - text-align: left !important; -} - -.right { - text-align: right !important; -} - -.inline { - display: inline; -} - - -/* input */ -.cbi-value input[type="password"], -.cbi-value input[type="text"] { - min-width: 15rem; -} -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; - font-size: small; - color: #5F5F5F; - border-radius: 0; - background-color: #FFF; - border: none; - outline: none; -} - -/* change */ - -.uci-change-list { - - font-family: monospace; -} - -.uci-change-list ins strong{ - display: inline; -} - -.uci-change-list ins, -.uci-change-legend-label ins { - text-decoration: none; - border: 1px solid #00FF00; - background-color: #CCFFCC; - display: block; - padding: 0 1rem; - margin: 0.5rem 0; -} - -.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: #CCFFCC; - 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-legend { - padding: 5px 2rem; -} - - - - -.uci-change-legend-label var ins, -.uci-change-legend-label var del { - line-height: 6px; - border: none; -} - -.uci-change-list var, -.uci-change-list del, -.uci-change-list ins { - padding: 0.5rem; -} - -/* other fix */ - - -.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.3rem .3rem; - align-self: flex-start; -} - -.ifacebadge > img + img { - margin: 0 .2rem 0 0; -} - -.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: .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; - 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,.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-top: 0.9rem; - height: 1rem; -} - -.cbi-value-field > input + .cbi-value-description { - padding: 0; -} - -.cbi-value-field > ul > li { - display: flex; -} - -.cbi-value-field > ul > li > label { - margin-top: 0.5rem; -} - -.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-input-select { - min-width: 7rem; -} - -.cbi-section-create > .cbi-button-add { - margin: 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%; -} - -header > .container > .pull-right > * { - position: relative; - top: 0.45rem; - cursor: pointer; -} - - -.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; -} - - - -.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; -} - -/* fix Main Login*/ -.node-main-login > .main > .main-right > header { - background: none !important; - box-shadow:none !important; - display:none; -} -.node-main-login > .main > .main-right > header > .fill > .container{ - margin: 2rem auto; - max-width: 1140px; -} -.node-main-login > .main > .main-right > header > .fill > .container > .brand{ - font-size:2rem; - color:#5e72e4; - display:none; - -} -.node-main-login > .main{ - top:0; - height:100% !important; -} -.node-main-login > .main > .main-left { - display: none; -} - -.node-main-login > .main > .main-right { - width: 100%; -} - -.node-main-login > .main > .main-right > .login-bg{ - display:block; - position:fixed; - width: 100%; - height: 100%; - left: 0px; - top: 0px; - background-size: cover; - background-color: #000; - background-position: top center; - transition: all 0.5s; -} - -.node-main-login > .main > .main-right > .login-bg.blur{ - transform: scale(1.05); - -webkit-filter: blur(5px); /* Chrome, Safari, Opera */ - filter: blur(5px); -} - -.node-main-login > .main > .main-right > #maincontent { - padding-top: 23vh; - height: 100%; - background-color: transparent !important; - margin-top: 0rem; -} - -.node-main-login > .main fieldset { - padding: 0.5rem; - margin: 0rem; - display: inline; - background: none; - border: none; - box-shadow: none; - overflow: hidden; -} - -.node-main-login > .main .cbi-value-title { - font-size: 1rem; - line-height: 1.5; - color:#525f7f; - padding: .625rem; -} - -.node-main-login > .main #maincontent { - - text-align: center; -} - -.node-main-login > .main .container { - display: inline-block; - padding: 2rem 2rem; - position:relative; - margin-top: 2rem !important; - background-color: #f7fafc!important; - border-radius: .375rem; - box-shadow: 0 0 2rem 0 rgba(136,152,170,.15); - text-align: left; -} - -.node-main-login > .main .container h2{ - width: 120px; - height: 120px; - color: #fff; - text-align: center; - letter-spacing: 4px; - display: block; - margin: -100px auto 15px auto; - padding: 0; - text-indent: -500px; - overflow: hidden; - border-radius: 60px; - border: #fff 3px solid; - - background-image:url(../head-icon.jpg); - background-size:cover; - box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4); - -} -.node-main-login > .main .container .cbi-map-descr{ - text-align:center; - padding: 1rem; - color: #8898aa; -} -.node-main-login > .main .container .cbi-section-node{ - padding:0; -} - - -.node-main-login > .main .container .cbi-value-field input{ - font-size: 1rem; - line-height: 1.5; - display: block; - width: 100%; - height: calc(2.75rem + 2px); - padding: .625rem .75rem; - transition: all .15s cubic-bezier(.68,-.55,.265,1.55); - color: #8898aa; - border: 0px solid #dee2e6; - border-radius: .25rem; - background-color: #fff; - background-clip: padding-box; - box-shadow: 0 3px 2px rgba(233,236,239,.05); -} -.node-main-login > .main .container .cbi-value-field input:focus { - color: #8898aa; - - outline: 0; - background-color: #fff; - box-shadow: 0 3px 9px rgba(50,50,9,0),3px 4px 8px rgba(94,114,228,.1) -} -.node-main-login > .main .container input.cbi-button{ - font-size: 1rem; - height:auto; - position: relative; - transition: all .15s ease; - letter-spacing: .2em; - text-transform: none; - padding: .625rem 1.25rem; - will-change: transform; - line-height: 1.5em; -} - -.node-main-login > .main form > div:nth-last-child(1) { - text-align:center; - border-top:0; - padding-top: 2rem; -} - -.node-main-login > .main .cbi-value { - display: block; - padding: 0; -} - - -.node-main-login > .main .cbi-value > * { - display: inline-block !important; -} -.node-main-login > .main .cbi-value:first-child , .node-main-login > .main .cbi-button-reset{ - display:none !important; -} - - -.node-main-login > .main .cbi-value.cbi-value-last .cbi-value-title{ - display: none !important; -} -.node-main-login > .main .cbi-value.cbi-value-last .cbi-input-text{ - box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02); - transition: box-shadow .15s ease; - border-radius: .375rem; - box-sizing:border-box; - padding-left:3em; - margin: 0; -} -.node-main-login > .main .cbi-value.cbi-value-last .cbi-input-password{ - box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02); - transition: box-shadow .15s ease; - border-radius: .375rem; - box-sizing:border-box; - padding-left:3em; - margin: 0; -} - -.node-main-login > .main .cbi-value.cbi-value-last .cbi-value-field{ - position:relative; - width: 20rem; -} -.node-main-login > .main .cbi-value.cbi-value-last .cbi-value-field:before{ - font-family: 'icomoon' !important; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - content: "\e901"; - color: #adb5bd; - font-size: 1.5rem; - position: absolute; - z-index: 100; - left: 10px; - top: 10px; -} - -.node-main-login > .main .cbi-input-user, -.node-main-login > .main .cbi-input-password { - min-width: 15rem; -} - -.node-main-login .alert-message.warning{ - position: absolute; - color: #fff; - width: calc(100% - 4rem); - background-color: #f0ad4e; - border-color: #eea236; - box-sizing: border-box; - margin-top: 8rem; - border-radius: 5px; - padding: 1rem 2rem; - text-align: center; -} - -.node-main-login .errorbox{ - position: absolute; - color: #fff; - width: calc(100% - 4rem); - border-color: #eea236; - box-sizing: border-box; - margin-top: 8rem; - border-radius: 5px; - padding: 1rem 2rem; - text-align: center; - background-color: #8965e0 !important; - -} - -.node-main-login footer { - bottom: 0; - position: absolute; - width: 100%; - color:#fff; -} -.node-main-login footer > a{ - color:#fff; -} - -/* fix status overview */ - -.node-status-overview > .main fieldset:nth-child(4) td:nth-child(2) { - white-space: normal; -} - -/* fix status processes */ - -.node-status-processes > .main table tr td:nth-child(3) { - white-space: normal; -} - -.node-status-iptables > .main div > .cbi-map > form { - margin: 0.5rem 2rem 0 0; -} - -/* 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; -} - -.cbi-tabmenu + .cbi-section { - margin-top: 0; -} -.cbi-section{ - background: #fff; - border: 0; - border-radius: .375rem; - margin-bottom: 30px; - box-shadow: 0 0 2rem 0 rgba(136,152,170,.15); - overflow-x: auto; - overflow-y:hidden; -} -.cbi-section em{ - - padding :0rem 1.5rem; - font-size: 0.7rem; - font-weight: 600; - color: #525f7f; -} - - -#cbi-system-led em{ - padding :0.75rem 1.5rem; -} -.cbi-section h4{ - padding :0.75rem 1.5rem; - font-size: 0.7rem; - font-weight: 600; - color: #525f7f; -} - -.node-main-login .cbi-section{ - margin-bottom: 0px; - padding-bottom: 0px; -} - -#content_syslog{ - border-radius: .375rem; - box-shadow: 0 0 2rem 0 rgba(136,152,170,.15); - overflow: hidden; -} -.node-system-packages .cbi-section-node .cbi-value { - padding: 1rem 1rem; -} -.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-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; - padding-left: 2rem; -} - -.node-system-flashops form.inline + form.inline { - margin-left: 0; -} - - - - -@media screen and (max-width: 1600px) { - .main-left { - width: calc(0% + 13rem); - } - - .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-left { - width: calc(0% + 13rem); - } - - .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 (max-width: 992px) { - .main-left { - width: 0; - position: fixed; - z-index: 100; - } - - .main-right { - width: 100%; - } - - .showSide { - padding: 0.1rem; - position:relative; - z-index:999; - display: inline-block; - } - - .showSide:before { - content: "\e20e"; - font-size: 1.7rem; - } - - .node-main-login .showSide { - display: none !important; - } - 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; - } - - .node-network-diagnostics > .main .cbi-map fieldset > div { - width: 100% !important; - } - - #diag-rc-output > pre { - font-size: 1rem; - } - - .node-main-login > .main .cbi-value-title { - text-align: left; - } -} - -@media screen and (max-width: 480px) { - body { - font-size: 0.8rem; - } - - fieldset { - padding: 0; - margin: 1rem 0 0 0; - } - - .tabs { - margin: 0.5rem 0rem - } - .toggle { - margin: 0; - } - #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:before{ - padding-top:5px; - } - .main > .main-left > .nav > .slide > .menu:after { - top: 0.9rem; - } - - .cbi-value-title { - width: 100%; - min-width: 0rem !important; - display: block; - margin-top: 1rem; - margin-bottom: 0.5rem; - padding-bottom:0; - padding-top:0; - text-align: left; - padding-left: 1rem; - } - - - - .cbi-value > .cbi-value-field { - display: inline-block; - padding-left: 1rem; - } - - .node-main-login .cbi-value > .cbi-value-field { - width: 18rem; - padding-left: 0rem; - } - - .cbi-tabmenu > li, .tabs > li { - padding: 0.6rem 0rem; - } - - .cbi-tabmenu > li > a, .tabs > li > a { - padding: 0.2rem 0.3rem; - font-size: 0.9rem; - } - - .cbi-page-actions > div > input { - display: none; - } - - - - .node-main-login > .main .container { - padding: 0.5rem 1rem 2rem 1rem; - } - - - - .node-main-login > .main form > div:nth-last-child(1) { - margin-top: 0rem; - } - - .node-main-login > .main .cbi-value-title { - width: 100% !important; - margin-top: 0rem; - font-size: 1rem; - margin-bottom: 0; - padding: 0 0.5rem; - } - - .node-main-login > .main fieldset { - margin: 0; - padding: 0.5rem; - } - .node-main-login .alert-message.warning{ - width: calc(100% - 2rem); - padding: 1rem 1rem; - font-size:12px; - } - - - h2 { - font-size: 1.5rem; - - } - .node-main-login > .main .container h2 { - - margin: -70px auto 15px auto; - - - } - - .tabs > li > a { - font-size: 0.9rem; - } - - select, - input { - font-size: 0.9rem; - } - - .mobile-hide { - display: none; - } - - .panel-title { - font-size: 1.4rem; - padding-bottom: 1rem; - } - - .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-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,.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; - } -} - diff --git a/htdocs/luci-static/argon/custom.css b/htdocs/luci-static/argon/custom.css new file mode 100644 index 0000000..20f0307 --- /dev/null +++ b/htdocs/luci-static/argon/custom.css @@ -0,0 +1,46 @@ +:root { + --main-color: #09c; + --header-bg: #09c; + --header-color: #fff; + --bar-bg: #5e72e4; + --menu-bg-color: #fff; + --menu-color: #5f6368; + --menu-color-hover: #202124; + --main-menu-color: #202124; + --submenu-bg-hover: #d4d4d4; + --submenu-bg-hover-active: #09c; + + --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: #96999c; + --lighter: #e9ecef; + --primary: #5e72e4; + --secondary: #f7fafc; + --success: #2dce89; + --info: #11cdef; + --warning: #fb6340; + --danger: #f5365c; + --dark: #212529; + --default: #172b4d; + --white: #fff; + --neutral: #fff; + --darker: black; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + + --font-body: "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif", "Helvetica Neue", "Helvetica", "Hiragino Sans GB"; +} \ No newline at end of file diff --git a/htdocs/luci-static/argon/fonts/argon.eot b/htdocs/luci-static/argon/fonts/argon.eot new file mode 100644 index 0000000..b7ed80c Binary files /dev/null and b/htdocs/luci-static/argon/fonts/argon.eot differ diff --git a/htdocs/luci-static/argon/fonts/ssr.svg b/htdocs/luci-static/argon/fonts/argon.svg similarity index 53% rename from htdocs/luci-static/argon/fonts/ssr.svg rename to htdocs/luci-static/argon/fonts/argon.svg index a9045e4..202be27 100644 --- a/htdocs/luci-static/argon/fonts/ssr.svg +++ b/htdocs/luci-static/argon/fonts/argon.svg @@ -3,13 +3,17 @@ Generated by IcoMoon - + + + + + - + @@ -21,5 +25,9 @@ - + + + + + \ No newline at end of file diff --git a/htdocs/luci-static/argon/fonts/argon.ttf b/htdocs/luci-static/argon/fonts/argon.ttf new file mode 100644 index 0000000..7ef3783 Binary files /dev/null and b/htdocs/luci-static/argon/fonts/argon.ttf differ diff --git a/htdocs/luci-static/argon/fonts/argon.woff b/htdocs/luci-static/argon/fonts/argon.woff new file mode 100644 index 0000000..1832f5b Binary files /dev/null and b/htdocs/luci-static/argon/fonts/argon.woff differ diff --git a/htdocs/luci-static/argon/fonts/font.eot b/htdocs/luci-static/argon/fonts/font.eot deleted file mode 100644 index 9e6ffc9..0000000 Binary files a/htdocs/luci-static/argon/fonts/font.eot and /dev/null differ diff --git a/htdocs/luci-static/argon/fonts/font.svg b/htdocs/luci-static/argon/fonts/font.svg deleted file mode 100644 index d38d057..0000000 --- a/htdocs/luci-static/argon/fonts/font.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - -Generated by IcoMoon - - - - - - - - - - - - \ No newline at end of file diff --git a/htdocs/luci-static/argon/fonts/font.ttf b/htdocs/luci-static/argon/fonts/font.ttf deleted file mode 100644 index 8466932..0000000 Binary files a/htdocs/luci-static/argon/fonts/font.ttf and /dev/null differ diff --git a/htdocs/luci-static/argon/fonts/font.woff b/htdocs/luci-static/argon/fonts/font.woff deleted file mode 100644 index 00cf84e..0000000 Binary files a/htdocs/luci-static/argon/fonts/font.woff and /dev/null differ diff --git a/htdocs/luci-static/argon/fonts/icomoon.eot b/htdocs/luci-static/argon/fonts/icomoon.eot deleted file mode 100644 index 2bce3c8..0000000 Binary files a/htdocs/luci-static/argon/fonts/icomoon.eot and /dev/null differ diff --git a/htdocs/luci-static/argon/fonts/icomoon.svg b/htdocs/luci-static/argon/fonts/icomoon.svg deleted file mode 100644 index d5495c1..0000000 --- a/htdocs/luci-static/argon/fonts/icomoon.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - -Generated by IcoMoon - - - - - - - - \ No newline at end of file diff --git a/htdocs/luci-static/argon/fonts/icomoon.ttf b/htdocs/luci-static/argon/fonts/icomoon.ttf deleted file mode 100644 index ca364a1..0000000 Binary files a/htdocs/luci-static/argon/fonts/icomoon.ttf and /dev/null differ diff --git a/htdocs/luci-static/argon/fonts/icomoon.woff b/htdocs/luci-static/argon/fonts/icomoon.woff deleted file mode 100644 index 7c3a2fe..0000000 Binary files a/htdocs/luci-static/argon/fonts/icomoon.woff and /dev/null differ diff --git a/htdocs/luci-static/argon/fonts/ssr.eot b/htdocs/luci-static/argon/fonts/ssr.eot deleted file mode 100644 index ad617b6..0000000 Binary files a/htdocs/luci-static/argon/fonts/ssr.eot and /dev/null differ diff --git a/htdocs/luci-static/argon/fonts/ssr.ttf b/htdocs/luci-static/argon/fonts/ssr.ttf deleted file mode 100644 index f47f04d..0000000 Binary files a/htdocs/luci-static/argon/fonts/ssr.ttf and /dev/null differ diff --git a/htdocs/luci-static/argon/fonts/ssr.woff b/htdocs/luci-static/argon/fonts/ssr.woff deleted file mode 100644 index 36a8b4a..0000000 Binary files a/htdocs/luci-static/argon/fonts/ssr.woff and /dev/null differ diff --git a/htdocs/luci-static/argon/icons/spinner.svg b/htdocs/luci-static/argon/icons/spinner.svg new file mode 100644 index 0000000..6ddd3b3 --- /dev/null +++ b/htdocs/luci-static/argon/icons/spinner.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/htdocs/luci-static/argon/js/script.js b/htdocs/luci-static/argon/js/script.js index 21403c8..235e848 100644 --- a/htdocs/luci-static/argon/js/script.js +++ b/htdocs/luci-static/argon/js/script.js @@ -1,287 +1,220 @@ /** - * Argon is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argon Template + * Material is a clean HTML5 theme for LuCI. It is based on luci-theme-bootstrap and MUI * - * luci-theme-argon - * Copyright 2019 Jerrykuku + * luci-theme-material + * Copyright 2015 Lutty Yang * - * Have a bug? Please create an issue here on GitHub! - * https://github.com/jerrykuku/luci-theme-argon/issues + * Have a bug? Please create an issue here on GitHub! + * https://github.com/LuttyYang/luci-theme-material/issues * - * luci-theme-bootstrap: - * Copyright 2008 Steven Barth - * Copyright 2008 Jo-Philipp Wich - * Copyright 2012 David Menting + * luci-theme-bootstrap: + * Copyright 2008 Steven Barth + * Copyright 2008 Jo-Philipp Wich + * Copyright 2012 David Menting * - * MUI: - * https://github.com/muicss/mui + * 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 + * Licensed to the public under the Apache License 2.0 */ -/* - * Font generate by Icomoon - */ +document.addEventListener('luci-loaded', function(ev) { (function ($) { - $(".main > .loading").fadeOut(); + $(".main > .loading").fadeOut(); - /** - * trim text, Remove spaces, wrap - * @param text - * @returns {string} - */ - function trimText(text) { - return text.replace(/[ \t\n\r]+/g, " "); - } + /** + * trim text, Remove spaces, wrap + * @param text + * @returns {string} + */ + function trimText(text) { + return text.replace(/[ \t\n\r]+/g, " "); + } + var lastNode = undefined; + var mainNodeName = undefined; - var lastNode = undefined; - var mainNodeName = undefined; + var nodeUrl = ""; + (function(node){ + var luciLocation; + if (node[0] == "admin"){ + luciLocation = [node[1], node[2]]; + }else{ + luciLocation = node; + } - var nodeUrl = ""; - (function (node) { - if (node[0] == "admin") { - luciLocation = [node[1], node[2]]; - } else { - luciLocation = node; - } + for(var i in luciLocation){ + nodeUrl += luciLocation[i]; + if (i != luciLocation.length - 1){ + nodeUrl += "/"; + } + } + })(luciLocation); - for (var i in luciLocation) { - nodeUrl += luciLocation[i]; - if (i != luciLocation.length - 1) { - nodeUrl += "/"; - } - } - })(luciLocation); + /** + * get the current node by Burl (primary) + * @returns {boolean} success? + */ + function getCurrentNodeByUrl() { + var ret = false; + if (!$('body').hasClass('logged-in')) { + luciLocation = ["Main", "Login"]; + return true; + } - /** - * get the current node by Burl (primary) - * @returns {boolean} success? - */ - function getCurrentNodeByUrl() { - var ret = false; - if (!$('body').hasClass('logged-in')) { - luciLocation = ["Main", "Login"]; - return true; - } - $(".main > .main-left > .nav > .slide > .active").next(".slide-menu").stop(true).slideUp("fast"); - $(".main > .main-left > .nav > .slide > .menu").removeClass("active"); - $(".main > .main-left > .nav > .slide > .menu").each(function () { - var ulNode = $(this); + $(".main > .main-left > .nav > .slide > .menu").each(function () { + var ulNode = $(this); + ulNode.next().find("a").each(function () { + var that = $(this); + var href = that.attr("href"); - ulNode.next().find("a").each(function () { - var that = $(this); - var href = that.attr("href"); + if (href.indexOf(nodeUrl) != -1) { + ulNode.click(); + ulNode.next(".slide-menu").stop(true, true); + lastNode = that.parent(); + lastNode.addClass("active"); + ret = true; + return true; + } + }); + }); + return ret; + } - if (href.indexOf(nodeUrl) != -1) { - ulNode.click(); - ulNode.next(".slide-menu").stop(true, true); - lastNode = that.parent(); - lastNode.addClass("active"); - ret = true; - return true; - } - }); - }); - return ret; - } + /** + * menu click + */ + $(".main > .main-left > .nav > .slide > .menu").click(function () { + var ul = $(this).next(".slide-menu"); + var menu = $(this); + if (!ul.is(":visible")) { + menu.addClass("active"); + ul.addClass("active"); + ul.stop(true).slideDown("fast"); + } else { + ul.stop(true).slideUp("fast", function () { + menu.removeClass("active"); + ul.removeClass("active"); + }); + } + return false; + }); - /** - * menu click - */ - $(".main > .main-left > .nav > .slide > .menu").click(function () { - var ul = $(this).next(".slide-menu"); - var menu = $(this); - if (!menu.hasClass("exit")) { - $(".main > .main-left > .nav > .slide > .active").next(".slide-menu").stop(true).slideUp("fast"); - $(".main > .main-left > .nav > .slide > .menu").removeClass("active"); - if (!ul.is(":visible")) { - menu.addClass("active"); - ul.addClass("active"); - ul.stop(true).slideDown("fast"); - } else { - ul.stop(true).slideUp("fast", function () { - menu.removeClass("active"); - ul.removeClass("active"); - }); - } + /** + * hook menu click and add the hash + */ + $(".main > .main-left > .nav > .slide > .slide-menu > li > a").click(function () { + if (lastNode != undefined) lastNode.removeClass("active"); + $(this).parent().addClass("active"); + $(".main > .loading").fadeIn("fast"); + return true; + }); - return false; - } + /** + * fix menu click + */ + $(".main > .main-left > .nav > .slide > .slide-menu > li").click(function () { + if (lastNode != undefined) lastNode.removeClass("active"); + $(this).addClass("active"); + $(".main > .loading").fadeIn("fast"); + window.location = $($(this).find("a")[0]).attr("href"); + return false; + }); - }); + /** + * get current node and open it + */ + if (getCurrentNodeByUrl()) { + mainNodeName = "node-" + luciLocation[0] + "-" + luciLocation[1]; + mainNodeName = mainNodeName.replace(/[ \t\n\r\/]+/g, "_").toLowerCase(); + $("body").addClass(mainNodeName); + } + /** + * Sidebar expand + */ + var showSide = false; + $(".showSide").click(function () { + if (showSide) { + $(".darkMask").stop(true).fadeOut("fast"); + $(".main-left").stop(true).animate({ + width: "0" + }, "200"); + $(".main-right").css("overflow-y", "visible"); + showSide = false; + } else { + $(".darkMask").stop(true).fadeIn("fast"); + $(".main-left").stop(true).animate({ + width: "13rem" + }, "200"); + $(".main-right").css("overflow-y", "hidden"); + showSide = true; + } + }); + $(".darkMask").click(function () { + if (showSide) { + showSide = false; + $(".darkMask").stop(true).fadeOut("fast"); + $(".main-left").stop(true).animate({ + width: "0" + }, "fast"); + $(".main-right").css("overflow-y", "visible"); + } + }); + $(window).resize(function () { + if ($(window).width() > 921) { + $(".main-left").css("width", ""); + $(".darkMask").stop(true); + $(".darkMask").css("display", "none"); + showSide = false; + } + }); -// define what element should be observed by the observer -// and what types of mutations trigger the callback - if ($("#cbi-dhcp-lan-ignore").length > 0) { - observer.observe(document.getElementById("cbi-dhcp-lan-ignore"), { - subtree: true, - attributes: true - }); - } + /** + * fix legend position + */ + $("legend").each(function () { + var that = $(this); + that.after("" + that.text() + ""); + }); - /** - * hook menu click and add the hash - */ - $(".main > .main-left > .nav > .slide > .slide-menu > li > a").click(function () { - if (lastNode != undefined) - lastNode.removeClass("active"); - $(this).parent().addClass("active"); - $(".main > .loading").fadeIn("fast"); - return true; - }); + $(".cbi-section-table-titles, .cbi-section-table-descr, .cbi-section-descr").each(function () { + var that = $(this); + if (that.text().trim() == ""){ + that.css("display", "none"); + } + }); - /** - * fix menu click - */ - $(".main > .main-left > .nav > .slide > .slide-menu > li").click(function () { - if (lastNode != undefined) - lastNode.removeClass("active"); - $(this).addClass("active"); - $(".main > .loading").fadeIn("fast"); - window.location = $($(this).find("a")[0]).attr("href"); - return false; - }); - - /** - * fix submenu click - */ - $("#maincontent > .container > .tabs > li").click(function () { - $(".main > .loading").fadeIn("fast"); - window.location = $($(this).find("a")[0]).attr("href"); - return false; - }); + $(".main-right").focus(); + $(".main-right").blur(); + $("input").attr("size", "0"); + $(".cbi-button-up").val("__"); + $(".cbi-button-down").val("__"); + $(".slide > a").removeAttr("href"); - /** - * get current node and open it - */ - if (getCurrentNodeByUrl()) { - mainNodeName = "node-" + luciLocation[0] + "-" + luciLocation[1]; - mainNodeName = mainNodeName.replace(/[ \t\n\r\/]+/g, "_").toLowerCase(); - $("body").addClass(mainNodeName); - } - $(".cbi-button-up").val(""); - $(".cbi-button-down").val(""); - - - /** - * hook other "A Label" and add hash to it. - */ - $("#maincontent > .container").find("a").each(function () { - var that = $(this); - var onclick = that.attr("onclick"); - if (onclick == undefined || onclick == "") { - that.click(function () { - var href = that.attr("href"); - if (href.indexOf("#") == -1) { - $(".main > .loading").fadeIn("fast"); - return true; - } - }); - } - }); - - /** - * Sidebar expand - */ - var showSide = false; - $(".showSide").click(function () { - if (showSide) { - $(".darkMask").stop(true).fadeOut("fast"); - $(".main-left").stop(true).animate({ - width: "0" - }, "fast"); - $(".main-right").css("overflow-y", "auto"); - showSide = false; - } else { - $(".darkMask").stop(true).fadeIn("fast"); - $(".main-left").stop(true).animate({ - width: "15rem" - }, "fast"); - $(".main-right").css("overflow-y", "hidden"); - showSide = true; - } - }); - - - $(".darkMask").click(function () { - if (showSide) { - showSide = false; - $(".darkMask").stop(true).fadeOut("fast"); - $(".main-left").stop(true).animate({ - width: "0" - }, "fast"); - $(".main-right").css("overflow-y", "auto"); - } - }); - - $(window).resize(function () { - if ($(window).width() > 921) { - $(".main-left").css("width", ""); - $(".darkMask").stop(true); - $(".darkMask").css("display", "none"); - showSide = false; - } - }); - - /** - * fix legend position - */ - $("legend").each(function () { - var that = $(this); - that.after("" + that.text() + ""); - }); - - $(".cbi-section-table-titles, .cbi-section-table-descr, .cbi-section-descr").each(function () { - var that = $(this); - if (that.text().trim() == "") { - that.css("display", "none"); - } - }); - - $(".node-main-login > .main .cbi-value.cbi-value-last .cbi-input-text").focus(function () { - //$(".node-main-login > .main > .main-right > .login-bg").addClass("blur"); - }); - $(".node-main-login > .main .cbi-value.cbi-value-last .cbi-input-text").blur(function () { - //$(".node-main-login > .main > .main-right > .login-bg").removeClass("blur"); - }); - - - $(".main-right").focus(); - $(".main-right").blur(); - $("input").attr("size", "0"); - - if (mainNodeName != undefined) { - console.log(mainNodeName); - switch (mainNodeName) { - case "node-status-system_log": - case "node-status-kernel_log": - $("#syslog").focus(function () { - $("#syslog").blur(); - $(".main-right").focus(); - $(".main-right").blur(); - }); - break; - case "node-status-firewall": - var button = $(".node-status-firewall > .main fieldset li > a"); - button.addClass("cbi-button cbi-button-reset a-to-btn"); - break; - case "node-system-reboot": - var button = $(".node-system-reboot > .main > .main-right p > a"); - button.addClass("cbi-button cbi-input-reset a-to-btn"); - break; - } - } + if (mainNodeName != undefined) { + console.log(mainNodeName); + switch (mainNodeName) { + case "node-status-system_log": + case "node-status-kernel_log": + $("#syslog").focus(function () { + $("#syslog").blur(); + $(".main-right").focus(); + $(".main-right").blur(); + }); + break; + case "node-status-firewall": + var button = $(".node-status-firewall > .main fieldset li > a"); + button.addClass("cbi-button cbi-button-reset a-to-btn"); + break; + case "node-system-reboot": + var button = $(".node-system-reboot > .main > .main-right p > a"); + button.addClass("cbi-button cbi-input-reset a-to-btn"); + break; + } + } })(jQuery); +}); diff --git a/luasrc/view/themes/argon/footer.htm b/luasrc/view/themes/argon/footer.htm index e63f268..615620f 100644 --- a/luasrc/view/themes/argon/footer.htm +++ b/luasrc/view/themes/argon/footer.htm @@ -1,5 +1,5 @@ <%# - Argon is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argon Template + Argon is a clean HTML5 theme for LuCI. It is based on luci-theme-material Argon Template luci-theme-argon Copyright 2019 Jerrykuku @@ -7,27 +7,13 @@ 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-2016 Jo-Philipp Wich - Copyright 2012 David Menting - - MUI: - https://github.com/muicss/mui - - luci-theme-material: - https://github.com/LuttyYang/luci-theme-material/ - + luci-theme-material: + Copyright 2015 Lutty Yang + Agron Theme - https://demos.creative-tim.com/argon-dashboard/index.html + https://demos.creative-tim.com/argon-dashboard/index.html - Login background - https://unsplash.com/ - - Font generate by Icomoon - https://icomoon.io/ - - Licensed to the public under the Apache License 2.0 + Licensed to the public under the Apache License 2.0 -%> <% @@ -38,26 +24,28 @@ local tree = disp.node() local categories = disp.node_childs(tree) %> - - - - - - - - + + + + + + + + diff --git a/luasrc/view/themes/argon/header.htm b/luasrc/view/themes/argon/header.htm index 3d6c0ea..7ac5770 100644 --- a/luasrc/view/themes/argon/header.htm +++ b/luasrc/view/themes/argon/header.htm @@ -1,22 +1,17 @@ <%# - Argon is a clean HTML5 theme for LuCI. It is based on luci-theme-bootstrap and MUI and Argon Template + Argon is a clean HTML5 theme for LuCI. It is based on luci-theme-material Argon Template luci-theme-argon Copyright 2019 Jerrykuku Have a bug? Please create an issue here on GitHub! - https://github.com/jerrykuku/luci-theme-argon/issues + https://github.com/jerrykuku/luci-theme-argon/issues - luci-theme-bootstrap: - Copyright 2008 Steven Barth - Copyright 2008-2016 Jo-Philipp Wich - Copyright 2012 David Menting - - MUI: - https://github.com/muicss/mui + luci-theme-material: + Copyright 2015 Lutty Yang Agron Theme - https://demos.creative-tim.com/argon-dashboard/index.html + https://demos.creative-tim.com/argon-dashboard/index.html Licensed to the public under the Apache License 2.0 -%> @@ -46,16 +41,7 @@ local c = tree local i, r - - function glob(...) - local iter, code, msg = fs.glob(...) - if iter then - return nutil.consume(iter) - else - return nil, code, msg - end - end - + -- tag all nodes leading to this page for i, r in ipairs(request) do if c.nodes and c.nodes[r] then @@ -123,7 +109,7 @@ for i, r in ipairs(childs) do local nnode = node.nodes[r] - local title = pcdata(striptags(translate(nnode.title))) + local title = striptags(translate(nnode.title)) write('
  • %s
    • ' %{ title, @@ -146,8 +132,8 @@ local grandchildren = disp.node_childs(nnode) if #grandchildren > 0 then - local title = pcdata(striptags(translate(nnode.title))) - local en_title = pcdata(striptags(string.gsub(nnode.title," ","_"))) + local title = striptags(translate(nnode.title)) + local en_title = pcdata(striptags(string.gsub(nnode.title," ","_"))) write('
  • %s' %{ en_title, title @@ -156,9 +142,9 @@ render_submenu(category .. "/" .. r, nnode) write('
    • ') else - local title = pcdata(striptags(translate(nnode.title))) - local en_title = pcdata(striptags(nnode.title)) - write('
  • %s
    • ' %{ + local title = striptags(translate(nnode.title)) + local en_title = pcdata(striptags(nnode.title)) + write('
  • %s
    • ' %{ en_title, nodeurl(category, r, nnode.query), title @@ -170,37 +156,20 @@ end end - local function render_changes() - -- calculate the number of unsaved changes - if tree.nodes[category] and tree.nodes[category].ucidata then - local ucichanges = 0 - for i, j in pairs(require("luci.model.uci").cursor():changes()) do - for k, l in pairs(j) do - for m, n in pairs(l) do - ucichanges = ucichanges + 1; - end - end - end - - if ucichanges > 0 then - write('%s: %d' %{ - url(category, 'uci/changes'), - http.urlencode(http.formvalue('redir') or table.concat(disp.context.request, "/")), - translate('Unsaved Changes'), - ucichanges - }) - end + math.randomseed(os.time()) + function glob(...) + local iter, code, msg = fs.glob(...) + if iter then + return nutil.consume(iter) + else + return nil, code, msg end end - - math.randomseed(os.time()) - + local bgcount = 0 - for f in ipairs(glob("/www/luci-static/argon/img/*")) do + for f in ipairs(glob("/www/luci-static/material/img/*")) do bgcount = bgcount + 1 end - - -%> @@ -208,39 +177,32 @@ <%=striptags( (boardinfo.hostname or "?") .. ( (node and node.title) and ' - ' .. translate(node.title) or '')) %> - LuCI - - - - - - - - - - - - - LuCI"> - - LuCI"> - - - - - - + + + + + + - LuCI"> + - LuCI"> + + + + + <% if node and node.css then %> <% end -%> <% if css then %> <% end -%> - - - + + + - +">
    -
    +
    @@ -248,8 +210,8 @@
    -
    -
    +
    +
    <%=boardinfo.hostname or "?"%> ™
    @@ -262,24 +224,23 @@
    - <% render_topmenu() %> -
    + <% render_topmenu() %> +
    -
    -
    -
    - - <%=boardinfo.hostname or "?"%> ™ -
    - <% render_changes() %> - -
    +
    +
    +
    + + <%=boardinfo.hostname or "?"%> ™ +
    +
    -
    +
    +
    @@ -288,7 +249,9 @@

    <%:No password set!%>

    <%:There is no password set on this router. Please configure a root password to protect the web interface and enable SSH.%>

    -
    "><%:Go to password configuration...%>
    + <% if disp.lookup("admin/system/admin") then %> +
    "><%:Go to password configuration...%>
    + <% end %>
    <%- end -%>