From 6fd701e24699aa1997723f836ff69666ea774bf6 Mon Sep 17 00:00:00 2001 From: doushang Date: Mon, 9 Mar 2020 12:28:52 +0000 Subject: [PATCH 1/6] add new icon --- htdocs/luci-static/argon/fonts/argon.eot | Bin 7284 -> 8194 bytes htdocs/luci-static/argon/fonts/argon.svg | 65 +++++++++++----------- htdocs/luci-static/argon/fonts/argon.ttf | Bin 7128 -> 7652 bytes htdocs/luci-static/argon/fonts/argon.woff | Bin 7204 -> 4748 bytes 4 files changed, 33 insertions(+), 32 deletions(-) diff --git a/htdocs/luci-static/argon/fonts/argon.eot b/htdocs/luci-static/argon/fonts/argon.eot index b7ed80cb80ceed2af46b19dba90654b78094243f..a47195ab24bee212678d3e8c609eb293478c11d8 100644 GIT binary patch delta 1836 zcmdT^U1%It6h7z9>~D8wche-BT{p?7l~_zSn{l(-?6zd3KUPh!wq<{6j82kuH;~M% zlMOWZu%ReESj2YPw+aeAiEk@Zp{40V5eizt2SL1>us06qNx2n_CiF#9H&$oNrn4w%!{V?{Rb`tsRqXB`yKp$r3_}d!G%_$@v1gzH5{$wi%`)MpWZ-ROcJye|Us| z>by3iJeJFR1`vIi{PcoystQAFg8W(XB~@7{eSP`UOXR;ooAg(;#hUMi?<0V|cPXv| z&n+2~xO?H=FAb0dXf?Uj)+%H<5@MSNqyNP|AtjkM9kDIZb_~uCVzQ#ZLzQ$7Ez5zM zFllYanz(lMHn$#F4;mX74hPp?+9x4<)0Mgc(Y7 zr%{darts!=+kwr%|61qRU_)g!M#tl>Hg5AjaLzEhKe!u>FWj=>_S|$FYOQhC8ee(p z9D9TrQ^GHeqv9IJ#;}p-xW&6PW#W$RP%_lzbTNm^$qixZAvraWbfntBE%Ij4-I|5- zbrHq9h)ohPFQ8EnP#`h#qK_baZZLg9KKSg%cUGVLaomLh`~CqZ3e9w06exT?=eM%X znOSBw$#$GuVPa8W!pS;`KsM0}A_^yMU3^?DPqCD#eGBbEr!ro?jvLSW_x%PQv+w}EEU4dD`t@(G(&bp?bH-2MX!oD* z@j1KxEt)k&4Jo4GfN>_W*Xx@i$hsEBjYz8Qu*n>BfX}vha6q4JJE%cDXxmQ0CvDpc z5$ZH_!FUfLUU=EI8Hn(zZF8^-4BO_3bIGO;cmrn&&a?&*K*>sy?E-}#^U z@2$Vx`TySB=!+(e&m*0iU1-1A0HfAFN8pfA4f5zfC%Vv$9`xc4^r3(vUBLhbu>*Hv SCw5^shOh_2oBhq~t$zW`yj@2C delta 930 zcmZ8gOK1~O6g~6aB&ic@`c2w&(xlae^;6T*+KPf%xKR95TCCQM8DdNd`E}AlE0q-K zN<|EBA$6fe5nKrp7cN9v!Qx7~6!C)*1qC7aL0!mrC!G?~3y*g`ckaA*x$jcw=U`}3 z1zxoQ5*VsO!ga}1j-II2&D^z^(fup=P?KMSju_HNkz9*mM2Sry0aFLu;%&Pp2PkE} zo=1jR#)&y_1cyd;_qrN3$4PlYD;!B`ndi5!Xp}_f!+cE3W@xV?zDRpbEHQK5b1yPW z{665Bi$}F{p4HC1KFgvOl%nmi>4Wo6;-=KKOQJJXM+hj5@g-vk zAx?|T^?pH=q~=`Wd4mmDD1R<<&OGRsiVH5L#Rrx z7*bx^4jV=Ow9x6yalU1TB<|M!DBN&;;A~)^aG~+N>{Fekm=!ZP8w zg>BS%?;6fg`xP9t3>DBL}k|UchL(I0T;*7tafs2Q%{XZeVuy_Cf diff --git a/htdocs/luci-static/argon/fonts/argon.svg b/htdocs/luci-static/argon/fonts/argon.svg index 202be27..7a00666 100644 --- a/htdocs/luci-static/argon/fonts/argon.svg +++ b/htdocs/luci-static/argon/fonts/argon.svg @@ -1,33 +1,34 @@ - - - -Generated by IcoMoon - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + +Generated by IcoMoon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/htdocs/luci-static/argon/fonts/argon.ttf b/htdocs/luci-static/argon/fonts/argon.ttf index 7ef3783994f6131e70b24370e5835182d34d5753..f52d85cf443793167b1836b6ad2f7efeaddaa39e 100644 GIT binary patch delta 1387 zcmcIjZD?C%6n@V8-rU@zy*G)oxoOk5OeXQ8wp-{L+f?dsA39h3SZ$J8b+N`q=ttZ# zm>^3T14U)fU4;r06!t>|VGw_*W9bkah#!bQhKz|-#JWEP6_KsIo;OKn{pBw&Jomik zInO!odEa~PrPNR93J5?8<{+`{;R8L%(3L5 z#4fWnCZ}F}?xx4DT?FJMAab@?$Uhs&yxGCAPZ)hgCX9&tGOvGUY%NZgkLG9elU!?o z{nFIzL?ypdPoLldr8vxIPIpIi{#+Mf{@2_60^$pf#{uU=`)nn_Yt@ZHLk_&o9#>~ygSxB;Uzg;a3GtFxC& z^uOv~X}PoIqt>kIxp@X2Eudfgw@)CF5ck5v$+nMDw)k|=b*|G{+FAWTyhWM@dA_<& zE0G@ZQGycAqUYx7x1PB0Kbj&hZAy?$j_bX}=`G0qP-d(+*L?A0oR=@t&~VXSeBI;qmIShf=pCQ;9xL zsuBE0yq@%LE7~&^i>!=As|+h+l9M&bWH=eCl_`3%YhWa~>xs|SYWuG4_mU}oxm71~ zbs%Gz9DZXoP|rH0vQ#!>BQNKKl{1AoR$-XDW_i{kbF67|d#%b-BBd8;?VLuEg1dJF zd~FZq`b8kiX}MrSu56AguiI>pOL4zy82Hx4)M#ryo&!Iu=34Md{alKd*m{H4HfTIJ zgk-WQ(l-SB{0YwBF%&R~BbY*-g$k3H#S8|VU^Gl{0#SP$+mOa^Jvf0P|J?mN&v7J~ xS4i`0tCTYC=kx;W%IqIv#deN&v!a0{cJP+H%=hv8ZajnMQFe|;N1b=b_#4sT5)}Xd delta 1058 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 literal 7204 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 Kb*=e7ivJJHWE3g@ From 7ca7774364b699116a79e7c73e04069ac28e263e Mon Sep 17 00:00:00 2001 From: doushang Date: Mon, 9 Mar 2020 12:50:48 +0000 Subject: [PATCH 2/6] enable the new icon of docker --- htdocs/luci-static/argon/cascade.css | 6179 +++++++++++++------------ htdocs/luci-static/argon/cascade.less | 9 + 2 files changed, 3102 insertions(+), 3086 deletions(-) diff --git a/htdocs/luci-static/argon/cascade.css b/htdocs/luci-static/argon/cascade.css index 8b9f9c4..b5975d2 100644 --- a/htdocs/luci-static/argon/cascade.css +++ b/htdocs/luci-static/argon/cascade.css @@ -1,3087 +1,3094 @@ -/** - * 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 { - line-height: 1.5rem; - height: 2.5rem; - padding: 0.625rem 0.75rem; - margin: 0.25rem 0.1rem; - 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.375rem !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.error, -.alert-message.error { - background-color: #ffd600; -} -.alert h4, -.alert-message h4 { - padding: 0rem 1.5rem 0.75rem 0rem; -} -.alert .btn, -.alert-message .btn { - height: auto; -} -.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-button-apply > ul.preview { - display: none; -} -.cbi-button-apply > ul.preview li { - color: #fff; -} -.cbi-button-apply > 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% - 2rem); - background-color: #f0ad4e; - border-color: #eea236; - box-sizing: border-box; - margin-top: -7rem; - border-radius: 5px !important; - padding: 1rem 2rem 0.5rem 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 .alert-message.error h4 { - font-size: 1rem; -} -.node-main-login .main .main-right #maincontent .container .alert-message.error .btn { - height: auto; -} -.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; - } -} +/** + * 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"; +} +.icon-docker:before { + content: "\e911"; +} +.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 { + line-height: 1.5rem; + height: 2.5rem; + padding: 0.625rem 0.75rem; + margin: 0.25rem 0.1rem; + 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.375rem !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.error, +.alert-message.error { + background-color: #ffd600; +} +.alert h4, +.alert-message h4 { + padding: 0rem 1.5rem 0.75rem 0rem; +} +.alert .btn, +.alert-message .btn { + height: auto; +} +.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 .menu[data-title=docker]:before { + content: "\e911"; + color: #6699ff; +} +.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-button-apply > ul.preview { + display: none; +} +.cbi-button-apply > ul.preview li { + color: #fff; +} +.cbi-button-apply > 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% - 2rem); + background-color: #f0ad4e; + border-color: #eea236; + box-sizing: border-box; + margin-top: -7rem; + border-radius: 5px !important; + padding: 1rem 2rem 0.5rem 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 .alert-message.error h4 { + font-size: 1rem; +} +.node-main-login .main .main-right #maincontent .container .alert-message.error .btn { + height: auto; +} +.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.less b/htdocs/luci-static/argon/cascade.less index 3e77071..3ca7cac 100644 --- a/htdocs/luci-static/argon/cascade.less +++ b/htdocs/luci-static/argon/cascade.less @@ -160,6 +160,10 @@ content: "\f059"; } +.icon-docker:before { + content: "\e911"; +} + .sk-folding-cube { position: absolute; @@ -890,6 +894,11 @@ header { color: #8965e0; } + .menu[data-title=docker]:before { + content: "\e911"; + color: #6699ff; + } + .menu[data-title=Bandwidth_Monitor]:before { content: "\e90d"; color: #2dce89; From d915463722bc39a53ea179e2d8a6ed9452039cfd Mon Sep 17 00:00:00 2001 From: doushang Date: Wed, 11 Mar 2020 13:21:08 +0000 Subject: [PATCH 3/6] update the css.map file --- htdocs/luci-static/argon/cascade.css | 6189 +++++++++++----------- htdocs/luci-static/argon/cascade.css.map | 2 +- 2 files changed, 3096 insertions(+), 3095 deletions(-) diff --git a/htdocs/luci-static/argon/cascade.css b/htdocs/luci-static/argon/cascade.css index b5975d2..e1e65b3 100644 --- a/htdocs/luci-static/argon/cascade.css +++ b/htdocs/luci-static/argon/cascade.css @@ -1,3094 +1,3095 @@ -/** - * 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"; -} -.icon-docker:before { - content: "\e911"; -} -.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 { - line-height: 1.5rem; - height: 2.5rem; - padding: 0.625rem 0.75rem; - margin: 0.25rem 0.1rem; - 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.375rem !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.error, -.alert-message.error { - background-color: #ffd600; -} -.alert h4, -.alert-message h4 { - padding: 0rem 1.5rem 0.75rem 0rem; -} -.alert .btn, -.alert-message .btn { - height: auto; -} -.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 .menu[data-title=docker]:before { - content: "\e911"; - color: #6699ff; -} -.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-button-apply > ul.preview { - display: none; -} -.cbi-button-apply > ul.preview li { - color: #fff; -} -.cbi-button-apply > 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% - 2rem); - background-color: #f0ad4e; - border-color: #eea236; - box-sizing: border-box; - margin-top: -7rem; - border-radius: 5px !important; - padding: 1rem 2rem 0.5rem 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 .alert-message.error h4 { - font-size: 1rem; -} -.node-main-login .main .main-right #maincontent .container .alert-message.error .btn { - height: auto; -} -.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 +@import url("custom.css?v=1"); +/** + * 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 + */ +/* + * 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"; +} +.icon-docker:before { + content: "\e911"; +} +.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 { + line-height: 1.5rem; + height: 2.5rem; + padding: 0.625rem 0.75rem; + margin: 0.25rem 0.1rem; + 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(15%); + 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(85%); + 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.375rem !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.error, +.alert-message.error { + background-color: #ffd600; +} +.alert h4, +.alert-message h4 { + padding: 0rem 1.5rem 0.75rem 0rem; +} +.alert .btn, +.alert-message .btn { + height: auto; +} +.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 .menu[data-title=docker]:before { + content: "\e911"; + color: #6699ff; +} +.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(98.5%); +} +.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-button-apply > ul.preview { + display: none; +} +.cbi-button-apply > ul.preview li { + color: #fff; +} +.cbi-button-apply > 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(98%); + 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(98%); + background-color: #f0ad4e; + border-color: #eea236; + box-sizing: border-box; + margin-top: -7rem; + border-radius: 5px !important; + padding: 1rem 2rem 0.5rem 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 .alert-message.error h4 { + font-size: 1rem; +} +.node-main-login .main .main-right #maincontent .container .alert-message.error .btn { + height: auto; +} +.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(4.75rem); + 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 #dddddd, inset -1px -1px 0 #dddddd; +} +#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 #dddddd, inset -1px 0 0 #dddddd; +} +#cbi-wireless > #wifi_assoclist_table > .tr.table-titles > .th { + border-bottom: thin solid #ddd; + box-shadow: 0 -1px 0 0 #dddddd; +} +#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(13%); + } + .main-right { + width: calc(87%); + } + .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(13%); + } + .main-right { + width: calc(87%); + } + .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(13%); + } + .main-right { + width: calc(87%); + } + 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(98.5%); + } + .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 */ +/*# 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 index e2a8a32..a145618 100644 --- a/htdocs/luci-static/argon/cascade.css.map +++ b/htdocs/luci-static/argon/cascade.css.map @@ -1 +1 @@ -{"version":3,"sources":["cascade.less"],"names":[],"mappings":"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"} \ No newline at end of file +{"version":3,"sources":["cascade.less"],"names":[],"mappings":"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","file":"cascade.css","sourceRoot":"..\\less"} \ No newline at end of file From f47838368a98c6c0df5de880d56a5d00f87e67aa Mon Sep 17 00:00:00 2001 From: doushang Date: Wed, 11 Mar 2020 16:28:13 +0000 Subject: [PATCH 4/6] fix error of docker's icon --- htdocs/luci-static/argon/cascade.css | 2 +- htdocs/luci-static/argon/cascade.less | 6795 +++++++++++-------------- 2 files changed, 3095 insertions(+), 3702 deletions(-) diff --git a/htdocs/luci-static/argon/cascade.css b/htdocs/luci-static/argon/cascade.css index e1e65b3..9363432 100644 --- a/htdocs/luci-static/argon/cascade.css +++ b/htdocs/luci-static/argon/cascade.css @@ -764,7 +764,7 @@ header .fill .status * { content: "\e90d"; color: #2dce89; } -.main .main-left .nav li.slide .menu[data-title=docker]:before { +.main .main-left .nav li.slide .menu[data-title=Docker]:before { content: "\e911"; color: #6699ff; } diff --git a/htdocs/luci-static/argon/cascade.less b/htdocs/luci-static/argon/cascade.less index 3ca7cac..c2d22a8 100644 --- a/htdocs/luci-static/argon/cascade.less +++ b/htdocs/luci-static/argon/cascade.less @@ -1,3701 +1,3094 @@ -// 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"; -} - -.icon-docker:before { - content: "\e911"; -} - - -.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 { - line-height: 1.5rem; - height: 2.5rem; - padding: .625rem .75rem; - margin: 0.25rem 0.1rem; - 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.375rem !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); - - &.error{ - background-color: #ffd600; - } - - h4{ - padding: 0rem 1.5rem 0.75rem 0rem; - } - - .btn{ - height: auto; - } -} - -.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=docker]:before { - content: "\e911"; - color: #6699ff; - } - - .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; - -} -.cbi-button-apply>ul.preview { - display: none; - - li { - color: #fff; - } - -} - -.cbi-button-apply>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% - 2rem); - background-color: #f0ad4e; - border-color: #eea236; - box-sizing: border-box; - margin-top: -7rem; - border-radius: 5px !important; - padding: 1rem 2rem 0.5rem 2rem; - text-align: center; - p{ - color: #fff; - } - h4{ - font-size: 1rem; - } - .btn{ - height: auto; - } - } - } - - .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 +/** + * 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"; + } + .icon-docker:before { + content: "\e911"; + } + .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 { + line-height: 1.5rem; + height: 2.5rem; + padding: 0.625rem 0.75rem; + margin: 0.25rem 0.1rem; + 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.375rem !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.error, + .alert-message.error { + background-color: #ffd600; + } + .alert h4, + .alert-message h4 { + padding: 0rem 1.5rem 0.75rem 0rem; + } + .alert .btn, + .alert-message .btn { + height: auto; + } + .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 .menu[data-title=Docker]:before { + content: "\e911"; + color: #6699ff; + } + .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-button-apply > ul.preview { + display: none; + } + .cbi-button-apply > ul.preview li { + color: #fff; + } + .cbi-button-apply > 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% - 2rem); + background-color: #f0ad4e; + border-color: #eea236; + box-sizing: border-box; + margin-top: -7rem; + border-radius: 5px !important; + padding: 1rem 2rem 0.5rem 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 .alert-message.error h4 { + font-size: 1rem; + } + .node-main-login .main .main-right #maincontent .container .alert-message.error .btn { + height: auto; + } + .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 From ecd9b5960166562f17eb7fa0912dcb78c4dd66ab Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=80=81=E7=AB=AD=E5=8A=9B?= Date: Wed, 1 Apr 2020 00:22:31 +0800 Subject: [PATCH 5/6] Update README.md --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index b7002d9..e0fbda0 100644 --- a/README.md +++ b/README.md @@ -55,8 +55,8 @@ make -j1 V=s ## Install ### For Lean openwrt ``` -wget --no-check-certificate https://github.com/jerrykuku/luci-theme-argon/releases/download/v1.3/luci-theme-argon_1.4-01-20200101_all.ipk -opkg install luci-theme-argon_1.4-01-20200101_all.ipk +wget --no-check-certificate https://github.com/jerrykuku/luci-theme-argon/releases/download/1.5.1/luci-theme-argon_1.5.1-01-20200331_all.ipk +opkg install luci-theme-argon_1.5.1-01-20200331_all.ipk ``` ### For openwrt 19.07 stable LuCI branch (git-20.006.26738-35aa527) From e260b44ffffe24e156b1b960f574d7678d0c3030 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=80=81=E7=AB=AD=E5=8A=9B?= Date: Wed, 1 Apr 2020 00:22:49 +0800 Subject: [PATCH 6/6] Update README_ZH.md --- README_ZH.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README_ZH.md b/README_ZH.md index 79cfac7..35b67eb 100644 --- a/README_ZH.md +++ b/README_ZH.md @@ -51,8 +51,8 @@ make -j1 V=s ## 安装 ### For Lean openwrt ``` -wget --no-check-certificate https://github.com/jerrykuku/luci-theme-argon/releases/download/v1.3/luci-theme-argon_1.4-01-20200101_all.ipk -opkg install luci-theme-argon_1.4-01-20200101_all.ipk +wget --no-check-certificate https://github.com/jerrykuku/luci-theme-argon/releases/download/1.5.1/luci-theme-argon_1.5.1-01-20200331_all.ipk +opkg install luci-theme-argon_1.5.1-01-20200331_all.ipk ``` ### For openwrt 19.07 stable LuCI branch (git-20.006.26738-35aa527)