[
  {
    "path": ".gitignore",
    "content": "preview\n"
  },
  {
    "path": "LICENSE",
    "content": "                                 Apache License\n                           Version 2.0, January 2004\n                        http://www.apache.org/licenses/\n\n   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION\n\n   1. Definitions.\n\n      \"License\" shall mean the terms and conditions for use, reproduction,\n      and distribution as defined by Sections 1 through 9 of this document.\n\n      \"Licensor\" shall mean the copyright owner or entity authorized by\n      the copyright owner that is granting the License.\n\n      \"Legal Entity\" shall mean the union of the acting entity and all\n      other entities that control, are controlled by, or are under common\n      control with that entity. For the purposes of this definition,\n      \"control\" means (i) the power, direct or indirect, to cause the\n      direction or management of such entity, whether by contract or\n      otherwise, or (ii) ownership of fifty percent (50%) or more of the\n      outstanding shares, or (iii) beneficial ownership of such entity.\n\n      \"You\" (or \"Your\") shall mean an individual or Legal Entity\n      exercising permissions granted by this License.\n\n      \"Source\" form shall mean the preferred form for making modifications,\n      including but not limited to software source code, documentation\n      source, and configuration files.\n\n      \"Object\" form shall mean any form resulting from mechanical\n      transformation or translation of a Source form, including but\n      not limited to compiled object code, generated documentation,\n      and conversions to other media types.\n\n      \"Work\" shall mean the work of authorship, whether in Source or\n      Object form, made available under the License, as indicated by a\n      copyright notice that is included in or attached to the work\n      (an example is provided in the Appendix below).\n\n      \"Derivative Works\" shall mean any work, whether in Source or Object\n      form, that is based on (or derived from) the Work and for which the\n      editorial revisions, annotations, elaborations, or other modifications\n      represent, as a whole, an original work of authorship. For the purposes\n      of this License, Derivative Works shall not include works that remain\n      separable from, or merely link (or bind by name) to the interfaces of,\n      the Work and Derivative Works thereof.\n\n      \"Contribution\" shall mean any work of authorship, including\n      the original version of the Work and any modifications or additions\n      to that Work or Derivative Works thereof, that is intentionally\n      submitted to Licensor for inclusion in the Work by the copyright owner\n      or by an individual or Legal Entity authorized to submit on behalf of\n      the copyright owner. For the purposes of this definition, \"submitted\"\n      means any form of electronic, verbal, or written communication sent\n      to the Licensor or its representatives, including but not limited to\n      communication on electronic mailing lists, source code control systems,\n      and issue tracking systems that are managed by, or on behalf of, the\n      Licensor for the purpose of discussing and improving the Work, but\n      excluding communication that is conspicuously marked or otherwise\n      designated in writing by the copyright owner as \"Not a Contribution.\"\n\n      \"Contributor\" shall mean Licensor and any individual or Legal Entity\n      on behalf of whom a Contribution has been received by Licensor and\n      subsequently incorporated within the Work.\n\n   2. Grant of Copyright License. Subject to the terms and conditions of\n      this License, each Contributor hereby grants to You a perpetual,\n      worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n      copyright license to reproduce, prepare Derivative Works of,\n      publicly display, publicly perform, sublicense, and distribute the\n      Work and such Derivative Works in Source or Object form.\n\n   3. Grant of Patent License. Subject to the terms and conditions of\n      this License, each Contributor hereby grants to You a perpetual,\n      worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n      (except as stated in this section) patent license to make, have made,\n      use, offer to sell, sell, import, and otherwise transfer the Work,\n      where such license applies only to those patent claims licensable\n      by such Contributor that are necessarily infringed by their\n      Contribution(s) alone or by combination of their Contribution(s)\n      with the Work to which such Contribution(s) was submitted. If You\n      institute patent litigation against any entity (including a\n      cross-claim or counterclaim in a lawsuit) alleging that the Work\n      or a Contribution incorporated within the Work constitutes direct\n      or contributory patent infringement, then any patent licenses\n      granted to You under this License for that Work shall terminate\n      as of the date such litigation is filed.\n\n   4. Redistribution. You may reproduce and distribute copies of the\n      Work or Derivative Works thereof in any medium, with or without\n      modifications, and in Source or Object form, provided that You\n      meet the following conditions:\n\n      (a) You must give any other recipients of the Work or\n          Derivative Works a copy of this License; and\n\n      (b) You must cause any modified files to carry prominent notices\n          stating that You changed the files; and\n\n      (c) You must retain, in the Source form of any Derivative Works\n          that You distribute, all copyright, patent, trademark, and\n          attribution notices from the Source form of the Work,\n          excluding those notices that do not pertain to any part of\n          the Derivative Works; and\n\n      (d) If the Work includes a \"NOTICE\" text file as part of its\n          distribution, then any Derivative Works that You distribute must\n          include a readable copy of the attribution notices contained\n          within such NOTICE file, excluding those notices that do not\n          pertain to any part of the Derivative Works, in at least one\n          of the following places: within a NOTICE text file distributed\n          as part of the Derivative Works; within the Source form or\n          documentation, if provided along with the Derivative Works; or,\n          within a display generated by the Derivative Works, if and\n          wherever such third-party notices normally appear. The contents\n          of the NOTICE file are for informational purposes only and\n          do not modify the License. You may add Your own attribution\n          notices within Derivative Works that You distribute, alongside\n          or as an addendum to the NOTICE text from the Work, provided\n          that such additional attribution notices cannot be construed\n          as modifying the License.\n\n      You may add Your own copyright statement to Your modifications and\n      may provide additional or different license terms and conditions\n      for use, reproduction, or distribution of Your modifications, or\n      for any such Derivative Works as a whole, provided Your use,\n      reproduction, and distribution of the Work otherwise complies with\n      the conditions stated in this License.\n\n   5. Submission of Contributions. Unless You explicitly state otherwise,\n      any Contribution intentionally submitted for inclusion in the Work\n      by You to the Licensor shall be under the terms and conditions of\n      this License, without any additional terms or conditions.\n      Notwithstanding the above, nothing herein shall supersede or modify\n      the terms of any separate license agreement you may have executed\n      with Licensor regarding such Contributions.\n\n   6. Trademarks. This License does not grant permission to use the trade\n      names, trademarks, service marks, or product names of the Licensor,\n      except as required for reasonable and customary use in describing the\n      origin of the Work and reproducing the content of the NOTICE file.\n\n   7. Disclaimer of Warranty. Unless required by applicable law or\n      agreed to in writing, Licensor provides the Work (and each\n      Contributor provides its Contributions) on an \"AS IS\" BASIS,\n      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\n      implied, including, without limitation, any warranties or conditions\n      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A\n      PARTICULAR PURPOSE. You are solely responsible for determining the\n      appropriateness of using or redistributing the Work and assume any\n      risks associated with Your exercise of permissions under this License.\n\n   8. Limitation of Liability. In no event and under no legal theory,\n      whether in tort (including negligence), contract, or otherwise,\n      unless required by applicable law (such as deliberate and grossly\n      negligent acts) or agreed to in writing, shall any Contributor be\n      liable to You for damages, including any direct, indirect, special,\n      incidental, or consequential damages of any character arising as a\n      result of this License or out of the use or inability to use the\n      Work (including but not limited to damages for loss of goodwill,\n      work stoppage, computer failure or malfunction, or any and all\n      other commercial damages or losses), even if such Contributor\n      has been advised of the possibility of such damages.\n\n   9. Accepting Warranty or Additional Liability. While redistributing\n      the Work or Derivative Works thereof, You may choose to offer,\n      and charge a fee for, acceptance of support, warranty, indemnity,\n      or other liability obligations and/or rights consistent with this\n      License. However, in accepting such obligations, You may act only\n      on Your own behalf and on Your sole responsibility, not on behalf\n      of any other Contributor, and only if You agree to indemnify,\n      defend, and hold each Contributor harmless for any liability\n      incurred by, or claims asserted against, such Contributor by reason\n      of your accepting any such warranty or additional liability.\n\n   END OF TERMS AND CONDITIONS\n\n   APPENDIX: How to apply the Apache License to your work.\n\n      To apply the Apache License to your work, attach the following\n      boilerplate notice, with the fields enclosed by brackets \"[]\"\n      replaced with your own identifying information. (Don't include\n      the brackets!)  The text should be enclosed in the appropriate\n      comment syntax for the file format. We also recommend that a\n      file or class name and description of purpose be included on the\n      same \"printed page\" as the copyright notice for easier\n      identification within third-party archives.\n\n   Copyright [yyyy] [name of copyright owner]\n\n   Licensed under the Apache License, Version 2.0 (the \"License\");\n   you may not use this file except in compliance with the License.\n   You may obtain a copy of the License at\n\n       http://www.apache.org/licenses/LICENSE-2.0\n\n   Unless required by applicable law or agreed to in writing, software\n   distributed under the License is distributed on an \"AS IS\" BASIS,\n   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n   See the License for the specific language governing permissions and\n   limitations under the License.\n"
  },
  {
    "path": "Makefile",
    "content": "# This program is free software; you can redistribute it and/or\n# modify it under the terms of the GNU General Public License\n# as published by the Free Software Foundation; either version 2\n# of the License, or (at your option) any later version.\n\ninclude $(TOPDIR)/rules.mk\n\nLUCI_TITLE:=Neobird Theme\nLUCI_DEPENDS:=\nPKG_VERSION:=2.0\nPKG_RELEASE:=202202260758\n\ninclude $(TOPDIR)/feeds/luci/luci.mk\n\n# call BuildPackage - OpenWrt buildroot signature\n"
  },
  {
    "path": "README.md",
    "content": "# luci-theme-neobird\n## 针对移动端优化的Openwrt主题\n\nFor Lean's OpenWRT Only\nhttps://github.com/coolsnowwolf/lede\n\n六年前用OP，随手把luci-theme-material改成了自己喜欢的Advancedtomato样式\n因为用了很短时间便没再用OP了，主题也没再管。\n后来便有了lede固件默认使用material主题的修改版做主题，包括今天的luci-theme-netgear和luci-theme-argon还是我的思路，不过都不是我喜欢的样子。\n还有一些luci-theme-atmaterial之类的都是当时我的样式表改的，还存在于某些固件中。\n\n前几天又用上了OP做旁路，顺手又改了一把，然后随便找了个LOGO(netgear arlo)，起了个名字，编译了一下。\n\n## 主要特点：\n* 针对移动端优化，特别适合手机端做为webapp使用；\n* 修改很多细节，尽量视觉统一（但由于luci插件开发不规范，页面结构有些杂乱，难免有些小问题无法修正）；\n* 极简易用设计，移动端去除繁杂信息，隐藏了提示信息（可能并不适合OP新手，请手机横屏查看提示文本）；\n* 简洁的登录界面，底部导航栏，类App的沉浸式体验；\n* 适配深色模式，适配系统自动切换；\n* 全(tou)新(lai)的APP桌面图标；\n* Retina图片适配。\n\n## 体验Webapp方法：\n* 在移动端(iOS/iPadOS)浏览器打开管理界面，添加到主屏幕即可。\n* 想要实现完全的沉浸式（无浏览器导航、无地址栏等）体验，需要使用SSL证书，请自行申请域名、证书、安装并启用。\n* 如果不使用SSL证书，基于安全原因，iOS/iPadOS 在打开新的页面后，将会显示浏览器顶部菜单栏。\n\n## 目前存在的问题\n* 做为旁路由，安装的插件比较少，接口比较少，部分图片不可见则懒得换，可能未来会主动把图片换掉；\n* 部分插件或页面仅通过样式表很难达到完美，需要修改底层页面结构，这部分内容存在于luci源码中；\n\n## 关于其它\n* 你可以改来自己用，也可以继续优化共享，但如果想改进后共享给他人，请再三确认自己的审美能力，以确保不是丑化我的成果\n* 因为用了arlo的logo，请勿用于商业用途\n* 我可能会在某个时间改掉logo\n* luci插件众多，不规范的插件可能会存在显示问题，不做保证\n\n## 预览\n![macOS](https://github.com/thinktip/luci-theme-neobird/blob/main/preview/SCR-20220223-iw6.png)\n![macOS](https://github.com/thinktip/luci-theme-neobird/blob/main/preview/SCR-20220223-iwp.png)\n![macOS](https://github.com/thinktip/luci-theme-neobird/blob/main/preview/SCR-20220223-j1l.png)\n![iOS](https://github.com/thinktip/luci-theme-neobird/blob/main/preview/IMG_6478.PNG)\n![iOS](https://github.com/thinktip/luci-theme-neobird/blob/main/preview/IMG_6481.PNG)\n![iOS](https://github.com/thinktip/luci-theme-neobird/blob/main/preview/IMG_6474.PNG)\n## 自行编译：\n\n```\ncd lede/package/lean  \nrm -rf luci-theme-neobird  \ngit clone https://github.com/thinktip/luci-theme-neobird.git  \ncd ~/lede/\nmake menuconfig #choose LUCI->Theme->Luci-theme-neobird  \nmake -j1 V=s\n```\n"
  },
  {
    "path": "htdocs/luci-static/neobird/css/style.css",
    "content": "/**\n *  Neobird is a clean HTML5 theme for LuCI. It is based on luci-theme-material\n *\n *  luci-theme-material\n *      Copyright 2015 Lutty Yang <lutty@wcan.in>\n * \n *  luci-theme-Neobird\n *      Copyright 2021 2smile <thinktip@gmail.com>\n *\n *  Licensed to the public under the Apache License 2.0\n */\n\n:root {\n    --bg: #f1f4f5;\n    --mainbg: #fff;\n    --bgwhite: #fff;\n    --activeColor: #51c291;\n    --activeBottom: #51c291 2px solid;\n    --textColor: rgb(132,119,116);\n    --borderColor: rgba(0,0,0,.15);\n    --navbgColor: rgba(255, 255, 255, .7);\n    --navBorder: 1px solid #f2f2f2;\n    --sectionbgColor: #fff;\n    --sectionbgColor2: #fff;\n    --sectionShaddow: 3px 3px 3px rgba(0,0,0,.05);\n    --sectionBorder: none;\n    --sectiontabBorder: none;\n    --tabmenuBorderLR: none;\n    --tabmenubgColor: none;\n    --tabmenuBottom: #e4eaec 1px solid;\n    --tabmenuRadius: 0;\n    --sectionnodeBorder: #f7f7f7 1px solid;\n    --cbilineColor: #f7f7f7 1px solid;\n    --tabbgColor: #fff;\n    --inputbgColor: #f8f8f8;\n    --inputtextColor: #76838f;\n    --inputBorder: 1px solid #e4eaec;\n    --mainleftbgColor: rgb(255,255,255);\n    --bttextColor: #fff;\n    --badgebgColor: #f7f7f7;\n    --badgeBorder: #e4eaec 1px solid;\n    --progressbarColor: #c8c8c8;\n    --progressbar: #51c291;\n    --progressbartxtColor: #fff;\n    --logo: url('/luci-static/neobird/images/logo.png');\n    --mlogo: url('/luci-static/neobird/images/mlogo.png');\n}\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --bg: #000;\n    --bgwhite: #000;\n    --textColor: #fefefe;\n    --activeColor: #51c291;\n    --activeBottom: #51c291 2px solid;\n    --borderColor: #2C2C3A;\n    --navbgColor: hsla(0, 0%, 7%, .8);\n    --navBorder: 1px solid #1c1c1e;\n    --sectionbgColor: #1c1c1e;\n    --sectionbgColor2: #1c1c1e;\n    --sectionShaddow: 3px 3px 3px rgba(0,0,0,.05);\n    --sectionBorder: none;\n    --sectiontabBorder: none;\n    --sectionnodeBorder: #3d3d41 1px solid;\n    --cbilineColor: #2d2d2d 1px solid;\n    --tabbgColor: #1c1c1e;\n    --tabmenuBorderLR: none;\n    --tabmenubgColor: none;\n    --tabmenuBottom: #2d2d2d 1px solid;\n    --tabmenuRadius: 6px 6px 0 0;\n    --inputbgColor: #2f2f2f;\n    --inputtextColor: #fefefe;\n    --inputBorder: 1px solid #4d4d4d;\n    --mainleftbgColor: #000;\n    --bttextColor: #fefefe;\n    --badgebgColor: #fefefe;\n    --badgeBorder: #3d3d40 1px solid;\n    --progressbarColor: #6d6d6d;\n    --progressbar: #51c291;\n    --progressbartxtColor: #fefefe;\n    --logo: url('/luci-static/neobird/images/logod.png');\n    --mlogo: url('/luci-static/neobird/images/mlogod.png');\n  }\n}\n\n@font-face {\n    font-family: 'icomoon';\n    src: url('../fonts/font.eot');\n    src: url('../fonts/font.eot') format('embedded-opentype'),\n    url('../fonts/font.ttf') format('truetype'),\n    url('../fonts/font.woff') format('woff'),\n    url('../fonts/font.svg') format('svg');\n    font-weight: normal;\n    font-style: normal;\n}\n\n@font-face {\n  font-family: 'neobird';\n  src: url('');\n  src: url('?#iefix') format('embedded-opentype'),\n  url('../fonts/iconfont.woff2') format('woff2'),\n  url('../fonts/iconfont.woff') format('woff'),\n  url('../fonts/iconfont.ttf') format('truetype'),\n  url('#iconfont') format('svg');\n}\n\n\nhtml {\n    -webkit-text-size-adjust: 100%;\n    -ms-text-size-adjust: 100%;\n}\n\nhtml, body {\n    margin: 0px;\n    padding: 0px;\n    height: 100%;\n    font-family: -apple-system, 'Microsoft Yahei' !important;\n    font-size: 0.92rem;\n    line-height: 150%;\n    background-color: var(--bg);\n    color:var(--textColor);\n}\n\nbody div {\n    line-height:150%;\n}\n\na {\n    color: var(--textColor);\n    text-decoration: none;\n}\n\nem {\n    font-style:normal !important;\n    line-height: 1.5;\n    padding-left: 10px;\n}\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    }\n\nselect {\n    overflow: hidden !important;\n    width: 100%;\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    padding: 0 25px 0 10px !important;\n    background-size: 24px 16px;\n    background-repeat: no-repeat;\n    background-position: right center;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABGCAYAAAA6hjFpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhDNzA0QUE0NjE2QTExRUNCMjJFQkQyRkIyNURDNjE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhDNzA0QUEzNjE2QTExRUNCMjJFQkQyRkIyNURDNjE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzNBNTYzNTY2MTUxMTFFQ0IyMkVCRDJGQjI1REM2MTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzNBNTYzNTc2MTUxMTFFQ0IyMkVCRDJGQjI1REM2MTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6YjzxlAAACsklEQVR42uyaXUsVURSG51T0U/obfUvhhYF0U0HQhZQVIWVJCAkiSUXfRRcaBFbXQVBBRCASFCJBpQQipw+RREkpCa9aG95gs0DMOp6Z7TwvvAxnzczaa6/nzDnzVTndfSVDxdE6WgAQBBCAIIAABAEEIAggAEEAQQABCAIIQBBAAIIAAhAEEAQQgCCAAAStGSAbzA/N+wvSiwPmB6or16bkoY2afLN5r+q4l2MfDpr7zetV2z7zYpmOkAHByNSE0IxDOdUSxr2rOjLVNVC2n6z77hsYmtFnbqlzHS0aN+7DouorFZBH+ibGUCrmO+YjdaqhVeNVHIxm1Ve6P/XH5ibzLwfllvn4Ko8d8t90MEIde1RXaU97n6oJCw7KNXPbKo3ZpvwxjAXV8YTrkCx7piPFQ7lsbq/xWO3K62E0qQ4uDKXn5kbzTxe/YO6o0Rgdypc5GI0anyt1p5fm3eYfLn7e3PmfuTuVJ1YYZ5fG5Up9CQ2qSfMu3m3u+secXdo/1rzGGeTWyfIaUrPmXPycuWeFuXq0X6w55R8q4NwLe3PxlXmn+buLnzX3/mWOXm0fK+RrUP4MICvTG/MO86yLnzFfWmbfi9ou1qzyvS7wnAt/+31YTZxx8ZPmq+709c/pcoifcvEZ5Rku+HyTeB4yYt5unnbxE+YbEZSwvK54rGntP5LAXJN5QPXWvNX8zcWPmm9rHmF5zK0P22/T/hlAaqv35i3mKRc/bB7VMtaUIL5LaI7JPcIdVZMnXXyT+zyp7T4kNr8kn6mPqdlfllj/VevHEpxbsi85fNTP1ycX/2zerPUZQOqrcUGp6nNVMMYTnlPyrwFNCMILLScSn0++r7zUSFVdZ6wJ8aIcQBBAAIIAAhAEEIAggAAEAQQBBCAIIABBAAEIAghAEEAQQJLQbwEGAK/reX2gh5gQAAAAAElFTkSuQmCC');\n}\n\nselect,\ninput {\n    color: var(--inputtextColor);\n    padding: 5px 10px;\n    font-size: 0.92rem;\n    font-family: -apple-system, 'Microsoft Yahei', sans-serif, Helvetica, Arial, sans-serif;\n    border: var(--inputBorder);\n    background-color: var(--inputbgColor);\n    transition: color 150ms ease, border-color 150ms ease, opacity 150ms ease;\n    -webkit-transition: color 150ms ease, border-color 150ms ease, opacity 150ms ease;\n    outline-style: none;\n    vertical-align: middle;\n    border-radius: 8px;\n    margin: 3px 3px 3px 0;\n    height: 2.8rem;\n    line-height: 2.8rem;\n    max-width: 550px;\n    }\n}\n\nselect:not([multiple=\"multiple\"]):focus,\ninput:focus {\n    border-color: #948FE1;\n    box-shadow:0 0 6px #948FE1;\n    -webkit-box-shadow:0 0 6px #948FE1;\n    -moz-box-shadow:0 0 6px #948FE1;\n}\n\ninput[type='file'] {\n    border: none; \n    background: none; \n    height: auto;\n    line-height: 1rem;\n}\n\ninput[type='checkbox'] {\n    height: 1.2rem;\n    width: 1.2rem;\n    \n}\ninput[type='radio'] {\n    height: 1.2rem;\n    width: 1.2rem;\n}\n\nselect[multiple=\"multiple\"] {\n    height: auto;\n}\n\ninput[type='text'],input[type='password'] {\n    width: 100%;\n}\ncode {\n    color: #0099CC;\n}\n\nimg[src*=\"/images/logo.png\"]\n    {\n    height: 60px;\n    background-image: var(--logo);\n    background-size: 220px;\n    background-repeat: no-repeat;\n    padding: 0 0 0 250px;\n    width: 0;\n    background-position-x: 10px;\n    background-position-y: 10px;\n    background-color: var(--mainleftbgColor);\n}\n\nabbr {\n    text-decoration: underline;\n    cursor: help;\n}\n\nbr {\n    display: block;\n    margin-bottom: 0.2px;\n    content: '';\n}\n\nhr{\n    margin: 1rem 0;\n    border-color: #EEE;\n    opacity: 0.1;\n}\n\n.cbi-section-table-cell br, #cbi-system br, #cbi-dropbear br, .node-status-routes br {\n    display: none;\n}\n\nheader, .main {\n    width: 100%;\n    position: absolute;\n}\n\nheader {\n    background-color: var(--bgwhite);\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);\n    transition: box-shadow .2s;\n    height: 50px;\n    float: left;\n    position: fixed;\n    z-index: 101;\n}\n\nfooter {\n    text-align: right;\n    padding: 1rem;\n    color: #aaa;\n    font-size: 11px;\n    height: 80px;\n    visibility:hidden;\n    /*text-shadow: 0px 0px 2px #BBB;*/\n}\n\nfooter > a {\n    color: rgb(154,37,143);\n    text-decoration: none;\n}\n\ntext, line {\n    font-family: Verdana !important;\n}\n \n.cbi-button-up,\n.cbi-button-down,\n.cbi-value-helpicon,\n.showSide,\n.main > .loading > span {\n    font-family: 'icomoon' !important;\n    font-size:10px;\n    speak: none;\n    font-style: normal !important;\n    font-weight: normal !important;\n    font-variant: normal !important;\n    text-transform: none !important;\n    line-height: 1;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\ninput.cbi-button.cbi-button-add {\n    /* margin-left: 10px; */\n}\n\n.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {\n    font-family: -apple-system, 'Microsoft Yahei';\n    font-weight: 600;\n    line-height: 1.1;\n    color: inherit;\n    clear:both;\n    text-transform: capitalize;\n}\n\nlabel.zonebadge{\n    border-radius: 5px;\n    padding: 2px 5px 2px 5px !important;\n    background-color: #5bdeae !important;\n    display: inline-block;\n    cursor: pointer;\n    color: #fefefe;\n}\n.zonebadge {\n    background-color: var(--tabmenubgColor) !important;\n    border-radius: 6px;\n    padding: 5px;\n}\n\n.zonebadge em {\n    padding:3px;\n}\n\nsvg {\n    background-color: var(--sectionbgColor);\n}\n\n/* fix p#aliyundrive-webdav_status b */\n\np#aliyundrive-webdav_status b {\n    color: #ff6666 !important;\n    text-transform:capitalize;\n}\n\n/* fix .cbi-section .cbi-section */\n\n.cbi-section .cbi-section {\n    margin: 10px;\n}\n\n/* fix node-services-vssr */\n\n.node-services-vssr .status-bar {\n\tbottom: 50px;\n    display: none;\n}\n\n.node-services-vssr .ssr-button {\n\tmin-width: 30px;\n}\n.node-services-vssr #cbi-vssr .panel-title {\n    padding: 10px 0 10px 10px !important;\n    letter-spacing: 0 !important;\n}\n\n.node-services-vssr .status .block {\n\tborder-radius: 10px !important;\n\tbox-shadow: none !important;\n\tbackground-color: var(--sectionbgColor) !important;\n}\n\n.node-services-vssr button {\n\tborder-radius: 10px !important;\n\t}\n\n#cbi-vssr-servers .cbi-section-table-row {\n    position: relative;\n    margin: 10px !important;\n    padding: 8px 15px 8px 70px;\n    box-shadow: none !important;\n    border-radius: 10px !important;\n    border: 0;\n    color: var(--textColor) !important;\n    text-align: left;\n    line-height: 1.7em;\n    overflow: hidden;\n    letter-spacing: normal;\n\tbackground-color: var(--inputbgColor) !important;\n}\n.cbi-section-table-row.fast {\n    background-color: #add8e6 !important;\n}\n.incon .tp {\n    text-transform: uppercase;\n    color: var(--bg) !important;\n}\n\n/** img retina **/\n\nimg[src*=\"/luci-static/resources/icons/port_up.png\"] {\n    background-image: url(../images/port_up.png);\n    background-size: 32px 32px;\n    height: 32px;\n    padding: 0 0 0 32px;\n    width: 0;\n}\n\nimg[src*=\"/luci-static/resources/icons/ethernet.png\"] {\n    background-image: url(../images/ethernet.png);\n    background-size: 32px 32px;\n    height: 32px;\n    width: 32px;\n    padding: 0 0 0 32px;\n    width: 0;\n}\n\nimg[src*=\"/luci-static/resources/icons/ethernet_disabled.png\"] {\n    background-image: url(../images/ethernet_disabled.png);\n    background-size: 32px 32px;\n    height: 32px;\n    width: 32px;\n    padding: 0 0 0 32px;\n    width: 0;\n}\n#cbi-network-lan-ifname_multi img[src*=\"/luci-static/resources/icons/ethernet.png\"],\n#cbi-network-1-_ifname img[src*=\"/luci-static/resources/icons/ethernet.png\"],\n.ifacebadge img[src*=\"/luci-static/resources/icons/ethernet.png\"]\n {\n    background-size: 16px 16px;\n    height: 16px;\n    width: 16px;\n    padding: 0 0 0 16px;\n}\n#cbi-network-lan-ifname_multi img[src*=\"/luci-static/resources/icons/ethernet_disabled.png\"],\n#cbi-network-1-_ifname img[src*=\"/luci-static/resources/icons/ethernet_disabled.png\"],\n.ifacebadge img[src*=\"/luci-static/resources/icons/ethernet_disabled.png\"]\n {\n    background-size: 16px 16px;\n    height: 16px;\n    width: 16px;\n    padding: 0 0 0 16px;\n}\n\n\nimg[src*=\"/luci-static/resources/icons/loading.gif\"] {\n    background-image: url(../images/loading.gif);\n    background-size: 20px 20px;\n    height: 20px;\n    width: 20px;\n    padding: 0 0 0 20px;\n    width: 0;\n}\n\n\nimg[src*=\"/luci-static/resources/icons/bridge.png\"] {\n    background-image: url(../images/bridge.png);\n    background-size: 16px 16px;\n    height: 16px;\n    width: 16px;\n    padding: 0 0 0 16px;\n    width: 0;\n}\n\n.ifacebox-body img {\n    background-size: 22px 22px;\n    padding: 0 0 0 22px;\n    width:22px !important;\n    height:22px !important;\n    padding: 0 0 0 22px !important;\n}\n.ifacebox-head {\n    background-color: #1096db !important;\n    border-radius: 4px 4px 0 0;\n}\n\n\nimg[src*=\"/luci-static/resources/cbi/add.gif\"] {\n    background-image: url(../images/add.png);\n    background-size: 20px 20px;\n    height: 20px;\n    padding: 0 0 0 20px;\n    width: 0;\n    z-index: 2;\n\n}\nimg[src*=\"/luci-static/resources/cbi/remove.gif\"] {\n    background-image: url(../images/remove.png);\n    background-size: 20px 20px;\n    height: 20px;\n    padding: 0 0 0 20px;\n    width: 0;\n    z-index: 2;\n}\n\nimg[src*=\"/luci-static/resources/cbi/reload.gif\"] {\n    background-image: url(../images/reload.png);\n    background-size: 20px 20px;\n    height: 20px;\n    padding: 0 0 0 20px;\n    width: 0;\n    z-index: 2;\n}\n\n\n.myIcon{\n    font-family: \"neobird\" !important;\n    font-style: normal !important;\n    font-variant: normal !important;\n    text-transform: none !important;\n}\n\n.myIcon-logout:after{\n    content: \"\\e005\";\n}\n\n.myIcon-reboot:after{\n    content: \"\\e02a\";\n}\n\n.myIcon-wifi:after{\n    content: \"\\e00c\";\n}\n\n.main {\n    top: 50px;\n    bottom: 0rem;\n    position: relative;\n    height: 100%;\n    height: calc(100% - 4rem);\n}\n\n.main > .loading {\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    z-index: 1000;\n    display: block;\n    background-color: rgb(240, 240, 240);\n    top: 0;\n}\n\n.main > .loading > span {\n    display: block;\n    text-align: center;\n    margin-top: 2rem;\n    color: #888;\n    font-size: 1rem;\n}\n\n.main > .loading > span > .loading-img:before {\n    content: \"\\e603\";\n}\n\n.main > .loading > span > .loading-img {\n    animation: anim-rotate 2s infinite linear;\n    margin-right: 0.2rem;\n    display: inline-block;\n}\n\n.navbar {\n  overflow: hidden;\n  position: fixed;\n  bottom: 0;\n  width: 100%;\n  border-top: var(--navBorder);\n  text-align: center;\n  height:calc(50px + constant(safe-area-inset-bottom));\n  height:calc(50px + env(safe-area-inset-bottom));\n  background-color: var(--navbgColor);\n    -webkit-backdrop-filter: blur(10px);\n  backdrop-filter: blur(10px);\n}\n\n.navbar a {\n    float: left;\n    text-align: center;\n    padding: 8px 0;\n    width: 20%;\n    text-decoration: none;\n    max-width: 100px;\n}\n\n.cbi-map {\n    margin-top: 10px;\n}\n\n#cbi-shadowsocksr .cbi-map-descr {\n    display: none;\n}\n\n.navbar a img {\n  width: 28px;\n}\n\n@keyframes anim-rotate {\n    0% {\n        -webkit-transform: rotate(0);\n        -ms-transform: rotate(0);\n        transform: rotate(0);\n    }\n    100% {\n        -webkit-transform: rotate(360deg);\n        -ms-transform: rotate(360deg);\n        transform: rotate(360deg)\n    }\n}\n\n\n.main-left {\n    float: left;\n    width: 17rem;\n    background-color: var(--mainleftbgColor);\n    overflow-x: auto;\n    height: calc(100% - 3.5rem);\n    position: fixed;\n    padding-top: 15px;\n}\n\n.main-right {\n    width: 85%;\n    width: calc(100% - 17rem);\n    float: right;\n    height: 100%;\n    border-left: var(--sectionBorder);\n}\n\n.main-right > #maincontent {\n}\n\n.pull-right {\n    position: absolute;\n    top: -2px;\n    right: 30px;\n    cursor: pointer;\n}\n\n.pull-left {\n    float: left;\n}\n\n\nheader > .container {\nmargin:0;\npadding:0;\n}\n\nheader > .container > .brand {\n    font-size: 32px;\n    /*font-weight:bold;*/\n    line-height:60px;\n    /*color: white;*/\n    color:rgb(111,42,142);\n    cursor: default;\n    /*background: #51c291;*/\n    display:block;\n    width:17rem;\n    padding-right: 10px;\n    height:60px;\n    text-align:center;\n    float:left;\n    font-weight:900;\n    letter-spacing:3px;\n}\nheader > .container > a[class=\"brand\"]:after {\n    content:\"鎼达拷\";\n    font-size:14px;\n    font-family:Tahoma;\n    position: absolute;\n    top:-10px;\n    font-weight:normal !important;\n}\n\nheader > .container > .brand-hostname {\n    font-size: 14px;\n    line-height:60px;\n    color: #555555;\n    cursor: default;\n    display:block;\n    width:17rem;\n    padding-right: 10px;\n    height:60px;\n    text-align:left;\n    float:left;\n    margin-top: 7px;\n    font-weight:300;\n    margin-left: -15px;\n}\n\n.warning {\n    background-color: #FF7D60 !important;\n    color: #FFF;\n}\n\n.errorbox,\n.alert-message {\n    margin: 0 0 10px 0;\n    padding: 20px;\n    line-height: 1.5;\n    font-family: inherit;\n    min-width: inherit;\n    overflow: auto;\n    border-radius: 10px;\n    background-color: #FFF;\n}\n\n.errorbox {\n    color: #fff;\n    background-color: #ff6767;\n    border-radius: 10px;\n}\n\n.error {\n    color: red;\n}\np#shadowsocksr_status {\n    padding: 3px;\n}\n\n\n#maincontent > .container > div:nth-child(1).alert-message.warning > a {\n    font: inherit;\n    overflow: visible;\n    text-transform: none;\n    display: inline-block;\n    margin-bottom: 0;\n    font-weight: 400;\n    text-align: center;\n    white-space: nowrap;\n    vertical-align: middle;\n    touch-action: manipulation;\n    cursor: pointer;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    background-image: none;\n    min-width: 6rem;\n    padding: 0.5rem 1rem;\n    font-size: 14px;\n    line-height: 1.42857143;\n    color: #fff;\n    background-color: #5bc0de;\n    border-color: #46b8da;\n    margin-top: 2rem;\n    text-decoration: inherit;\n}\n\n.main > .main-left > .nav {\n    overflow-y: visible !important;\n    font-size: 1rem;\n    width: 90%;\n    margin: auto;\n    margin-bottom: 90px;\n}\n\n.main > .main-left > .nav > li a {\n    color: var(--activeColor);\n    display: block;\n    border-radius: 6px;\n    cursor: pointer;\n    font-weight: bold;\n    font-size: 1.1rem;\n}\n\n/*\n.main > .main-left > .nav > li:nth-last-child(1) {\n    font-size: 11pt;\n    height:40px;\n    padding-top:6px;\n}\n*/\n\n.main > .main-left > .nav > li {\n    cursor: pointer;\n    padding-top:6px;\n}\n\n \n\n.main > .main-left > .nav > .slide {\n    padding: 0;\n    padding-top:8px;\n}\n\n.main > .main-left > .nav > .slide > a:before {\n    display: inline-block;\n    left:-10px;\n    top: 1px;\n    position: relative;\n    font-family: \"neobird\" !important;\n    font-weight: bold !important;\n    text-transform: none !important;\n    speak: none;\n    font-size: 1.2rem !important;\n    -webkit-font-smoothing: antialiased;\n}\n\n\n.main > .main-left > .nav > .slide > a[data-title=\"Status\"]:before {\n    content: \"\\e6b8\";\n}\n\n.main > .main-left > .nav > .slide > a[data-title=\"System\"]:before {\n    content: \"\\e645\";\n}\n\n.main > .main-left > .nav > .slide > a[data-title=\"Services\"]:before {\n    content: \"\\e6cb\";\n}\n\n.main > .main-left > .nav > .slide > a[data-title=\"Docker\"]:before {\n    content: \"\\e676\";\n}\n\n.main > .main-left > .nav > .slide > a[data-title=\"NAS\"]:before {\n    content: \"\\eb04\";\n}\n\n.main > .main-left > .nav > .slide > a[data-title=\"VPN\"]:before {\n    content: \"\\e6fa\";\n}\n\n.main > .main-left > .nav > .slide > a[data-title=\"Network\"]:before {\n    content: \"\\e8f8\";\n}\n\n.main > .main-left > .nav > .slide > a[data-title=\"Bandwidth Monitor\"]:before {\n    content: \"\\e764\";\n}\n\n.main .main-left .nav li.slide .menu[data-title=\"Statistics\"]:before {\n  content: \"\\e604\";\n}\n\n.main .main-left .nav li.slide .menu[data-title=\"Control\"]:before {\n  content: \"\\e67a\";\n}\n\n.main .main-left .nav li.slide .menu[data-title=\"Asterisk\"]:before {\n  content: \"\\e7dd\";\n}\n\n.main > .main-left > .nav > li > a[data-title=\"Logout\"] {\n    padding: 10px 0px 10px 25px\n}\n.main > .main-left > .nav > li > a[data-title=\"Logout\"]:before {\n    content: \"\\e641\";\n}\n\n.main > .main-left > .nav > li > a[data-title=\"Reboot\"] {\n    padding: 6px 25px;\n}\n.main > .main-left > .nav > li > a[data-title=\"Reboot\"]:before {\n    content: \"\\e004\";\n}\n\n.main > .main-left > .nav > .slide > ul {\n    display: none;\n    list-style:dotted;\n}\n\n.main > .main-left > .nav > .slide > .menu {\n    display: block;\n    padding: 10px 25px;\n    text-decoration: none;\n    cursor: pointer;;\n}\n\n.main > .main-left > .nav > li:hover,\n.main > .main-left > .nav > .slide > .menu:hover {\n    background: var(--activeColor);\n    color:white;\n}\n.main > .main-left > .nav > .slide > .menu2:hover {\n    background: var(--activeColor);\n    color:white;\n}\n\n.main > .main-left > .nav > .slide:hover {\n    background: none;\n}\n.slide-menu {\n    overflow:hidden;\n    }\n.main > .main-left > .nav > .slide > .slide-menu > li {\n    margin-top: 8px;\n    border-radius: 6px;\n}\n\n\n\n.main > .main-left > .nav > .slide > .slide-menu > .active {\n    background-color: var(--activeColor);\n}\n\n.main > .main-left > .nav > .slide > .slide-menu > li > a {\n    position: relative;\n    display: block;\n    color: var(--textColor);\n    vertical-align: middle;\n    background:none !important;\n    border: none !important;\n    text-transform: capitalize;\n    font-size: 1rem;\n    padding: 8px 0px 8px 25px;\n}\n.main > .main-left > .nav > .slide > .slide-menu > li > a:after{\n    font-family: \"neobird\" !important;\n    font-style: normal !important;\n    font-variant: normal !important;\n    content: \"\\eb03\";\n    float: right;\n    padding-right: 5px;\n}\n\n.main > .main-left > .nav > .slide > .slide-menu > li > a:hover {\n    color:white;\n}\n\n.main > .main-left > .nav > .slide > .slide-menu > .active > a {\n    color: white;\n}\n\n.main > .main-left > .nav > .slide > .slide-menu > li:hover {\n    background: var(--activeColor);\n    color:white !important;\n}\n\n.main > .main-left > .nav > .slide > .slide-menu > .active:hover {\n    background-color: var(--activeColor);\n    cursor: pointer;\n}\n\n.cbi-tab-descr {\n    padding:10px;\n}\n\nli {\n    list-style-type: none;\n}\n\n#maincontent > .container {\n    margin:30px 30px 50px 30px;\n}\n\nh1 {\n    color: var(--activeColor);\n    font-size: 20px;\n    padding-bottom: 10px;\n    border-bottom: 1px solid #eee;\n}\n\nh2 {\n    color: var(--activeColor);\n    padding: 0 12px 6px 12px;\n    text-transform: capitalize;\n}\n\nh3 {\n    font-size: 1.2rem;\n    color: var(--activeColor);\n    font-weight:bold;\n    padding: 0 12px 10px 12px;\n}\n\nh4 {\n\n}\n\nlabel {\n    display: inline-block;\n    vertical-align: middle;\n}\nfieldset {\n   /* margin: 10px 0 0 0; */\n    padding: 10px;\n    border: 1px;\n    font-weight: normal;\n    font-style: normal;\n    line-height: 1;\n    font-family: inherit;\n    text-align: left;\n    min-width: inherit;\n    overflow-x: auto;\n    overflow-y: hidden;\n    background-color: var(--sectionbgColor);\n    /* box-shadow: var(--sectionShaddow); */\n    -webkit-overflow-scrolling: touch;\n}\n\nfieldset > legend {\n    display: none !important;\n}\n\nfieldset > fieldset {\n    /* margin: 0; */\n    padding: 0;\n    /* border: none; */\n    /* box-shadow: none; */\n}\n\n.panel-title {\n    width: 100%;\n    display: block;\n    padding: 10px;\n    font-weight: bold;\n    font-size: 1rem;\n}\n\ntable {\n    border-spacing: 0;\n    border-collapse: collapse;\n    width: 100%;\n    border: 0px solid #eee;\n}\n\ntable tr th:empty {\n    display: none;\n}\nstrong {\n    font-weight: bold;\n}\n\n#lb_load01_cur,\n#lb_load01_peak,\n#lb_load05_cur,\n#lb_load15_cur{\n    text-align:right !important;\n}\n\n#lb_load01_peak {\n text-align:left !important;\n }\n#lb_load01_cur {\n\n}\n\ntable > tbody > tr > td, table > tbody > tr > th, table > tfoot > tr > td, table > tfoot > tr > th, table > thead > tr > td, table > thead > tr > th {\n    padding: 12px;\n    white-space: nowrap;\n    line-height:1.5;\n    vertical-align: middle !important;\n}\n\ntable > tbody > tr {\n    border-bottom: var(--cbilineColor) !important;\n}\n\ntable > tbody > tr:last-child {\n    border-bottom: none !important;\n}\n\n.cbi-section-table-cell {\n    text-align: center;\n}\n\n.cbi-section-table-row {\n    text-align: center;\n}\n\n.cbi-section-remove{\n    margin-bottom: 2px;\n}\n.cbi-section-remove > input {\n    background-color: #cc0066;\n}\nfieldset > table > tbody > tr:nth-of-type(odd) {\n    background-color: var(--sectionbgColor2);\n}\n\n/* fix progress bar */\n#swaptotal > div,\n#swapfree > div,\n#swapcache > div,\n#memfree > div,\n#membuff > div,\n#conns > div,\n#memcache > div,\n#memtotal > div {\n    width: 100% !important;\n    border-color: var(--progressbarColor) !important;\n    background-color:var(--progressbarColor) !important;\n}\n\n#swaptotal > div > div,\n#swapfree > div > div,\n#swapcache > div > div,\n#memfree > div > div,\n#membuff > div > div,\n#conns > div > div,\n#memcache > div > div,\n#memtotal > div > div {\n    background-color: var(--progressbar) !important;\n    color: var(--progressbartxtColor) !important;\n}\n\n#swaptotal div div,\n#swapfree div  div,\n#swapcache div div,\n#memfree div div,\n#membuff div div,\n#conns div div,\n#memcache div div,\n#memtotal div div {\n    align-items: center;\n    align-content: center;\n    justify-content: center;\n    display: flex;\n}\n\n#swaptotal div div small,\n#swapfree div  div small,\n#swapcache  div div small,\n#memfree div div small,\n#membuff div div small,\n#conns div div small,\n#memcache div div small,\n#memtotal div div small{\n    font-size: 0.75rem !important;\n    line-height: 130%;\n    color: var(--progressbartxtColor) !important;\n}\n\n.cbi-value-field {\n    width: 65%;\n}\n/* fix node-system-admin */\n.node-system-admin .cbi-value-field li div {\n    padding: 0 !important;\n}\n\n.node-system-admin em {\n    padding: 0 !important;\n}\n\n/* fix node-nlbw-display */\n.node-nlbw-display hr {\n    display: none;\n}\n\n.node-nlbw-display p {\n    line-height: 1.5;\n    padding: 0 10px 5px 10px;\n}\n\n\n/* fix node-network-network */\n\n#cbi-network-lan-__status table {\n    width: auto;\n}\n\n#cbi-network-lan-__status table td {\n    width: 0;\n    padding: 0;\n\n}\n#cbi-network-lan-__status table td small {\n    font-size: 11px;\n    white-space: nowrap;\n}\n\n\n/* fix node-status-routes */\n\n.node-status-routes .cbi-section-node{\n    max-height: 500px;\n    overflow-y: auto;\n    overflow-x: hidden;\n}\n\n/* fix multiple table */\n\ntable table {\n    border: none;\n}\n\n.cbi-value-field table {\n    border: none;\n}\n.cbi-value-field label {\n    padding: 0 ;\n}\ntd > table > tbody > tr > td {\n    border: none;\n}\n\n.cbi-value-field > table > tbody > tr > td {\n    border: none;\n}\n\ndiv#container\\.nlbw\\.traffic {\n    overflow: auto;\n}\n\ntd#__status-ifc-signal {\n    width: 60px !important;\n}\n\ntd#__status-ifc-signal img[src*=\"/luci-static/resources/icons/bridge.png\"] {\n    background-image: url(../images/bridge.png);\n    background-size: 32px 32px;\n    height: 32px !important;\n    width: 32px !important;\n    padding: 0 0 0 32px;\n    width: 0;\n}\n\n/* button style */\n\n.cbi-button {\n    -webkit-appearance: none;\n    text-transform: uppercase;\n    color: #fff;\n    background-color: #337ab7;\n    transition: all 0.2s ease-in-out;\n    display: inline-block;\n    border: none;\n    cursor: pointer;\n    -ms-touch-action: manipulation;\n    touch-action: manipulation;\n    background-image: none;\n    text-align: center;\n    white-space: nowrap;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    width: auto !important;\n    min-width: 80px;\n    padding: 0px 8px 0px 8px;\n    max-width: 160px;\n    height: 35px;\n    line-height: 35px;\n}\n\n.cbi-button:hover,\n.cbi-button:focus,\n.cbi-button:active {\n    color: #fff;\n    outline: 0;\n    text-decoration: none;\n    background-color: rgb(106,101,214);\n}\n\n.cbi-button:hover,\n.cbi-button:focus {\n    box-shadow: 0 1px 1px rgba(0,0,0,.05);\n}\n\n.cbi-button:active {\n    box-shadow: 0 1px 1px rgba(0,0,0,.05);\n}\n\n.cbi-button:disabled {\n    cursor: not-allowed;\n    pointer-events: none;\n    opacity: 0.60;\n    box-shadow: none;\n}\n\nform.inline + form.inline,\n.cbi-button + .cbi-button {\n}\n\n.cbi-button-reset,\n.cbi-input-remove {\n    color: #fff !important;\n    background-color: #617486 !important;\n}\n\n.cbi-button-reset:hover,\n.cbi-input-remove:hover,\n.cbi-button-remove:hover{\n    color: #fff !important;\n    background-color: rgb(83,100,115) !important;\n}\n\n.cbi-button-link,\n.cbi-input-find,\n.cbi-input-save,\n.cbi-button-add,\n.cbi-button-save,\n.cbi-button-find,\n.cbi-input-reload,\n.cbi-button-reload {\n    color: var(--bttextColor);\n    background-color: rgb(0,171,232) !important;\n    border-color: rgb(0,171,232) !important;\n}\n\n.cbi-button-link:hover,\n.cbi-input-find:hover,\n.cbi-input-save:hover,\n.cbi-button-add:hover,\n.cbi-button-save:hover,\n.cbi-button-find:hover,\n.cbi-input-reload:hover,\n.cbi-button-reload:hover{\n    color: #fff !important;\n    background-color: #337ab7 !important;\n    border-color: #337ab7 !important;\n}\n\n.cbi-input-apply,\n.cbi-button-apply,\n.cbi-button-edit {\n    color: #fff !important;\n    background-color: var(--activeColor);\n}\n\n.cbi-input-reset,\n.cbi-button-remove {\n    color: #fff !important;\n    background: #617486;\n}\n\n\n.a-to-btn {\n    text-decoration: none;\n}\n\n/* table */\n\n.tabs {\n    margin: 15px 0;\n    overflow-x: auto;\n}\n\n.cbi-tabmenu > li,\n.tabs > li {\n    display: table-cell;\n}\n\n.cbi-tabmenu > li {\n    border-radius: var(--tabmenuRadius);\n}\n\n.tabs > li > a {\n    text-decoration: none;\n    padding: 0 6px 0 6px;\n    float: left;\n    display: block;\n    white-space: nowrap;\n    height: 2.5rem;\n    line-height: 2.5rem;\n    font-size: 0.92rem;\n}\n\n.cbi-tabmenu > li > a {\n    text-decoration: none;\n    float: left;\n    display: block;\n    white-space: nowrap;\n    height: 2.5rem;\n    line-height: 2.5rem;\n    font-size: 0.92rem;\n    margin: 0 10px;\n}\n\n.tabs > li[class~=\"active\"],\n.tabs > li:hover{\n    cursor: pointer;\n\n}\n\n.tabs > li[class~=\"active\"] > a {\n    color: var(--activeColor) !important;\n    padding-bottom: 8px;\n    border-bottom: var(--activeColor) 2px solid;\n}\n\n.tabs > li:hover {\n    /*border-bottom: 0.18751rem solid rgb(133,129,216);*/\n}\n\n.cbi-tabmenu {\n    border-top: var(--sectiontabBorder);\n    border-left: var(--tabmenuBorderLR);\n    border-right: var(--tabmenuBorderLR);\n    border-bottom: var(--tabmenuBottom);\n    background-color: var(--tabmenubgColor);\n    width: 100%;\n    overflow-x: auto;\n    margin-top: 5px;\n    margin-bottom: 10px;\n}\n\n.cbi-tabmenu > li:hover {\n    background-color: none;\n}\n\n.cbi-tabmenu > li[class~=\"cbi-tab\"] {\n    background-color: none;\n}\n\n.cbi-tabmenu > li[class~=\"cbi-tab\"] a {\n    color: var(--activeColor) ;\n    border-bottom: 2px solid var(--activeColor);\n}\n\n.cbi-section-node-tabbed {\n    margin-top: 0;\n    border-bottom: var(--sectiontabBorder);\n    border-left: var(--sectiontabBorder);\n    border-right: var(--sectiontabBorder);\n    border-radius: 0 0;\n}\n\n\n.cbi-tabcontainer {\n    clear:both;\n}\n.cbi-tabcontainer > .cbi-value:nth-of-type(2n) {\n    background-color: var(--sectionbgColor2);\n}\n\n.cbi-section-node > .cbi-value:nth-of-type(2n) {\n    background-color: var(--sectionbgColor2);\n}\ndiv > .cbi-value:nth-of-type(2n) {\n    background-color: var(--sectionbgColor2);\n}\n\n.cbi-value-field,\n.cbi-value-description {\n    display: table-cell;\n}\n\n.cbi-value-field {\n    /* padding: 10px 10px 10px 0; */\n}\n\n.cbi-value-helpicon > img {\n    display: none;\n}\n\n.cbi-value-helpicon:before {\n    content: \"\\f059\";\n}\n\n.cbi-value-description {\n    opacity: 0.6;\n    padding-left: 4px;\n}\n\n.cbi-value-title {\n    word-wrap: break-word;\n    display: table-cell;\n    width: 35%;\n    float: left; \n    padding: 13px 10px 5px 3px;\n}\n\n.cbi-value {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    align-content: center;\n    justify-content: flex-start;\n    min-height: 40px;\n    padding: 8px 10px;\n    flex-flow:row wrap;\n    border-bottom: var(--cbilineColor);\n}\n\n.cbi-value:last-child {\n    border-bottom: none;\n}\n\n.cbi-value strong {\n    font-weight: normal;\n}\n\n.cbi-section-table-descr > .cbi-section-table-cell,\n.cbi-section-table-titles > .cbi-section-table-cell {\n    border: none;\n}\n\n.cbi-rowstyle-2 {\n    background-color: var(--sectionbgColor2);\n}\n\n.cbi-rowstyle-2 .cbi-button-up,\n.cbi-rowstyle-2 .cbi-button-down{\n}\n\n.cbi-section-table .cbi-section-table-titles .cbi-section-table-cell {\n    width: auto !important;\n}\n.cbi-section-table tr .cbi-value-field {\n    text-align: center ;\n    width: 20% !important;\n    padding: 10px !important;\n}\n.cbi-section-table tr .cbi-value-field input {\n    width: auto;\n}\n.cbi-section-table tr .cbi-value-field .ifacebox {\n    margin: auto;\n    width: fit-content;\n    min-width: 60px;\n}\n\n/* desc */\n.cbi-section-descr {\n    padding: 3px 10px;\n}\n\n.cbi-map-descr {\n    padding: 5px 5px 5px 12px;\n}\n\n.cbi-map-descr h3 {\n    font-size: 0.92rem;\n    font-weight: normal;\n    color: #666;\n}\n\n#cbi-vsftpd .cbi-map-descr {\n    color: var(--activeColor);\n    padding: 0 12px 0px 12px;\n    font-size: 1.2rem;\n    font-weight: bold;\n}\n\n\n/* luci */\n\n.hidden {\n    display: none\n}\n\n.left {\n    text-align: left !important;\n}\n\n.right {\n    text-align: right !important;\n}\n\n.right .cbi-button {\n    height: 20px;\n    line-height: 20px;\n    min-width: 60px;\n    padding: 0;\n    margin: 0;\n}\n\n.inline {\n    display: inline;\n}\n\n.cbi-page-actions {\n    text-align: center;\n}\n\n/* input */\n.cbi-value input[type=\"password\"],\n.cbi-value input[type=\"text\"] {\n\n}\n\n/* select */\n\n\n.ifacebadge {\n    display: inline-flex;\n    padding: 5px;\n    background-color: var(--badgebgColor);\n    align-content: center;\n    align-items: center;\n    border-radius: 5px;\n    border: var(--badgeBorder);\n    color: rgb(132,119,116);\n}\n\n#content_syslog {\n    padding: 5px;\n    margin-top:10px;\n    border-radius: 10px;\n    background-color: var(--sectionbgColor);\n    box-shadow: 3px 3px 3px rgb(0 0 0 / 5%);\n}\n\n.ifacebadge > img {\n    float: right;\n    margin-left: 0.3rem;\n}\n\nimg.cbi-image-button {\n        vertical-align: middle;\n\n}\n\nfieldset.cbi-section{\n    border: var(--sectionBorder);\n    margin-bottom: 20px;\n    border-radius: 10px;\n    margin-top: 5px;\n}\n\n/*textarea*/\n\n.cbi-input-textarea, textarea {\n    color: var(--inputtextColor);\n    padding: 10px;\n    line-height: normal;\n    border: var(--sectionBorder);\n    background-color: var(--inputbgColor);\n    transition: color 150ms ease, border-color 150ms ease, opacity 150ms ease;\n    -webkit-transition: color 150ms ease, border-color 150ms ease, opacity 150ms ease;\n    outline-style: none;\n    vertical-align: baseline;\n    border-radius: 10px;\n    font-family: Menlo, Mono;\n    font-size: 0.9rem;\n    white-space: pre;\n    margin-bottom: 5px;\n}\n\n#syslog {\n    width: 100%;\n    min-height: 15rem;\n    padding: 10px;\n    margin-bottom: 20px;\n    border-radius: 0;\n    background-color: var(--sectionbgColor);\n    border: none;\n}\n\n/* change */\n#wan4_i, #wan6_i {\nwidth:50px !important;\n}\n\n.uci-change-list {\n    font-family: monospace;\n}\n\n.uci-change-list ins,\n.uci-change-legend-label ins {\n    text-decoration: none;\n    border: 1px solid #00FF00;\n    background-color: #CCFFCC;\n    display: block;\n    padding: 2px;\n}\n\n.uci-change-list del,\n.uci-change-legend-label del {\n    text-decoration: none;\n    border: 1px solid #FF0000;\n    background-color: #FFCCCC;\n    display: block;\n    font-style: normal;\n    padding: 2px;\n}\n\n.uci-change-list var,\n.uci-change-legend-label var {\n    text-decoration: none;\n    border: 1px solid #CCCCCC;\n    background-color: #EEEEEE;\n    display: block;\n    font-style: normal;\n    padding: 2px;\n}\n\n.uci-change-list var ins,\n.uci-change-list var del {\n    border: none;\n    white-space: pre;\n    font-style: normal;\n    padding: 0px;\n}\n\n.uci-change-legend {\n    padding: 5px;\n}\n\n.uci-change-legend-label {\n    width: 150px;\n    float: left;\n    display: flex;\n    /* align-content: center; */\n    align-items: center;\n}\n\n.uci-change-legend-label > ins,\n.uci-change-legend-label > del,\n.uci-change-legend-label > var {\n    float: left;\n    margin-right: 4px;\n    width: 10px;\n    height: 10px;\n    display: block;\n}\n\n.uci-change-legend-label var ins,\n.uci-change-legend-label var del {\n    border: none;\n    height: 10px;\n    width: 10px;\n}\n\n.uci-change-list var,\n.uci-change-list del,\n.uci-change-list ins {\n    padding: 0.5rem;\n}\n\n/* other fix */\n#iwsvg,\n#iwsvg2,\n#bwsvg {\n    border: var(--sectionBorder) !important;\n    font-family: -apple-system;\n    background: none !important;\n}\n\n.ifacebox {\n    border: #1096db 1px solid;\n    border-radius: 5px;\n    font-size:0.92rem;\n    font-weight:normal;\n}\n.ifacebox-head {\n    color:#fff;\n}\n.ifacebox-body small {\n    font-size:0.8rem !important;\n}\n\n.ifacebox-body strong {\n    color:#f7f7f7;\n    font-size: 0px !important;\n}\n\n.cbi-image-button {\n\n}\n\n\n.zonebadge > .ifacebadge {\n    padding: 3px 5px;\n    margin: 5px;\n}\n\n.zonebadge > input[type=\"text\"] {\n    padding: 0.16rem 1rem;\n    min-width: 10rem;\n    margin-top: 0.3rem;\n}\n\n.cbi-value-field .cbi-input-checkbox,\n.cbi-value-field .cbi-input-radio {\n    vertical-align: middle;\n}\n\n.cbi-section-table-row > .cbi-value-field .cbi-input-select {\n    min-width: 7rem;\n}\n\n.cbi-section-create {\n    padding: 0 10px;\n}\n.cbi-section-create > .cbi-button-add {\n    margin: 10px 0 10px 0\n}\n\ndiv.cbi-value var, td.cbi-value-field var {\n    font-style: italic;\n    color: #0069D6;\n}\n\nsmall {\n    font-size: small;\n    font-weight: normal !important;\n    white-space: normal;\n}\n\n.cbi-button-up,\n.cbi-button-down {\n    display: inline-block;\n    min-width: 0;\n    font-size: 0.9rem;\n}\n\n.cbi-optionals {\n    padding: 1rem 1rem 0 1rem;\n    border-top: 1px solid #CCC;\n}\n\n#diag-rc-output > pre {\n    display: block;\n    padding: 10px;\n    line-height: 1.5rem;\n    -moz-border-radius: 3px;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    color: #76838f;\n}\n\ninput[name=\"ping\"],\ninput[name=\"traceroute\"],\ninput[name=\"nslookup\"] {\n    width: 80%;\n}\n\ntable.cbi-section-table select {\n    width: auto !important;\n}\n\nheader > .container > .pull-right > * {\n\n}\n\n#xhr_poll_status > .label.success {\n    padding: 3px 10px;\n    border-radius: 20px;\n}\n\n#xhr_poll_status_off {\n    padding: 3px 10px;\n    border-radius: 20px;\n}\n\n.label {\n    padding: 0 3px 0 3px;\n    white-space: nowrap;\n    border-radius: 3px;\n    position: absolute;\n    right: 5px;\n    top: 15px;\n    line-height: 150%;\n}\n\n.notice {\n    background-color: var(--activeColor);\n    color: #fff;\n    font-size: 0.8rem;\n    padding: 3px 10px;\n    border-radius: 20px;\n    z-index: 10;\n}\n\n#refresh_on, #refresh_off {\n    font-size: 1.5rem;\n    font-family: neobird;\n}\n\n#refresh_on {\n    color: var(--activeColor);\n}\n#refresh_off {\n    color: var(--progressbarColor);\n}\n\n.darkMask {\n    width: 100%;\n    height: 100%;\n    position: fixed;\n    background-color: rgba(0, 0, 0, 0.56);\n    content: \"\";\n    z-index: 99;\n    display: none;\n}\n\n/* fix Main Login*/\n\n.node-main-login {\n    text-align: center;\n    background-color: var(--bgwhite) !important;\n}\n.node-main-login .cbi-section-node > .cbi-value:nth-of-type(2n) {\n    background: none;\n}\n.node-main-login h2 {\n    font-size: 1.5rem;\n}\n\n.node-main-login header {\n    display: none;\n}\n.node-main-login > .main > .main-left {\n    display: none;\n}\n\n.node-main-login > .main > .main-right {\n    width: 100%;\n}\n\n.node-main-login > .main fieldset {\n    padding: 0px !important;\n    margin-bottom: 1rem;\n    display: inline;\n    background: none;\n    border: none;\n    box-shadow: none;\n    overflow: hidden;\n}\n\n.node-main-login > .main fieldset .cbi-value-title {\n    display: none !important;\n}\n\n.node-main-login > .main .cbi-section {\n    margin-top: 10px !important;\n}\n\n.node-main-login > .main .cbi-map {\n}\n\n.node-main-login > .main fieldset .cbi-value {\n}\n\n.node-main-login > .main fieldset .cbi-value-title {\n    padding: 10px 0 10px 5px !important;\n}\n\n.node-main-login > .main .cbi-value {\n    border: none;\n}\n\n.node-main-login > .main .cbi-value-title {\n    width: 7rem;\n}\n\n.node-main-login > .main #maincontent {\n    display: flex;\n    height: 100%;\n    text-align: center;\n    align-items: center;\n    align-content: center;\n    justify-content: center;\n}\n\n.node-main-login > .main .container {\n    background-image: var(--logo);\n    background-repeat: no-repeat;\n    background-size: 300px auto;\n    width: 300px;\n    padding: 80px 0 0 0;\n}\n\n.node-main-login > .main form > div:nth-last-child(1) {\n}\n\n\n.node-main-login > .main .cbi-value > * {\n    display: inline-block !important;\n}\n\n.node-main-login > .main .cbi-input-user,\n.node-main-login > .main .cbi-input-password {\n    min-width: 15rem;\n}\n\n.node-main-login footer {\n    bottom: 0;\n    position: absolute;\n    width: 100%;\n}\n\n/* fix node-services-shadowsocksr */\n\n.node-services-shadowsocksr .cbi-input-textarea,\n.node-nlbw-config .cbi-input-textarea {\n    /* margin: 10px; */\n}\n\n.node-services-shadowsocksr #cbi-logview .cbi-section {\n    padding: 0;\n}\n\n/* fix node-network-diagnostics */\n.node-network-diagnostics .cbi-section {\n    border-radius: 10px;\n}\n\n\n/* fix status overview */\n\n.node-status-overview > .main fieldset:nth-child(4) td:nth-child(2) {\n    white-space: normal;\n}\n\n/* fix status processes */\n\n.node-status-processes > .main table tr td:nth-child(3) {\n    white-space: normal;\n}\n\n.cbi-map fieldset h3 {\n }\n\n.cbi-map fieldset ul li {\n    margin-right:0 !important;\n}\n/* fix system reboot */\n\n.node-system-reboot > .main > .main-right p,\n.node-system-reboot > .main > .main-right h3 {\n    margin-left: 12px;\n}\n\n.node-system-reboot #maincontent {\n}\n\n/* fix Services  Network Shares*/\n.node-services-samba > .main .cbi-tabcontainer:nth-child(3) .cbi-value-title {\n    margin-bottom: 1rem;\n}\n\n.node-services-samba > .main .cbi-tabcontainer:nth-child(3) .cbi-value-field {\n    display: list-item;\n}\n\n.node-services-samba > .main .cbi-tabcontainer:nth-child(3) .cbi-value-description {\n    padding-top: 1rem;\n    line-height:150%;\n}\n\n/* fix System Software*/\n.node-system-packages > .main table tr td:nth-child(1) {\n    width: auto !important;\n}\n\n.node-system-packages .cbi-section-node .cbi-value-last {\n    /* padding: 8px 12px; */\n}\n\n.node-system-packages .cbi-section-node .cbi-value-last > div  {\n    border: none !important;\n}\n\n\n\n.node-system-packages .cbi-section-node .cbi-value-last > div > div  {\n    border: none !important;\n}\n\n.node-system-packages .cbi-section-node .cbi-value-last:nth-last-child(1)  {\n    padding: auto;\n}\n\n.node-system-packages > .main table tr td:nth-last-child(1) {\n    white-space: normal;\n    font-size: small;\n    color: #76838f;\n}\n\n.node-system-packages > .main .cbi-value > pre {\n    background-color: var(--inputbgColor);\n    padding: 10px;\n    overflow: auto;\n    border: var(--inputBorder);\n    border-radius: 10px;\n}\n\n.node-system-packages #cbi-distfeedconf .cbi-section,\n.node-system-packages #cbi-customfeedconf .cbi-section {\n    border-radius: 10px;\n}\n\n.node-system-packages .cbi-value-field {\n    width: 58%;\n}\n\n#container\\.nlbw\\.traffic, #container\\.nlbw\\.layer7, #container\\.nlbw\\.ipv6, #container\\.nlbw\\.export {\n    margin-top: 0;\n    margin-top: 0;\n    padding: 10px;\n    text-align: center;\n    border-bottom: var(--sectionBorder);\n    border-left: var(--sectionBorder);\n    border-right: var(--sectionBorder);\n    background-color: var(--sectionbgColor);\n    border-radius: 10px;\n}\n\n#container\\.nlbw\\.export ul li {\n\n    padding: 5px;\n    width: 150px;\n    margin: 10px;\n    border-radius: 5px;\n    border: #ccc 1px solid;\n\n}\n\n#container\\.nlbw\\.traffic table, \n#container\\.nlbw\\.layer7 table, \n#container\\.nlbw\\.ipv6 table, \n#container\\.nlbw\\.export table {\n    border: #ccc 1px solid;\n}\n\n#container\\.nlbw\\.traffic th, \n#container\\.nlbw\\.traffic td, \n#container\\.nlbw\\.layer7 th, \n#container\\.nlbw\\.layer7 td,  \n#container\\.nlbw\\.ipv6 th,\n#container\\.nlbw\\.ipv6 td, \n#container\\.nlbw\\.export th, \n#container\\.nlbw\\.export td, \n {\n    padding: 3px;\n    border-top: none;\n    border-left: #ccc 1px solid;\n    border-right: #ccc 1px solid;\n    border-bottom: #ccc 1px solid;\n}\n\n.cbi-tabmenu + .cbi-section ul {\n    text-align: left;\n}\n\n/* fix network firewall*/\n.node-network-firewall > .main .cbi-section-table-row > .cbi-value-field .cbi-input-select {\n    min-width: 4rem;\n}\n\n.node-status-iptables > .main div > .cbi-map > form {\n    position: static !important;\n    margin: 10px 0 20px 0;\n    padding: 12px;\n    border: 0;\n    font-weight: normal;\n    font-style: normal;\n    line-height: 1;\n    font-family: inherit;\n    min-width: inherit;\n    overflow-x: auto;\n    overflow-y: hidden;\n    box-shadow: 3px 3px 3px rgb(0 0 0 / 5%);\n    border-radius: 10px;\n    background-color: var(--bgwhite);\n    -webkit-overflow-scrolling: touch;\n}\n\n\n\n/** fix system packages \n.node-system-packages .cbi-section {\n    border-radius: 0 0 10px 10px;\n}\n\n\n#cbi-ipkgconf .cbi-section {\n    border-radius: 0 0 10px 10px;\n}\n\n**/\n\n\n.node-system-flashops fieldset fieldset {\n    border: none;\n}\n.node-system-flashops br {\n    display: none;\n}\n\n.node-system-flashops .cbi-section {\n    padding: 0;\n}\n.node-system-flashops .cbi-section-descr {\n    padding: 12px;\n    line-height: 1.5;\n    border-radius: 6px;\n    /* border: var(--sectiontabBorder);\n    background-color: var(--sectionbgColor2); */\n}\n\n\n.node-status-iptables .cbi-tabmenu,\n.node-system-packages .cbi-tabmenu,\n.node-system-flashops .cbi-tabmenu {\n   /* border: none; **/\n}\n\n#cbi-firewall-redirect table *,\n#cbi-network-switch_vlan table *,\n#cbi-firewall-zone table *{\n    font-size: small;\n}\n\n#cbi-firewall-redirect table input[type=\"text\"],\n#cbi-network-switch_vlan table input[type=\"text\"],\n#cbi-firewall-zone table input[type=\"text\"]{\n    width: 5rem;\n}\n\n#cbi-firewall-redirect table select,\n#cbi-network-switch_vlan table select,\n#cbi-firewall-zone table select{\n    min-width: 3.5rem;\n}\n\n/** fix node-status-realtime **/\n\n.node-status-realtime table > tbody > tr > td {\n    text-align: left !important;\n    padding: 10px 3px 10px 3px;\n}\n\n.node-status-realtime table  {\n    table-layout: auto !important;\n}\n\n\nselect#cbi\\.combobox\\.cbid\\.shadowsocksr\\.cfg013fd6\\.tunnel_forward {\n    overflow: hidden;\n\n}\n\n/* language fix */\nbody.lang_pl.node-main-login .cbi-value-title {\n    width: 12rem;\n}\n\n@media screen and (max-width: 1280px) {\n    header {\n        /*height: 3.5rem;*/\n    }\n\n    header > .container {\n        /*margin-top: 0.25rem;*/\n    }\n\n    .main {\n        height: calc(100% - 3.5rem);\n    }\n\n    .main-left {\n        width: calc(0% + 17rem);\n        top: 50px;\n    }\n\n    .main-right {\n        width: calc(100% - 17rem);\n    }\n\n\n    table {\n        font-size: 0.9rem !important;\n        width: 100% !important;\n    }\n\n    .main > .main-left > .nav > li,\n    .main > .main-left > .nav > li a,\n    .main > .main-left > .nav > .slide > .menu {\n        font-size: 1.1rem;\n    }\n\n    .main > .main-left > .nav > .slide > .slide-menu > li > a {\n        font-size: 1rem;\n        text-transform: capitalize;\n    }\n\n    img[src*=\"/luci-static/resources/cbi/add.gif\"] {\n        right: 70px;\n        display: block;\n        position: absolute;\n        margin-top: -34px;\n    }\n    img[src*=\"/luci-static/resources/cbi/remove.gif\"] {\n        right: 70px;\n        display: block;\n        position: absolute;\n        margin-top: -34px;\n    }\n\n    img[src*=\"/luci-static/resources/cbi/reload.gif\"] {\n        right: 70px;\n        display: block;\n        position: absolute;\n        margin-top: -34px;\n    }\n}\n\n@media screen and (max-width: 992px) {\n\n    img[src*=\"/images/logo.png\"] {\n    background-color: var(--mainleftbgColor);\n    height: 50px;\n    background-image: var(--mlogo);\n    background-size: 310px;\n    background-repeat: no-repeat;\n    padding: 0 0 0 310px;\n    width: 0;\n    margin: 0;\n    background-position: 0;\n    }\n\n    .main-left {\n        width: 0;\n        position: fixed;\n        z-index: 100;\n    }\n\n    .main-right {\n        width: 100%;\n    }\n\n    .showSide {\n        margin: 0;\n        padding: 0;\n        display: inline-block;\n        position: absolute;\n        width: 300px;\n        height: 50px;\n    }\n\n    .showSide:before {\n        content: \"\\e20e\";\n        font-size: 1.7rem;\n        display: none;\n    }\n\n    .node-main-login .showSide {\n        display: none !important;\n    }\n\n    .cbi-value-title {\n        width:35%;\n    }\n\n    .node-network-diagnostics > .main .cbi-map fieldset > div * {\n        width: 100% !important;\n    }\n\n    .node-network-diagnostics > .main .cbi-map fieldset > div input[type=\"text\"] {\n    }\n\n    .node-network-diagnostics > .main .cbi-map fieldset > div:nth-child(4) input[type=\"text\"] {\n        margin: 0 !important;\n    }\n\n    .node-network-diagnostics > .main .cbi-map fieldset > div select,\n    .node-network-diagnostics > .main .cbi-map fieldset > div input[type=\"button\"] {\n        margin: 1rem 0 0 0;\n    }\n\n    .node-network-diagnostics > .main .cbi-map fieldset > div {\n        width: 100% !important;\n    }\n\n    .node-main-login > .main .cbi-value-title {\n        text-align: left;\n    }\n\n    img[src*=\"/luci-static/resources/cbi/add.gif\"] {\n        right: 70px;\n        display: block;\n        position: absolute;\n        margin-top: -34px;\n    }\n    img[src*=\"/luci-static/resources/cbi/remove.gif\"] {\n        right: 70px;\n        display: block;\n        position: absolute;\n        margin-top: -34px;\n    }\n\n    img[src*=\"/luci-static/resources/cbi/reload.gif\"] {\n        right: 70px;\n        display: block;\n        position: absolute;\n        margin-top: -34px;\n    }\n}\n\n@media screen and (max-width: 480px) {\n\n    fieldset {\n    /* overflow-x: auto; */\n    }\n\n    select {\n        width: 100%;\n    }\n    .label {\n        position: absolute;\n        right: 5px;\n        top: -70px;\n    }\n\n    header {\n        height: 45px;\n    }\n\n    h3 {\n        padding: 0 10px 10px 10px;\n    }\n\n    img[src*=\"/images/logo.png\"]\n    {    \n    height: 45px;\n    background-image: var(--mlogo);\n    background-size: 310px;\n    background-repeat: no-repeat;\n    padding: 0 0 0 310px;\n    width: 0;\n    margin: 0;\n    background-position: 0;\n    }\n\n    .showSide {\n        height: 45px;\n    }\n\n    #maincontent > .container {\n        margin: 20px 20px;\n    }\n\n    .main {\n        top: 45px;\n    }\n\n    .main-left{\n        top: 45px;\n    }\n    .main > .main-left > .nav > .slide > .menu {\n    }\n\n    .main > .main-left > .nav > .slide > .slide-menu > li > a {\n    }\n\n    .cbi-value {\n    margin-bottom: 20px;\n    display: table;\n    padding: 0px;\n    border-bottom: none;\n    }\n\n    .cbi-value-title {\n        width: 100%;\n        font-weight: 700;\n        float: left;\n        padding: 0;\n        margin: 0;\n        margin-bottom: .25rem;\n    }\n    \n    .cbi-section-node {\n        padding: 10px !important;\n    }\n\t\n    .cbi-value-description {\n        width: 100%;\n        display: block;\n    }\n\n    .cbi-value > .cbi-value-field {\n        display: block;\n        float: left;\n        width: 100%;\n    }\n    img[src*=\"/luci-static/resources/cbi/add.gif\"] {\n        right: 45px;\n        display: block;\n        position: absolute;\n        margin-top: -34px;\n    }\n    img[src*=\"/luci-static/resources/cbi/remove.gif\"] {\n        right: 45px;\n        display: block;\n        position: absolute;\n        margin-top: -34px;\n    }\n\n    img[src*=\"/luci-static/resources/cbi/reload.gif\"] {\n        right: 45px;\n        display: block;\n        position: absolute;\n        margin-top: -34px;\n    }\n    .cbi-section-node > .cbi-value:nth-of-type(2n) {\n        background-color: var(--sectionbgColor);\n    }\n\n    .cbi-tabcontainer > .cbi-value:nth-of-type(2n) {\n        background-color: var(--sectionbgColor);\n    }\n\n    div > .cbi-value:nth-of-type(2n) {\n        background-color: var(--sectionbgColor);\n    }\n\n    .node-main-login > .main .cbi-value {\n        padding: 0;\n    }\n\n    .node-main-login > .main form > div:nth-last-child(1) {\n        margin-top: 2rem;\n    }\n\n    .node-main-login > .main fieldset {\n        margin: 0;\n        padding: 0.5rem;\n    }\n\n    #container\\.network\\.lan\\.physical .cbi-value-title,\n    #cbi-network-1-_ifname .cbi-value-title\n    {\n        width: 35%;\n    }\n    #cbi-network-1-_ifname .cbi-value-field\n    {\n        width: 65%;\n    }\n\n\n    h2 {\n        font-size: 1.2rem;\n        text-transform: capitalize;\n    }\n\n    select,\n    input {\n        /* max-width: 200px; */\n    }\n\n    input[type='checkbox'] {\n    height: 1.2rem !important;\n    width: 1.2rem !important;\n    }\n\n    #swaptotal div div small,\n    #swapfree div  div small,\n    #swapcache  div div small,\n    #memfree div div small,\n    #membuff div div small,\n    #conns div div small,\n    #memcache div div small,\n    #memtotal div div small{\n    }\n    #swaptotal div div,\n    #swapfree div  div,\n    #swapcache  div div,\n    #memfree div div,\n    #membuff div div,\n    #conns div div,\n    #memcache div div,\n    #memtotal div div{\n    }\n   \n\n    .node-status-iptables > .main div > .cbi-map > form input[type=\"submit\"]{\n        margin: 0;\n    }\n\n    #cbi-samba-cfg010f89-_tmpl .cbi-value-title,\n     {\n        width: 15%;\n\n    }\n     #cbi-samba-cfg010f89-_tmpl .cbi-value-field,\n\n      {\n        width: 95%;        \n    }\n}\n\n@media screen and (max-width: 700px) {\n\n    #cbi-vssr-servers .cbi-button-add {\n        position: static !important; \n        width: auto !important; \n        height: 2rem !important;\n        line-height: 2rem !important;\n        color: #fff; \n        display: block; \n        padding: 0 !important;\n        font-size: 0.92rem;\n        border-radius: 10px !important;\n        box-shadow: none ;\n        background-image: none;\n    }\n\t#cbi-vssr-servers .cbi-section-table-row {\n\t\tmargin:10px 0 !important;\n\t}\n    #cbi-vssr-servers .p-in5 {\n        padding-bottom: 10px !important;\n        margin: 0 !important;\n    }\n\n    #cbi-vssr-servers .cbi-page-actions {\n        padding-bottom: 10px !important;\n    }\n}\n"
  },
  {
    "path": "htdocs/luci-static/neobird/js/script.js",
    "content": "/**\n *  Material is a clean HTML5 theme for LuCI. It is based on luci-theme-bootstrap and MUI\n *\n *  luci-theme-material\n *      Copyright 2015 Lutty Yang <lutty@wcan.in>\n *\n *  Have a bug? Please create an issue here on GitHub!\n *      https://github.com/LuttyYang/luci-theme-material/issues\n *\n *  luci-theme-bootstrap:\n *      Copyright 2008 Steven Barth <steven@midlink.org>\n *      Copyright 2008 Jo-Philipp Wich <jow@openwrt.org>\n *      Copyright 2012 David Menting <david@nut-bolt.nl>\n *\n *  MUI:\n *      https://github.com/muicss/mui\n *\n *  Licensed to the public under the Apache License 2.0\n */\n(function ($) {\n    $(\".main > .loading\").fadeOut();\n\n    /**\n     * trim text, Remove spaces, wrap\n     * @param text\n     * @returns {string}\n     */\n    function trimText(text) {\n        return text.replace(/[ \\t\\n\\r]+/g, \" \");\n    }\n\n\n    var lastNode = undefined;\n    var mainNodeName = undefined;\n\n    var nodeUrl = \"\";\n    (function(node){\n        if (node[0] == \"admin\"){\n            luciLocation = [node[1], node[2]];\n        }else{\n            luciLocation = node;\n        }\n\n        for(var i in luciLocation){\n            nodeUrl += luciLocation[i];\n            if (i != luciLocation.length - 1){\n                nodeUrl += \"/\";\n            }\n        }\n    })(luciLocation);\n\n    /**\n     * get the current node by Burl (primary)\n     * @returns {boolean} success?\n     */\n    function getCurrentNodeByUrl() {\n        var ret = false;\n        if (!$('body').hasClass('logged-in')) {\n            luciLocation = [\"Main\", \"Login\"];\n            return true;\n        }\n\n        $(\".main > .main-left > .nav > .slide > .menu\").each(function () {\n            var ulNode = $(this);\n            ulNode.next().find(\"a\").each(function () {\n                var that = $(this);\n                var href = that.attr(\"href\");\n\n                if (href.indexOf(nodeUrl) != -1) {\n                    ulNode.click();\n                    ulNode.next(\".slide-menu\").stop(true, true);\n                    lastNode = that.parent();\n                    lastNode.addClass(\"active\");\n                    ret = true;\n                    return true;\n                }\n            });\n        });\n        return ret;\n    }\n\n    /**\n     * menu click\n     */\n    $(\".main > .main-left > .nav > .slide > .menu\").click(function () {\n        var ul = $(this).next(\".slide-menu\");\n        var menu = $(this);\n        if (!ul.is(\":visible\")) {\n            menu.addClass(\"active\");\n            ul.addClass(\"active\");\n            ul.stop(true).slideDown(\"fast\");\n        } else {\n            ul.stop(true).slideUp(\"fast\", function () {\n                menu.removeClass(\"active\");\n                ul.removeClass(\"active\");\n            });\n        }\n        return false;\n    });\n\n    /**\n     * hook menu click and add the hash\n     */\n    $(\".main > .main-left > .nav > .slide > .slide-menu > li > a\").click(function () {\n        if (lastNode != undefined) lastNode.removeClass(\"active\");\n        $(this).parent().addClass(\"active\");\n        $(\".main > .loading\").fadeIn(\"fast\");\n        return true;\n    });\n\n    /**\n     * fix menu click\n     */\n    $(\".main > .main-left > .nav > .slide > .slide-menu > li\").click(function () {\n        if (lastNode != undefined) lastNode.removeClass(\"active\");\n        $(this).addClass(\"active\");\n        $(\".main > .loading\").fadeIn(\"fast\");\n        window.location = $($(this).find(\"a\")[0]).attr(\"href\");\n        return false;\n    });\n\n    /**\n     * get current node and open it\n     */\n    if (getCurrentNodeByUrl()) {\n        mainNodeName = \"node-\" + luciLocation[0] + \"-\" + luciLocation[1];\n        mainNodeName = mainNodeName.replace(/[ \\t\\n\\r\\/]+/g, \"_\").toLowerCase();\n        $(\"body\").addClass(mainNodeName);\n    }\n    $(\".cbi-button-up\").val(\"\");\n    $(\".cbi-button-down\").val(\"\");\n\n\n    /**\n     * hook other \"A Label\" and add hash to it.\n     */\n    $(\"#maincontent > .container\").find(\"a\").each(function () {\n        var that = $(this);\n        var onclick = that.attr(\"onclick\");\n        if (onclick == undefined || onclick == \"\") {\n            that.click(function () {\n                var href = that.attr(\"href\");\n                if (href.indexOf(\"#\") == -1) {\n                    $(\".main > .loading\").fadeIn(\"fast\");\n                    return true;\n                }\n            });\n        }\n    });\n\n    /**\n     * Sidebar expand\n     */\n    var showSide = false;\n    $(\".showSide\").click(function () {\n        if (showSide) {\n            $(\".darkMask\").stop(true).fadeOut(\"fast\");\n            $(\".main-left\").stop(true).animate({\n                width: \"0\"\n            }, \"fast\");\n            $(\".main-right\").css(\"overflow-y\", \"auto\");\n            showSide = false;\n        } else {\n            $(\".darkMask\").stop(true).fadeIn(\"fast\");\n            $(\".main-left\").stop(true).animate({\n                width: \"20rem\"\n            }, \"fast\");\n            $(\".main-right\").css(\"overflow-y\", \"hidden\");\n            showSide = true;\n        }\n    });\n\n\n    $(\".darkMask\").click(function () {\n        if (showSide) {\n            showSide = false;\n            $(\".darkMask\").stop(true).fadeOut(\"fast\");\n            $(\".main-left\").stop(true).animate({\n                width: \"0\"\n            }, \"fast\");\n            $(\".main-right\").css(\"overflow-y\", \"auto\");\n        }\n    });\n\n    $(window).resize(function () {\n        if ($(window).width() > 921) {\n            $(\".main-left\").css(\"width\", \"\");\n            $(\".darkMask\").stop(true);\n            $(\".darkMask\").css(\"display\", \"none\");\n            showSide = false;\n        }\n    });\n\n    /**\n     * fix legend position\n     */\n    $(\"legend\").each(function () {\n        var that = $(this);\n        that.after(\"<span class='panel-title'>\" + that.text() + \"</span>\");\n    });\n\n    $(\".main-right\").focus();\n    $(\".main-right\").blur();\n    $(\"input\").attr(\"size\", \"0\");\n\n    if (mainNodeName != undefined) {\n        console.log(mainNodeName);\n        switch (mainNodeName) {\n            case \"node-status-system_log\":\n            case \"node-status-kernel_log\":\n                $(\"#syslog\").focus(function () {\n                    $(\"#syslog\").blur();\n                    $(\".main-right\").focus();\n                    $(\".main-right\").blur();\n                });\n                break;\n            case \"node-status-firewall\":\n                var button = $(\".node-status-firewall > .main fieldset li > a\");\n                button.addClass(\"cbi-button cbi-button-reset a-to-btn\");\n                break;\n            case \"node-system-reboot\":\n                var button = $(\".node-system-reboot > .main > .main-right p > a\");\n                button.addClass(\"cbi-button cbi-input-reset a-to-btn\");\n                break;\n        }\n    }\n\n})(jQuery);\n"
  },
  {
    "path": "htdocs/luci-static/neobird/manifest.json",
    "content": "{\n\"name\":\"Neobird\",\n\"short_name\":\"Neobird\",\n\"description\":\"Neobird for OpenWRT by 2smile.\",\n\"start_url\":\"/\",\n\"scope\": \"/\",\n\"orientation\":\"portrait\",\n\"display\":\"standalone\",\n\"prompt_message\":\"在主屏幕添加图标，以便快速访问 Neobird\",\n\"icons\":[\n{\n\"src\":\"images/icon.png\",\n\"sizes\":\"144x144\",\n\"type\":\"image/png\"\n},\n{\n\"src\":\"images/icon.png\",\n\"sizes\":\"192x192\",\n\"type\":\"image/png\"\n}\n],\n\"gcm_sender_id\":\"524223308106\",\n\"gcm_user_visible_only\":true,\n\"status\":\"ok\"\n}"
  },
  {
    "path": "luasrc/view/themes/neobird/footer.htm",
    "content": "<%#\n    Material is a clean HTML5 theme for LuCI. It is based on luci-theme-bootstrap and MUI\n\n    luci-theme-material\n        Copyright 2015 Lutty Yang <lutty@wcan.in>\n            \n    luci-theme-neobird\n    Copyright 2021 2smile <thinktip@gmail.com>\n\n    Have a bug? Please create an issue here on GitHub!\n        https://github.com/LuttyYang/luci-theme-material/issues\n\n    luci-theme-bootstrap:\n    Copyright 2008 Steven Barth <steven@midlink.org>\n    Copyright 2008 Jo-Philipp Wich <jow@openwrt.org>\n    Copyright 2012 David Menting <david@nut-bolt.nl>\n\n    MUI:\n    https://github.com/muicss/mui\n\n    Licensed to the public under the Apache License 2.0\n-%>\n\n<%\n\tlocal ver = require \"luci.version\"\n\tlocal disp = require \"luci.dispatcher\"\n\tlocal request  = disp.context.path\n\tlocal category = request[1]\n\tlocal tree = disp.node()\n\tlocal categories = disp.node_childs(tree)\n%>\n                </div>\n                <footer class=\"footer\" style=\"text-align:center\">\n                    <a href=\"https://github.com/openwrt/luci\">Powered by <%= ver.luciname %></a> |\n                    <a href=\"https://www.lede-project.org/\"><%= ver.distversion %></a>\n                    <br />\n                    © 2021-2022 2smile. All Rights Reserved.\n                    <% if #categories > 1 then %>\n                    <ul class=\"breadcrumb pull-right\" id=\"modemenu\">\n                        <% for i, r in ipairs(categories) do %>\n                        <li<% if request[1] == r then %> class=\"active\"<%end%>><a href=\"<%=controller%>/<%=r%>/\"><%=striptags(translate(tree.nodes[r].title))%></a> <span class=\"divider\">|</span></li>\n                        <% end %>\n                    </ul>\n                    <% end %>\n                </footer>\n            </div>\n        </div>\n\n    <script>\n        // thanks for Jo-Philipp Wich <jow@openwrt.org>\n        var luciLocation = <%= luci.http.write_json(luci.dispatcher.context.path) %>;\n    </script>\n    <script src=\"<%=media%>/js/jquery.min.js?v=<%= ver.luciversion %>\"></script>\n    <script src=\"<%=media%>/js/script.js?v=<%= ver.luciversion %>\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "luasrc/view/themes/neobird/header.htm",
    "content": "<%#\n\tMaterial is a clean HTML5 theme for LuCI. It is based on luci-theme-bootstrap and MUI\n\n\tluci-theme-material\n\tCopyright 2015 Lutty Yang <lutty@wcan.in>\n\n\tluci-theme-neobird\n\tCopyright 2021 2smile <thinktip@gmail.com>\n\n\tHave a bug? Please create an issue here on GitHub!\n\thttps://github.com/thinktip/luci-theme-neobird\n\n\tluci-theme-bootstrap:\n\tCopyright 2008 Steven Barth <steven@midlink.org>\n\tCopyright 2008 Jo-Philipp Wich <jow@openwrt.org>\n\tCopyright 2012 David Menting <david@nut-bolt.nl>\n\n\tMUI:\n\thttps://github.com/muicss/mui\n\n\tLicensed to the public under the Apache License 2.0\n-%>\n\n<%\n\tlocal ver = require \"luci.version\"\n\tlocal sys  = require \"luci.sys\"\n\tlocal util = require \"luci.util\"\n\tlocal http = require \"luci.http\"\n\tlocal disp = require \"luci.dispatcher\"\n\n\tlocal boardinfo = util.ubus(\"system\", \"board\")\n\tlocal boardinfo={}\n\tboardinfo.hostname=sys.hostname()\n\t\n\tlocal request  = disp.context.path\n\tlocal request2 = disp.context.request\n\n\tlocal category = request[1]\n\tlocal cattree  = category and disp.node(category)\n\n\tlocal leaf = request2[#request2]\n\n\tlocal tree = disp.node()\n\tlocal node = disp.context.dispatched\n\n\tlocal categories = disp.node_childs(tree)\n\n\tlocal c = tree\n\tlocal i, r\n\n\t-- tag all nodes leading to this page\n\tfor i, r in ipairs(request) do\n\t\tif c.nodes and c.nodes[r] then\n\t\t\tc = c.nodes[r]\n\t\t\tc._menu_selected = true\n\t\tend\n\tend\n\n    -- send as HTML5\n\thttp.prepare_content(\"text/html\")\n\n\tlocal function nodeurl(prefix, name, query)\n\t\tlocal url = controller .. prefix .. name .. \"/\"\n\t\tif query then\n\t\t\turl = url .. http.build_querystring(query)\n\t\tend\n\t\treturn pcdata(url)\n\tend\n\n\tlocal function subtree(prefix, node, level)\n\t\tif not level then\n\t\t\tlevel = 1\n\t\tend\n\n\t\tlocal childs = disp.node_childs(node)\n\t\tif #childs > 0 then\n\n            if level > 2 then\n%>\n\t<ul class=\"tabs\">\n\t\t<%\n            end\n\n\t\t\tlocal selected_node\n\t\t\tlocal selected_name\n\t\t\tlocal i, v\n\n\t\t\tfor i, v in ipairs(childs) do\n\t\t\t\tlocal nnode = node.nodes[v]\n\t\t\t\tif nnode._menu_selected then\n\t\t\t\t\tselected_node = nnode\n\t\t\t\t\tselected_name = v\n\t\t\t\tend\n                if level > 2 then\n\t\t%>\n\t\t\t<li class=\"tabmenu-item-<%=v%><%- if nnode._menu_selected or (node.leaf and v == leaf) then %> active<% end %>\">\n\t\t\t    <a href=\"<%=nodeurl(prefix, v, nnode.query)%>\"><%=striptags(translate(nnode.title))%></a>\n\t\t\t</li>\n\t\t<%      end\n\t\t\tend\n\n            if level > 2 then\n\t\t%>\n\t</ul>\n<%          end\n\n\t\t\tif selected_node then\n\t\t\t\tsubtree(prefix .. selected_name .. \"/\", selected_node, level + 1)\n\t\t\tend\n\t\tend\n\tend\n-%>\n<!DOCTYPE html>\n<html lang=\"<%=luci.i18n.context.lang%>\">\n<head>\n    <meta charset=\"utf-8\">\n    <meta name=\"viewport\" content=\"width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,viewport-fit=cover\" />\n    <link rel=\"manifest\" href=\"<%=media%>/manifest.json\">\n    <title><%=striptags( (boardinfo.hostname or \"?\") .. ( (node and node.title) and ' - ' .. translate(node.title) or '')) %> - LuCI</title>\n    <meta name=\"format-detection\" content=\"telephone=no, email=no\"/>\n    <meta name=\"x5-fullscreen\" content=\"true\">\n    <meta name=\"full-screen\" content=\"yes\">\n    <meta name=\"x5-page-mode\" content=\"app\">\n    <meta name=\"browsermode\" content=\"application\">\n    <meta name=\"msapplication-tap-highlight\" content=\"no\">\n\t<meta name=\"apple-mobile-web-app-status-bar-style\" content=\"default\" />\n\t<meta name=\"theme-color\" media=\"(prefers-color-scheme: light)\" content=\"white\">\n\t<meta name=\"theme-color\" media=\"(prefers-color-scheme: dark)\" content=\"black\">\n    <meta name=\"application-name\" content=\"<%=striptags( (boardinfo.hostname or \"?\") ) %>\">\n    <meta name=\"apple-mobile-web-app-title\" content=\"<%=striptags( (boardinfo.hostname or \"?\") ) %>\">\n    <meta name=\"msapplication-TileImage\" content=\"<%=media%>/images/icon.png\"/>\n    <link rel=\"icon\" href=\"<%=media%>/images/icon.png\" sizes=\"192x192\">\n    <link rel=\"apple-touch-icon\" sizes=\"192x192\" href=\"<%=media%>/images/icon.png\">\n    <meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\n    <meta name=\"mobile-web-app-capable\" content=\"yes\">\n    <meta name=\"apple-touch-fullscreen\" content=\"yes\" /> \n\n    <link rel=\"stylesheet\" href=\"<%=media%>/css/style.css?v=<%= ver.luciversion %>\">\n    <link rel=\"shortcut icon\" href=\"<%=media%>/favicon.ico\">\n    <% if node and node.css then %>\n        <link rel=\"stylesheet\" href=\"<%=resource%>/<%=node.css%>\">\n    <% end -%>\n    <% if css then %>\n        <style title=\"text/css\">\n            <%-= css %>\n        </style>\n    <% end -%>\n    <script src=\"<%=resource%>/xhr.js?<%= ver.luciversion %>\"></script>\n</head>\n\n<body class=\"lang_<%=luci.i18n.context.lang%> <%- if node then %><%= striptags( node.title ) %><%- end %> <% if luci.dispatcher.context.authsession then %>logged-in<% end %>\">\n\n<header>\n\n<div class=\"navbar\">\n  <a href=\"/cgi-bin/luci/admin/status/overview\"><img src=\"<%=media%>/images/home.png\" /></a>\n  <a href=\"/cgi-bin/luci/admin/services/shadowsocksr\"><img src=\"<%=media%>/images/ssr.png\" /></a>\n  <a href=\"/cgi-bin/luci/admin/network/network\"><img src=\"<%=media%>/images/link.png\" /></a>\n  <a href=\"/cgi-bin/luci/admin/status/realtime\"><img src=\"<%=media%>/images/rank.png\" /></a>\n  <a href=\"/cgi-bin/luci/admin/system/admin\"><img src=\"<%=media%>/images/user.png\" /></a>\n</div>\n\n<div class=\"container\">\n<span class=\"showSide\"></span>\n\t\t<img  src=\"<%=media%>/images/logo.png\" <%=striptags( (boardinfo.hostname or \"?\") ) %>>\n\n\t\t<div class=\"pull-right\">\n\t\t<%\n\t\t-- calculate the number of unsaved changes\n\t\tif tree.nodes[category] and tree.nodes[category].ucidata then\n\t\t\tlocal ucichanges = 0\n\t\t\tfor i, j in pairs(require(\"luci.model.uci\").cursor():changes()) do\n\t\t\t\tfor k, l in pairs(j) do\n\t\t\t\t\tfor m, n in pairs(l) do\n\t\t\t\t\t\tucichanges = ucichanges + 1;\n\t\t\t\t\tend\n\t\t\t\tend\n\t\t\tend\n\t\t\t%>\n\t\t\t<% if ucichanges > 0 then %>\n\t\t\t<a class=\"label notice\" href=\"<%=url(category, 'uci/changes')%>?redir=<%=http.urlencode(http.formvalue('redir') or table.concat(disp.context.request, \"/\"))%>\"><%=translate('Unsaved Changes')%>: <%=ucichanges%></a>\n\t\t\t<% end %>\n\t\t\t<span id=\"xhr_poll_status\" style=\"display:none\" onclick=\"XHR.running() ? XHR.halt() : XHR.run()\">\n\t\t\t\t<span class=\"label success\" id=\"xhr_poll_status_on\"><span id=\"refresh_on\" class=\"mobile-hide\"></span></span>\n\t\t\t\t<span class=\"label\" id=\"xhr_poll_status_off\" style=\"display:none\"><span id=\"refresh_off\" class=\"mobile-hide\"></span></span>\n\t\t\t</span>\n\t\t<% end %>\n\t\t</div>\n\n\n\n        \n \t\n\t\t</div>\n</header>\n\n <div class=\"main\">\n\t <div class=\"main-left\">\n\t\t <ul class=\"nav\">\n\t\t\t <%-\n\t\t\t local function submenu(prefix, node)\n\t\t\t local childs = disp.node_childs(node)\n\t\t\t if #childs > 0 then\n\t\t\t %>\n\t\t\t <ul class=\"slide-menu\">\n\t\t\t\t <%-\n\t\t\t\t for i, r in ipairs(childs) do\n\t\t\t\t local nnode = node.nodes[r]\n\t\t\t\t local href  = controller .. \"\" .. prefix .. r ..\n\t\t\t\t (nnode.query and http.build_querystring(nnode.query) or \"\")\n\t\t\t\t %>\n\t\t\t\t <li><a data-title=\"<%=pcdata(striptags(nnode.title))%>\" href=\"<%=pcdata(href)%>\"><%=pcdata(striptags(translate(nnode.title)))%></a></li>\n\t\t\t\t <%-\n\t\t\t\t end\n\t\t\t\t %>\n\t\t\t </ul>\n\t\t\t <%-\n\t\t\t end\n\t\t\t end\n\n\t\t\t childs = disp.node_childs(cattree)\n\n\t\t\t if #childs > 0 then\n\t\t\t for i, r in ipairs(childs) do\n\t\t\t local nnode = cattree.nodes[r]\n\t\t\t local href  = controller .. \"/\" .. category .. \"/\" .. r ..\n\t\t\t (nnode.query and http.build_querystring(k.query) or \"\")\n\t\t\t local grandchildren = disp.node_childs(nnode)\n\n\t\t\t if #grandchildren > 0 then\n\t\t\t %>\n\t\t\t <li class=\"slide\">\n\t\t\t\t <a class=\"menu\" data-title=\"<%=pcdata(striptags(nnode.title))%>\" href=\"#\"><%=pcdata(striptags(translate(nnode.title)))%></a>\n\t\t\t\t <%- submenu(\"\" .. category .. \"/\" .. r .. \"/\", nnode) %>\n\t\t\t </li>\n\t\t\t <%          else %>\n\t\t\t <li class=\"slide\">\n\t\t\t\t <a class=\"menu2\" data-title=\"<%=pcdata(striptags(nnode.title))%>\" href=\"<%=pcdata(href)%>\"><%=pcdata(striptags(translate(nnode.title)))%></a>\n\t\t\t </li>\n\t\t\t <%\n\t\t\t end\n\t\t\t end\n\t\t\t end\n\t\t\t %>\n\t\t </ul>\n\t </div>\n\t <div class=\"main-right\">\n\t\t <div class=\"darkMask\"></div>\n\t\t <div id=\"maincontent\">\n\t\t\t <div class=\"container\">\n\t\t\t\t <%- if luci.sys.process.info(\"uid\") == 0 and luci.sys.user.getuser(\"root\") and not luci.sys.user.getpasswd(\"root\") then -%>\n\t\t\t\t\t <div class=\"alert-message warning\">\n\t\t\t\t\t\t <h4><%:No password set!%></h4>\n\t\t\t\t\t\t <%:There is no password set on this router. Please configure a root password to protect the web interface and enable SSH.%><br>\n\t\t\t\t\t\t <a href=\"<%=pcdata(luci.dispatcher.build_url(\"admin/system/admin\"))%>\"><%:Go to password configuration...%></a>\n\t\t\t\t\t </div>\n\t\t\t\t <%- end -%>\n\t\t\t\t <% if category then subtree(\"/\" .. category .. \"/\", cattree) end %>\n\n"
  },
  {
    "path": "root/etc/uci-defaults/30_luci-theme-neobird",
    "content": "#!/bin/sh\r\nuci batch <<-EOF\r\n\tset luci.themes.Neobird=/luci-static/neobird\r\n\tset luci.main.mediaurlbase=/luci-static/neobird\r\n\tcommit luci\r\nEOF\r\nexit 0 \r\n# ↑↑↑ DO NOT EDIT THIS LINE\r\n"
  }
]