diff --git a/luci-theme-ezengreen/Makefile b/luci-theme-ezengreen/Makefile deleted file mode 100755 index ee17e224f..000000000 --- a/luci-theme-ezengreen/Makefile +++ /dev/null @@ -1,16 +0,0 @@ -# -# Copyright (C) 2008-2014 The LuCI Team -# Copyright (C) 2018-2019 Ycarus (Yannick Chabanois) -# -# This is free software, licensed under the Apache License, Version 2.0 . -# - -include $(TOPDIR)/rules.mk - -LUCI_TITLE:=ezengreen Theme (default) -LUCI_DEPENDS:= - -#include ../luci/luci.mk -include $(TOPDIR)/feeds/luci/luci.mk - -# call BuildPackage - OpenWrt buildroot signature diff --git a/luci-theme-ezengreen/htdocs/luci-static/ezengreen/1omr-logo-apple.png b/luci-theme-ezengreen/htdocs/luci-static/ezengreen/1omr-logo-apple.png deleted file mode 100755 index 7ee777910..000000000 Binary files a/luci-theme-ezengreen/htdocs/luci-static/ezengreen/1omr-logo-apple.png and /dev/null differ diff --git a/luci-theme-ezengreen/htdocs/luci-static/ezengreen/cascade.css b/luci-theme-ezengreen/htdocs/luci-static/ezengreen/cascade.css deleted file mode 100755 index 740adc320..000000000 --- a/luci-theme-ezengreen/htdocs/luci-static/ezengreen/cascade.css +++ /dev/null @@ -1,2027 +0,0 @@ -/*! - * LuCI Bootstrap Theme - * Copyright 2012 Nut & Bolt - * By David Menting - * Based on Bootstrap v1.4.0 - * - * Copyright 2011 Twitter, Inc - * Licensed under the Apache License v2.0 - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Designed and built with all the love in the world @twitter by @mdo and @fat. - */ -/* Reset.less - * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc). - * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ -html { - margin: 0; - padding: 0; -} - -body { - margin: 0; - padding: 5px; -} - -h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, code, del, em, img, ins, q, s, -small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, -form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, -.table, .tbody, .tfoot, .thead, .tr, .th, .td { - margin: 0; - padding: 0; - border: 0; - font-weight: normal; - font-style: normal; - font-size: 100%; - line-height: 1; - font-family: inherit; -} - -abbr[title], acronym[title] { - border-bottom: 1px dotted; - font-weight: inherit; - cursor: help; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -ol, ul { - list-style: none; -} - -q:before, -q:after, -blockquote:before, -blockquote:after { - content: ""; -} - -html { - overflow-y: scroll; - font-size: 100%; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} - -a:focus { - outline: thin dotted; -} - -a:hover, a:active { - outline: 0; -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -nav, -section { - display: block; -} - -sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -img { - border: 0; - -ms-interpolation-mode: bicubic; -} - -button, -input, -select, -option, -textarea { - font-size: 100%; - margin: 0; - box-sizing: border-box; - vertical-align: baseline; - *vertical-align: middle; -} - -button, input { - line-height: normal; - *overflow: visible; -} - -button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; - padding: 0; -} - -button, -input[type="button"], -input[type="reset"], -input[type="submit"] { - cursor: pointer; - -webkit-appearance: button; -} - -button[disabled], -input[type="button"][disabled], -input[type="reset"][disabled], -input[type="submit"][disabled] { - opacity: 0.7; -} - -input[type="search"] { - -webkit-appearance: textfield; - box-sizing: content-box; -} - -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -textarea { - overflow: auto; - vertical-align: top; -} - -/* - * Scaffolding - * Basic and global styles for generating a grid system, structural layout, and page templates - * ------------------------------------------------------------------------------------------- */ -body { - background-color: #fff; - margin: 0; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 12px; - font-weight: normal; - line-height: 18px; - color: #404040; - padding-top: 75px; -} - -.container { - width: 100%; - max-width: 940px; - margin-left: auto; - margin-right: auto; - zoom: 1; -} - -.container:before, .container:after { - display: table; - content: ""; - zoom: 1; -} - -.container:after { - clear: both; -} - -a { - color: #215e21; - text-decoration: none; - line-height: inherit; - font-weight: inherit; -} - -a:hover { - color: #000000; - text-decoration: none; -} - -.pull-right { - float: right; -} - -.pull-left { - float: left; -} - -/* Typography.less - * Headings, body text, lists, code, and more for a versatile and durable typography system - * ---------------------------------------------------------------------------------------- */ -p, -.cbi-map-descr, -.cbi-section-descr, -.table .tr.cbi-section-table-descr .th { - font-size: 12px; - font-weight: normal; - line-height: 18px; - margin-bottom: 9px; -} - -p small { - font-size: 11px; - color: #bfbfbf; -} - -h1, -h2, -h3, legend, -h4, -h5, -h6 { - font-weight: normal; - color: #404040; -} - -h1 small, -h2 small, -h3 small, -h4 small, -h5 small, -h6 small { - color: #bfbfbf; -} - -h1 { - margin-bottom: 18px; - font-size: 30px; - line-height: 36px; -} - -h1 small { - font-size: 18px; -} - -h2 { - font-size: 24px; - line-height: 58px; - text-transform: uppercase; - font-weight: normal; -} - -h2 small { - font-size: 14px; -} - -h3, legend, -h4, -h5, -h6 { - line-height: 48px; -} - -h3, legend { - font-size: 18px; -} - -h3 small { - font-size: 14px; -} - -h4 { - font-size: 16px; -} - -h4 small { - font-size: 12px; -} - -h5 { - font-size: 14px; -} - -h6 { - font-size: 13px; - color: #bfbfbf; - text-transform: uppercase; -} - -ul, ol { - margin: 0 0 18px 25px; -} - -ul ul, -ul ol, -ol ol, -ol ul { - margin-bottom: 0; -} - -ul { - list-style: disc; -} - -ol { - list-style: decimal; -} - -li { - line-height: 18px; - color: #808080; -} - -ul.unstyled { - list-style: none; - margin-left: 0; -} - -dl { - margin-bottom: 18px; -} - -dl dt, dl dd { - line-height: 18px; -} - -dl dt { - font-weight: bold; -} - -dl dd { - margin-left: 9px; -} - -hr { - margin: 20px 0 19px; - border: 0; - border-bottom: 1px solid #eee; -} - -strong { - font-style: inherit; - font-weight: bold; -} - -em { - font-style: italic; - font-weight: inherit; - line-height: inherit; -} - -small { font-size: 0.9em } - -address { - display: block; - line-height: 18px; - margin-bottom: 18px; -} - -code, pre { - padding: 0 3px 2px; - font-family: Monaco, Andale Mono, Courier New, monospace; - font-size: 12px; - border-radius: 2px; -} - -code { - background-color: #fee9cc; - color: rgba(0, 0, 0, 0.75); - padding: 1px 3px; -} - -pre { - background-color: #f5f5f5; - display: block; - padding: 8.5px; - margin: 0 0 18px; - line-height: 18px; - font-size: 12px; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 2px; - white-space: pre; - white-space: pre-wrap; - word-wrap: break-word; -} - -/* Forms.less - * Base styles for various input types, form layouts, and states - * ------------------------------------------------------------- */ -form { - margin-bottom: 18px; -} - -fieldset { - margin-bottom: 9px; - padding-top: 9px; -} - -fieldset legend { - display: block; - font-size: 19.5px; - line-height: 1; - color: #404040; - padding-top: 20px; - *padding: 0 0 5px 0px; - /* IE6-7 */ - - *line-height: 1.5; - /* IE6-7 */ - -} -form .cbi-tab-descr { - line-height: 18px; - margin-bottom: 18px; -} - -form .clearfix, -form .cbi-value { - margin-bottom: 15px; - margin-top: 15px; - zoom: 1; -} - -form .clearfix:before, form .clearfix:after, -form .cbi-value:before, form .cbi-value:after { - display: table; - content: ""; - zoom: 1; -} - -form .clearfix:after, -form .cbi-value:after { - clear: both; -} - -label, -input, -select, -textarea { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 12px; - font-weight: normal; - line-height: normal; -} - -form .input, -form .cbi-value-field { - margin-left: 120px; -} - -form .cbi-value label.cbi-value-title { - padding-top: 6px; - font-size: 12px; - line-height: 18px; - float: left; - width: 111px; - text-align: left; - color: #404040; -} - -input[type=checkbox], input[type=radio] { - cursor: pointer; -} - -input, -textarea, -select, -.cbi-dropdown, -.uneditable-input { - display: inline-block; - width: 200px; - height: 30px; - padding: 4px; - font-size: 12px; - line-height: 18px; - color: #808080; - border: 1px solid #ccc; - border-radius: 2px; - box-sizing: border-box; - margin: 2px 0; -} - -.cbi-dropdown { - min-width: 210px; - max-width: 400px; - width: auto; -} - -select { - padding: initial; - background: #fff; - box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.1); -} - -input[type=checkbox], input[type=radio] { - width: auto; - height: auto; - padding: 0; - margin: 3px 0; - *margin-top: 0; - /* IE6-7 */ - - line-height: normal; - border: none; -} - -input[type=file] { - background-color: #fff; - padding: initial; - border: initial; - line-height: initial; - box-shadow: none; - width: auto !important; -} - -input[type=button], input[type=reset], input[type=submit] { - width: auto; - height: auto; -} - -select, input[type=file] { - *height: auto; - *margin-top: 4px; - /* For IE7, add top margin to align select with labels */ -} - -select[multiple] { - height: inherit; - background-color: #fff; -} - -textarea { - height: auto; -} - -.td > input[type=text], -.td > input[type=password], -.td > select, -.td > .cbi-dropdown { - width: 100%; -} - -.uneditable-input { - background-color: #fff; - display: block; - border-color: #eee; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - cursor: not-allowed; -} - -::-moz-placeholder { - color: #bfbfbf; -} - -::-webkit-input-placeholder { - color: #bfbfbf; -} - -.btn, .cbi-button, input, textarea { - transition: border linear 0.2s, box-shadow linear 0.2s; - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); - padding: 12px 6px; -} - -.btn:hover, .cbi-button:hover, -input:focus, textarea:focus { - outline: 0; - border-color: rgba(82, 168, 236, 0.8) !important; - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); - text-decoration: none; -} - -input[type=file]:focus, input[type=checkbox]:focus, select:focus { - box-shadow: none; - outline: 1px dotted #666; -} - -input[disabled], -select[disabled], -textarea[disabled], -input[readonly], -select[readonly], -textarea[readonly] { - background-color: #194119; - border-color: #ccc; - padding: 5px; - pointer-events: none; - cursor: default; -} - -select[readonly], -textarea[readonly] { - pointer-events: auto; - cursor: auto; -} - -.cbi-optionals, -.cbi-section-create { - padding: 0 0 10px 10px; -} - -.cbi-section-create { - margin: 10px 0 0 -10px; - display: inline-flex; - align-items: center; -} - -.cbi-section-create > * { - margin: 3px; - flex: 1 1 auto; -} - -.cbi-section-create > * > input { - width: 100%; -} - -.actions, -.cbi-page-actions { - background: #f5f5f5; - margin-bottom: 20px; - margin-top: 40px; - padding: 15px 20px 15px 20px; - border-radius: 0 0 2px 2px; - text-align: right; -} - -.actions .secondary-action, -.cbi-page-actions .secondary-action{ - float: right; -} - -.actions .secondary-action a, -.cbi-page-actions .secondary-action a { - line-height: 30px; -} - -.actions .secondary-action a:hover, -.cbi-page-actions .secondary-action a:hover { - text-decoration: none; -} - -.cbi-page-actions > form { - display: inline; - margin: 0; -} - -.help-inline, .help-block { - font-size: 12px; - line-height: 18px; - color: #bfbfbf; -} - -.help-inline { - padding-left: 5px; - *position: relative; - /* IE6-7 */ - - *top: -5px; - /* IE6-7 */ - -} - -.help-block { - display: block; - max-width: 600px; -} - -/* - * Tables.less - * Tables for, you guessed it, tabular data - * ---------------------------------------- */ -.tr { display: table-row; } -.table[width="33%"], .th[width="33%"], .td[width="33%"] { width: 33%; } -.table[width="100%"], .th[width="100%"], .td[width="100%"] { width: 100%; } - -.table { - display: table; - width: 100%; - margin: 12px 0 24px 0; - padding: 0; - font-size: 12px; - border-collapse: collapse; - position: relative; -} - -.table .th, .table .td { - display: table-cell; - vertical-align: middle; /* Fixme */ - padding: 6px 6px 6px 2px; - line-height: 18px; - text-align: left; -} - -.table .tr:first-child .th { - padding-top: 9px; - font-weight: normal; - vertical-align: top; -} - -.table .td, .table .th { - border-top: 1px solid #e7e7e7; -} - -.tr.placeholder { - height: calc(3em + 20px); -} - -.tr.placeholder > .td { - position: absolute; - left: 0; - right: 0; - bottom: 0; - text-align: center; - line-height: 3em; -} - -/* Patterns.less - * Repeatable UI elements outside the base styles provided from the scaffolding - * ---------------------------------------------------------------------------- */ -header { - height: 40px; - position: fixed; - top: 0; - left: 0; - right: 0; - z-index: 10000; - overflow: visible; - color: #BFBFBF; -} - -header a { - color: #c4c4c4; -} - -header h3 a:hover, header .brand:hover, header ul .active > a { - background-color: #333; - background-color: rgba(0, 0, 0, 0.33); - color: #fff; - text-decoration: none; -} - -header h3 { - position: relative; -} - -header h3 a, header .brand { - float: left; - display: block; - padding: 16px 20px 16px; - margin-left: -20px; - color: #fff; - font-size: 24px; - font-weight: 333; - line-height: 1; -} - -header p { - margin: 0; - line-height: 40px; -} - -header .fill { - background-color: #215e21; - background-repeat: repeat-x; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.33), inset 0 -1px 0 rgba(0, 0, 0, 0.1); - padding: 0 5px; -} - -header div > ul, .nav { - display: block; - float: left; - margin: 0 10px 0 20px; - position: relative; - left: 0; -} - -header div > ul > li, .nav > li { - display: block; - float: left; -} - -header div > ul a, .nav a { - display: block; - float: none; - padding: 22px 12px 14px 12px; - line-height: 19px; - letter-spacing: 0.4px; - text-decoration: none; - text-transform: uppercase; -} - -header div > ul a:hover, .nav a:hover { - color: #fff; - text-decoration: none; -} - -header div > ul .active > a, .nav .active > a { - background-color: #222; - background-color: rgba(0, 0, 0, 0.33); -} - -header div > ul.secondary-nav, .nav.secondary-nav { - float: right; - margin-left: 10px; - margin-right: 0; -} - -header div > ul.secondary-nav .menu-dropdown, -.nav.secondary-nav .menu-dropdown, -header div > ul.secondary-nav .dropdown-menu, -.nav.secondary-nav .dropdown-menu { - right: 0; - border: 0; -} - -header div > ul a.menu:hover, -.nav a.menu:hover, -header div > ul li.open .menu, -.nav li.open .menu, -header div > ul .dropdown-toggle:hover, -.nav .dropdown-toggle:hover, -header div > ul .dropdown.open .dropdown-toggle, -.nav .dropdown.open .dropdown-toggle { - background: #444; - background: rgba(0, 0, 0, 0.3); -} - -header div > ul .menu-dropdown, -.nav .menu-dropdown, -header div > ul .dropdown-menu, -.nav .dropdown-menu { - background-color: #003300; -} - -header div > ul .menu-dropdown a.menu, -.nav .menu-dropdown a.menu, -header div > ul .dropdown-menu a.menu, -.nav .dropdown-menu a.menu, -header div > ul .menu-dropdown .dropdown-toggle, -.nav .menu-dropdown .dropdown-toggle, -header div > ul .dropdown-menu .dropdown-toggle, -.nav .dropdown-menu .dropdown-toggle { - color: #fff; -} - -header div > ul .menu-dropdown a.menu.open, -.nav .menu-dropdown a.menu.open, -header div > ul .dropdown-menu a.menu.open, -.nav .dropdown-menu a.menu.open, -header div > ul .menu-dropdown .dropdown-toggle.open, -.nav .menu-dropdown .dropdown-toggle.open, -header div > ul .dropdown-menu .dropdown-toggle.open, -.nav .dropdown-menu .dropdown-toggle.open { - background: #444; - background: rgba(255, 255, 255, 0.05); -} - -header div > ul .menu-dropdown li a, -.nav .menu-dropdown li a, -header div > ul .dropdown-menu li a, -.nav .dropdown-menu li a { - color: #bfbfbf; -} - -header div > ul .menu-dropdown li a:hover, -.nav .menu-dropdown li a:hover, -header div > ul .dropdown-menu li a:hover, -.nav .dropdown-menu li a:hover { - background-color: #215e21; - background-repeat: repeat-x; - color: #fff; -} - -header div > ul .menu-dropdown .active a, -.nav .menu-dropdown .active a, -header div > ul .dropdown-menu .active a, -.nav .dropdown-menu .active a { - color: #fff; -} - -header div > ul .menu-dropdown .divider, -.nav .menu-dropdown .divider, -header div > ul .dropdown-menu .divider, -.nav .dropdown-menu .divider { - background-color: #222; - border-color: #444; -} - -header ul .menu-dropdown li a, header ul .dropdown-menu li a { - padding: 6px 12px; -} - -li.menu, .dropdown { - position: relative; -} - -.menu-dropdown, .dropdown-menu { - background-color: #fff; - float: left; - position: absolute; - top: 55px; - left: -9999px; - z-index: 900; - min-width: 200px; - max-width: 300px; - _width: 160px; - margin-left: 0; - margin-right: 0; - padding: 6px 0; - zoom: 1; - border-radius: 0 0 2px 2px; - background-clip: padding-box; -} - -.menu-dropdown li, .dropdown-menu li { - float: none; - display: block; - background-color: transparent; -} - -.menu-dropdown .divider, .dropdown-menu .divider { - height: 1px; - margin: 5px 0; - overflow: hidden; - background-color: #eee; - border-bottom: 1px solid #fff; -} - -header .dropdown-menu a, .dropdown-menu a { - display: block; - padding: 4px 15px; - clear: both; - font-weight: normal; - line-height: 18px; - text-transform: capitalize; - letter-spacing: 0.2px; - color: #808080; - zoom: 1.1; -} - -header .dropdown-menu a:hover, -.dropdown-menu a:hover, -header .dropdown-menu a.hover, -.dropdown-menu a.hover { - background-color: #ddd; - background-repeat: repeat-x; - color: #404040; - text-decoration: none; - box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); -} - -.open .menu, -.dropdown.open .menu, -.open .dropdown-toggle, -.dropdown.open .dropdown-toggle { - color: #fff; - background: #ccc; - background: rgba(0, 0, 0, 0.3); -} - -.open .menu-dropdown, -.dropdown.open .menu-dropdown, -.open .dropdown-menu, -.dropdown.open .dropdown-menu { - left: 0; -} - -.dropdown:hover ul.dropdown-menu { - left: 0; -} - -.dropdown-menu .dropdown-menu { - position: absolute; - left: 159px; -} - -.dropdown-menu li { - position: relative; -} - -.tabs, .cbi-tabmenu { - margin: 0 0 18px; - padding: 0; - list-style: none; - zoom: 1; -} - -.tabs:before, -.cbi-tabmenu:before, -.tabs:after, -.cbi-tabmenu:after { - display: table; - content: ""; - zoom: 1; -} - -.tabs:after, .cbi-tabmenu:after { - clear: both; -} - -.tabs > li, .cbi-tabmenu > li { - float: left; -} - -.tabs > li > a, .cbi-tabmenu > li > a { - display: block; -} - -.tabs, -.cbi-tabmenu { - border-color: #ddd; - border-style: solid; - border-width: 0 0 1px; -} - -.tabs > li, -.cbi-tabmenu > li { - position: relative; - margin-bottom: -1px; -} - -.cbi-tabmenu.map { - margin: 0; -} - -.cbi-tabmenu.map > li { - font-size: 16.5px; - font-weight: bold; -} - -.cbi-tabcontainer > fieldset.cbi-section[id] > legend { - display: none; -} - -.tabs > li > a, -.cbi-tabmenu > li > a { - padding: 0 15px; - margin-right: 2px; - line-height: 34px; - border: 1px solid transparent; - border-radius: 2px 2px 0 0; -} - -.tabs > li > a:hover, -.cbi-tabmenu > li > a:hover { - text-decoration: none; - background-color: #eee; - border-color: #eee #eee #ddd; -} - -.tabs .active > a, .tabs .active > a:hover, -.cbi-tabmenu .active > a, .cbi-tabmenu .active > a:hover, -.cbi-tab > a:link, .cbi-tab > a:hover { - color: #000000; - background-color: #fff; - border: 1px solid #ddd; - border-bottom-color: transparent; - cursor: default; -} - -.tabs .menu-dropdown, .tabs .dropdown-menu, -.cbi-tabmenu .menu-dropdown, .cbi-tabmenu .dropdown-menu { - top: 35px; - border-width: 1px; - border-radius: 0 2px 2px 2px; -} - -.tabs a.menu:after, .tabs .dropdown-toggle:after, -.cbi-tabmenu a.menu:after, .cbi-tabmenu .dropdown-toggle:after { - border-top-color: #999; - margin-top: 15px; - margin-left: 5px; -} - -.tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle, -.cbi-tabmenu li.open.menu .menu, .cbi-tabmenu .open.dropdown .dropdown-toggle { - border-color: #999; -} - -.tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after, -.cbi-tabmenu li.open a.menu:after, .cbi-tabmenu .dropdown.open .dropdown-toggle:after { - border-top-color: #555; -} - -.tab-content > .tab-pane, -.tab-content > div { - display: none; -} - -.tab-content > .active { - display: block; -} - -.breadcrumb { - padding: 7px 14px; - margin: 0 0 18px; - background-color: #f5f5f5; - background-repeat: repeat-x; - border: 1px solid #ddd; - border-radius: 2px; - box-shadow: inset 0 1px 0 #fff; -} - -.breadcrumb li { - display: inline; -} - -.breadcrumb .divider { - padding: 0 5px; - color: #bfbfbf; -} - -.breadcrumb .active a { - color: #404040; -} - -footer { - margin-top: 30px; - padding-top: 20px; - padding-bottom: 20px; - border-top: 1px solid #404040; -} - -.btn.danger, -.alert-message.danger, -.btn.danger:hover, -.alert-message.danger:hover, -.btn.error, -.alert-message.error, -.btn.error:hover, -.alert-message.error:hover, -.btn.success, -.alert-message.success, -.btn.success:hover, -.alert-message.success:hover, -.btn.info, -.alert-message.info, -.btn.info:hover, -.alert-message.info:hover { - color: #fff; -} - -.btn .close, .alert-message .close { - font-family: Arial, sans-serif; - line-height: 18px; -} - -.btn.danger, -.alert-message.danger, -.btn.error, -.alert-message.error { - background: linear-gradient(to bottom, #ee5f5b, #c43c35) repeat-x; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -} - -.btn.success, .alert-message.success { - background: linear-gradient(to bottom, #62c462, #57a957) repeat-x; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -} - -.btn.info, .alert-message.info { - background: linear-gradient(to bottom, #5bc0de, #339bb9) repeat-x; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -} - -.alert-message.notice { - background: linear-gradient(to bottom, #efefef, #fefefe) repeat-x; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -} - -.btn, -.cbi-button { - cursor: pointer; - display: inline-block; - background: linear-gradient(#fff, #fff 25%, #e6e6e6) no-repeat; - padding: 5px 14px 6px; - color: #333; - font-size: 12px; - line-height: normal; - border: 1px solid #ccc; - border-bottom-color: #bbb; - border-radius: 2px; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -} - -.btn:focus, -.cbi-button:focus { - outline: 1px dotted #666; -} - -.cbi-input-invalid, -.cbi-value-error input { - color: #f00; - border-color: #f00; -} - -.cbi-button-positive, -.cbi-button-fieldadd, -.cbi-button-add, -.cbi-button-save { - border-color: #4a4; - color: #4a4; -} - -.cbi-button-neutral, -.cbi-button-download, -.cbi-button-find, -.cbi-button-link, -.cbi-button-up, -.cbi-button-down { - color: #444; -} - -.btn.primary, -.cbi-button-action, -.cbi-button-apply, -.cbi-button-reload, -.cbi-button-edit { - border-color: #4aa44b; - color: #4aa44b; -} - -.cbi-button-negative, -.cbi-section-remove .cbi-button, -.cbi-button-reset, -.cbi-button-remove { - border-color: #c44; - color: #c44; -} - -.cbi-page-actions::after { - display: table; - content: ""; - clear: both; -} - -.cbi-page-actions > :not([method="post"]):not(.cbi-button-apply):not(.cbi-button-save):not(.cbi-button-reset) { - float: left; - margin-right: .4em; -} - -.btn.primary, -.cbi-button-action.important, -.cbi-page-actions .cbi-button-apply, -.cbi-section-actions .cbi-button-edit { - color: #fff; - background: #4aa44b; -} - -.cbi-button-positive.important, -.cbi-page-actions .cbi-button-save { - color: #fff; - background: linear-gradient(to bottom, #4a4, #484) no-repeat; -} - -.cbi-button-negative.important { - color: #fff; - background: linear-gradient(to bottom, #c44, #c00) no-repeat; -} - -.cbi-page-actions .cbi-button-apply + .cbi-button-save { - background: linear-gradient(#fff, #fff 25%, #e6e6e6); - color: #4a4; -} - -.cbi-dropdown { - border: 1px solid #ccc; - border-radius: 2px; - display: inline-flex; - padding: 0; - cursor: pointer; - height: auto; - background: linear-gradient(#fff 0%, #e9e8e6 100%); - position: relative; - color: #404040; -} - -.cbi-dropdown:focus { - outline: 2px solid #4b6e9b; -} - -.cbi-dropdown > ul { - margin: 0 !important; - padding: 0; - list-style: none; - overflow-x: hidden; - overflow-y: auto; - display: flex; - width: 100%; -} - -.cbi-dropdown > ul.preview { - display: none; -} - -.cbi-dropdown > .open, -.cbi-dropdown > .more { - flex-grow: 0; - flex-shrink: 0; - display: flex; - flex-direction: column; - justify-content: center; - text-align: center; - line-height: 2em; - padding: 0 .25em; -} - -.cbi-dropdown > .more, -.cbi-dropdown > ul > li[placeholder] { - color: #777; - font-weight: bold; - display: none; -} - -.cbi-dropdown > ul > li { - display: none; - padding: .25em; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - flex-shrink: 1; - flex-grow: 1; - align-items: center; - align-self: center; - color: #404040; - min-height: 20px; -} - -.cbi-dropdown > ul > li .hide-open { display: block; display: initial; } -.cbi-dropdown > ul > li .hide-close { display: none; } - -.cbi-dropdown > ul > li[display]:not([display="0"]) { - border-left: 1px solid #ccc; -} - -.cbi-dropdown[empty] > ul { - max-width: 1px; -} - -.cbi-dropdown > ul > li > form { - display: none; - margin: 0; - padding: 0; - pointer-events: none; -} - -.cbi-dropdown > ul > li img { - vertical-align: middle; - margin-right: .25em; -} - -.cbi-dropdown > ul > li > form > input[type="checkbox"] { - margin: 0; -} - -.cbi-dropdown > ul > li input[type="text"] { - height: 20px; -} - -.cbi-dropdown[open] { - position: relative; -} - -.cbi-dropdown[open] > ul.dropdown { - display: block; - background: #f6f6f5; - border: 1px solid #918e8c; - box-shadow: 0 0 4px #918e8c; - position: absolute; - z-index: 1000; - max-width: none; - min-width: 100%; - width: auto; -} - -.cbi-dropdown > ul > li[display], -.cbi-dropdown[open] > ul.preview, -.cbi-dropdown[open] > ul.dropdown > li, -.cbi-dropdown[multiple] > ul > li > label, -.cbi-dropdown[multiple][open] > ul.dropdown > li, -.cbi-dropdown[multiple][more] > .more, -.cbi-dropdown[multiple][empty] > .more { - flex-grow: 1; - display: flex; -} - -.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: block; display: initial; } - -.cbi-dropdown[open] > ul.dropdown > li { - border-bottom: 1px solid #ccc; -} - -.cbi-dropdown[open] > ul.dropdown > li[selected] { - background: #b0d0f0; -} - -.cbi-dropdown[open] > ul.dropdown > li.focus { - background: linear-gradient(90deg, #a3c2e8 0%, #84aad9 100%); -} - -.cbi-dropdown[open] > ul.dropdown > li:last-child { - margin-bottom: 0; - border-bottom: none; -} - -.cbi-dropdown[disabled] { - pointer-events: none; - opacity: .6; -} - -input[type="text"] + .cbi-button, -input[type="password"] + .cbi-button, -select + .cbi-button { - border-radius: 2px; - border-color: #ccc; - margin: 2px 0 2px 3px; - padding: 0 12px; - vertical-align: top; - height: 28px; - font-size: 13px; - font-weight: normal; - line-height: 28px; -} - -select + .cbi-button { - #border-left-color: transparent; -} - -.cbi-title-ref { - color: #f39800; -} - -.cbi-title-ref::after { - content: " ➙ "; -} - -.cbi-tooltip-container { - cursor: help; - padding: 5px 3px 5px 3px; -} - -.cbi-tooltip { - position: absolute; - z-index: 1000; - left: -1000px; - opacity: 0; - transition: opacity .25s ease-out; -} - -.cbi-tooltip-container:hover .cbi-tooltip:not(:empty) { - left: auto; - opacity: 1; - transition: opacity .25s ease-in; -} - -.zonebadge .cbi-tooltip { - padding: 1px; - background: inherit; - margin: -1.6em 0 0 -5px; - border-radius: 2px; - pointer-events: none; - box-shadow: 0 0 3px #444; -} - -.zonebadge .cbi-tooltip > * { - margin: 1px; -} - -.zone-forwards { - display: flex; - flex-wrap: wrap; -} - -.zone-forwards > * { - flex: 1 1 40%; - padding: 1px; -} - -.zone-forwards > span { - flex-basis: 10%; - text-align: center; -} - -.zone-forwards .zone-src, -.zone-forwards .zone-dest { - display: flex; - flex-direction: column; -} - -.btn.active, .btn:active { - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); -} - -.btn.disabled { - cursor: default; - background-image: none; - opacity: 0.65; - box-shadow: none; -} - -.btn[disabled] { - cursor: default; - background-image: none; - opacity: 0.65; - box-shadow: none; -} - -.btn.large { - font-size: 15px; - line-height: normal; - padding: 9px 14px 9px; - border-radius: 2px; -} - -.btn.small { - padding: 7px 9px 7px; - font-size: 11px; -} - -button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { - padding: 0; - border: 0; -} - -.close { - float: right; - color: #000; - font-size: 20px; - font-weight: bold; - line-height: 13.5px; - opacity: 0.25; -} - -.close:hover { - color: #000; - text-decoration: none; - opacity: 0.4; -} - -.alert-message { - position: relative; - padding: 30px; - margin-top: 25px; - margin-bottom: 25px; - color: #404040; - background: #f0e68c; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - border-width: 1px; - border-style: solid; - border-radius: 2px; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); -} - -.alert-message .close { - margin-top: 1px; - *margin-top: 0; -} - -.alert-message a { - font-weight: bold; - color: #404040; -} - -.alert-message.danger p a, -.alert-message.error p a, -.alert-message.success p a, -.alert-message.info p a { - color: #fff; -} - -.alert-message h5 { - line-height: 18px; -} - -.alert-message p { - margin-bottom: 0; -} - -.alert-message div { - margin-top: 15px; - margin-bottom: 10px; - line-height: 28px; -} - -.label { - padding: 3px 3px 3px 3px; - font-size: 8px; - font-weight: normal; - color: #fff !important; - text-transform: uppercase; - white-space: nowrap; - background-color: #bfbfbf; - border-radius: 2px; - text-shadow: none; -} - -a.label:link, -a.label:visited { - color: #fff; -} - -a.label:hover { - text-decoration: none; -} - -.label.important { - background-color: #c43c35; -} - -.label.warning { - background-color: #f89406; -} - -.label.success { - background-color: #46a546; -} - -.label.notice { - background-color: #62cffc; -} - -/* LuCI specific items */ -.hidden { display: none } - -#memtotal > div, -#memfree > div, -#memcache > div, -#membuff > div, -#conns > div { - border: 1px solid #ccc; - border-radius: 2px 2px 2px 2px; - color: #808080; - display: inline-block; - font-size: 12px; - line-height: 18px; -} - -#xhr_poll_status { - cursor: pointer; -} - -form.inline { display: inline; margin-bottom: 0; } - -header .pull-right { padding-top: 21px; } - -#modemenu li:last-child span.divider { display: none } - -#syslog { width: 100%; } - -.cbi-section-table .tr:hover .td, -.cbi-section-table .tr:hover .th, -.cbi-section-table .tr:hover::before { - background-color: #f5f5f5; -} - -.cbi-section-table .tr.cbi-section-table-descr .th { - font-weight: normal; -} - -.cbi-section-table-titles.named::before, -.cbi-section-table-descr.named::before, -.cbi-section-table-row[data-title]::before { - content: attr(data-title) " "; - display: table-cell; - padding: 10px 10px 9px; - line-height: 18px; - font-weight: bold; - vertical-align: middle; -} - -.cbi-section-table-titles.named::before, -.cbi-section-table-descr.named::before, -.cbi-section-table-row[data-title]::before { - border-top: 1px solid #ddd; -} - -.left { text-align: left !important; } -.right { text-align: right !important; } -.center { text-align: center !important; } -.top { vertical-align: top !important; } -.middle { vertical-align: middle !important; } -.bottom { vertical-align: bottom !important; } - -.cbi-value-field { line-height: 1.5em; } - -.cbi-value-field input[type=checkbox], -.cbi-value-field input[type=radio] { - margin-top: 8px; - margin-right: 6px; -} - -table table td, -.cbi-value-field table td { - border: none; -} - -.table.cbi-section-table input[type="password"], -.table.cbi-section-table input[type="text"], -.table.cbi-section-table textarea, -.table.cbi-section-table select { - width: 100%; -} - -.table.cbi-section-table .td.cbi-section-table-cell { - white-space: nowrap; - text-align: right; -} - -.table.cbi-section-table .td.cbi-section-table-cell select { - width: inherit; -} - -.td.cbi-section-actions { - text-align: right; - vertical-align: middle; -} - -.td.cbi-section-actions > * { - display: flex; -} - -.td.cbi-section-actions > * > *, -.td.cbi-section-actions > * > form > * { - flex: 1 1 4em; - margin: 0 1px; -} - -.td.cbi-section-actions > * > form { - display: inline-flex; - margin: 0; -} - -.table.valign-middle .td { - vertical-align: middle; -} - -.cbi-rowstyle-2, -.tr.table-titles, -.tr.cbi-section-table-titles { - background: #f9f9f9; -} - -.cbi-value-description { - background-image: url(/luci-static/resources/cbi/help.gif); - background-position: .25em .2em; - background-repeat: no-repeat; - margin: 10px 0 10px -5px; - padding: 0 0 0 26px; -} - -.cbi-section-error { - border: 1px solid #f00; - border-radius: 2px; - background-color: #fce6e6; - padding: 5px; - margin-bottom: 18px; -} - -.cbi-section-error ul { margin: 0 0 0 20px; } - -.cbi-section-error ul li { - color: #f00; - font-weight: bold; -} - -.ifacebox { - background-color: #fff; - border: 1px solid #ccc; - margin: 6px 4px; - text-align: center; - white-space: nowrap; - background-image: linear-gradient(#fff, #fff 25%, #f9f9f9); - border-radius: 2px; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - display: inline-flex; - flex-direction: column; - line-height: 1.2em; - min-width: 100px; -} - -.ifacebox .ifacebox-head { - border-bottom: 1px solid #ccc; - padding: 10px; - line-height: 1.2em; - background: #eee; -} - -.ifacebox .ifacebox-head.active { - background: #f0e68c; -} - -.ifacebox .ifacebox-body { - padding: .25em; -} - -.ifacebadge { - display: inline-block; - flex-direction: row; - white-space: nowrap; - background-color: #fff; - border: 1px solid #ccc; - padding: 5px 5px 3px 5px; - background-image: linear-gradient(#fff, #fff 25%, #f9f9f9); - border-radius: 2px; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - cursor: default; - line-height: 1.2em; -} - -.ifacebadge img { - width: 16px; - height: 16px; - vertical-align: middle; -} - -.ifacebadge-active { - border-color: #000; - font-weight: bold; -} - -.network-status-table { - display: flex; - flex-wrap: wrap; -} - -.network-status-table .ifacebox { - margin: 10px 10px 15px 2px; - flex-grow: 1; -} - -.network-status-table .ifacebox-body { - display: flex; - flex-direction: column; - height: 100%; - text-align: left; - padding: 8px; -} - -.network-status-table .ifacebox-body > * { - margin: .25em; -} - -.network-status-table .ifacebox-body > span { - flex: 10 10 auto; - height: 100%; -} - -.network-status-table .ifacebox-body > div { - display: flex; - flex-wrap: wrap; - margin: -.125em; -} - -#dsl_status_table .ifacebox-body > span > strong { - display: inline-block; - min-width: 35%; -} - -.ifacebadge.large, -.network-status-table .ifacebox-body .ifacebadge { - display: inline-flex; - flex: 1; - padding: 10px 4px 10px 4px; - min-width: 220px; - margin: 10px 6px 4px 4px; -} - -.ifacebadge > *, -.ifacebadge.large > * { - margin: 0 .125em; -} - -.zonebadge { - padding: 2px; - border-radius: 2px; - display: inline-block; - white-space: nowrap; - color: #666; -} - -.zonebadge > em, -.zonebadge > strong { - margin: 0 2px; - display: inline-block; -} - -.zonebadge input { - width: 6em; -} - -.zonebadge > .ifacebadge { - margin-left: 2px; -} - -.zonebadge-empty { - border: 1px dashed #aaa; - color: #aaa; - font-style: italic; - font-size: smaller; -} - -div.cbi-value var, -.td.cbi-value-field var { - font-style: italic; - color: #215e21; -} - -.uci-change-list { - line-height: 170%; - white-space: pre; -} - -.uci-change-list del, -.uci-change-list ins, -.uci-change-list var, -.uci-change-legend-label del, -.uci-change-legend-label ins, -.uci-change-legend-label var { - text-decoration: none; - font-family: monospace; - font-style: normal; - border: 1px solid #ccc; - background: #eee; - padding: 2px; - display: block; - line-height: 15px; - margin-bottom: 1px; -} - -.uci-change-list ins, -.uci-change-legend-label ins { - border-color: #0f0; - background: #cfc; -} - -.uci-change-list del, -.uci-change-legend-label del { - border-color: #f00; - background: #fcc; -} - -.uci-change-list var, -.uci-change-legend-label var { - border-color: #ccc; - background: #eee; -} - -.uci-change-list var ins, -.uci-change-list var del { - display: inline-block; - border: none; - width: 100%; - padding: 0; -} - -.uci-change-legend { - padding: 5px; -} - -.uci-change-legend-label { - width: 150px; - float: left; -} - -.uci-change-legend-label > ins, -.uci-change-legend-label > del, -.uci-change-legend-label > var { - float: left; - margin-right: 4px; - width: 10px; - height: 10px; - display: block; - position: relative; -} - -.uci-change-legend-label var ins, -.uci-change-legend-label var del { - border: none; - position: absolute; - top: 2px; - left: 2px; - right: 2px; - bottom: 2px; -} - -html body.apply-overlay-active { - height: calc(100vh - 63px); -} - -#applyreboot-section { - line-height: 300%; -} - -.login{ - text-align: center; - background-color: #fff; - border-radius: 20px; - width: 300px; - height: 350px; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%,-50%); -} diff --git a/luci-theme-ezengreen/htdocs/luci-static/ezengreen/favicon.png b/luci-theme-ezengreen/htdocs/luci-static/ezengreen/favicon.png deleted file mode 100755 index 7ee777910..000000000 Binary files a/luci-theme-ezengreen/htdocs/luci-static/ezengreen/favicon.png and /dev/null differ diff --git a/luci-theme-ezengreen/htdocs/luci-static/ezengreen/html5.js b/luci-theme-ezengreen/htdocs/luci-static/ezengreen/html5.js deleted file mode 100755 index 1ec510f2a..000000000 --- a/luci-theme-ezengreen/htdocs/luci-static/ezengreen/html5.js +++ /dev/null @@ -1,3 +0,0 @@ -// HTML5 Shiv v3 | @jon_neal @afarkas @rem | MIT/GPL2 Licensed -// Uncompressed source: https://github.com/aFarkas/html5shiv -(function(a,b){function f(a){var c,d,e,f;b.documentMode>7?(c=b.createElement("font"),c.setAttribute("data-html5shiv",a.nodeName.toLowerCase())):c=b.createElement("shiv:"+a.nodeName);while(a.firstChild)c.appendChild(a.childNodes[0]);for(d=a.attributes,e=d.length,f=0;f7?e[g][e[g].length-1]=e[g][e[g].length-1].replace(d,'$1font[data-html5shiv="$2"]'):e[g][e[g].length-1]=e[g][e[g].length-1].replace(d,"$1shiv\\:$2"),e[g]=e[g].join("}");return e.join("{")}var c=function(a){return a.innerHTML="",a.childNodes.length===1}(b.createElement("a")),d=function(a,b,c){return b.appendChild(a),(c=(c?c(a):a.currentStyle).display)&&b.removeChild(a)&&c==="block"}(b.createElement("nav"),b.documentElement,a.getComputedStyle),e={elements:"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video".split(" "),shivDocument:function(a){a=a||b;if(a.documentShived)return;a.documentShived=!0;var f=a.createElement,g=a.createDocumentFragment,h=a.getElementsByTagName("head")[0],i=function(a){f(a)};c||(e.elements.join(" ").replace(/\w+/g,i),a.createElement=function(a){var b=f(a);return b.canHaveChildren&&e.shivDocument(b.document),b},a.createDocumentFragment=function(){return e.shivDocument(g())});if(!d&&h){var j=f("div");j.innerHTML=["x"].join(""),h.insertBefore(j.lastChild,h.firstChild)}return a}};e.shivDocument(b),a.html5=e;if(c||!a.attachEvent)return;a.attachEvent("onbeforeprint",function(){if(a.html5.supportsXElement||!b.namespaces)return;b.namespaces.shiv||b.namespaces.add("shiv");var c=-1,d=new RegExp("^("+a.html5.elements.join("|")+")$","i"),e=b.getElementsByTagName("*"),g=e.length,j,k=i(h(function(a,b){var c=[],d=a.length;while(d)c.unshift(a[--d]);d=b.length;while(d)c.unshift(b[--d]);c.sort(function(a,b){return a.sourceIndex-b.sourceIndex}),d=c.length;while(d)c[--d]=c[d].styleSheet;return c}(b.getElementsByTagName("style"),b.getElementsByTagName("link"))));while(++c ul, .nav { - display: block; - float: left; - margin: 7px 8px 0 8px; - position: relative; - left: 0; -} - -header div > ul a, .nav a { - display: block; - float: left; - padding: 12px 6px 12px 6px; - line-height: 14px; - letter-spacing: 0.2px; -} - -.menu-dropdown, .dropdown-menu { - top: 38px; - min-width: 180px; - max-width: 260px; -} - -@media screen and (max-device-width: 660px) { - #maincontent.container { - width: 98%; - margin: 30px 0 0 6px; - } -} - -@media screen and (max-device-width: 360px) { - #maincontent.container { - width: 96%; - margin: 30px 0 0 6px; - } -} - -@media screen and (max-device-width: 200px) { - #maincontent.container { - width: 94%; - margin: 40px 0 0 2px; - } -} diff --git a/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/cascade.css b/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/cascade.css deleted file mode 100755 index 740adc320..000000000 --- a/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/cascade.css +++ /dev/null @@ -1,2027 +0,0 @@ -/*! - * LuCI Bootstrap Theme - * Copyright 2012 Nut & Bolt - * By David Menting - * Based on Bootstrap v1.4.0 - * - * Copyright 2011 Twitter, Inc - * Licensed under the Apache License v2.0 - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Designed and built with all the love in the world @twitter by @mdo and @fat. - */ -/* Reset.less - * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc). - * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ -html { - margin: 0; - padding: 0; -} - -body { - margin: 0; - padding: 5px; -} - -h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, code, del, em, img, ins, q, s, -small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, -form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, -.table, .tbody, .tfoot, .thead, .tr, .th, .td { - margin: 0; - padding: 0; - border: 0; - font-weight: normal; - font-style: normal; - font-size: 100%; - line-height: 1; - font-family: inherit; -} - -abbr[title], acronym[title] { - border-bottom: 1px dotted; - font-weight: inherit; - cursor: help; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -ol, ul { - list-style: none; -} - -q:before, -q:after, -blockquote:before, -blockquote:after { - content: ""; -} - -html { - overflow-y: scroll; - font-size: 100%; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} - -a:focus { - outline: thin dotted; -} - -a:hover, a:active { - outline: 0; -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -nav, -section { - display: block; -} - -sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -img { - border: 0; - -ms-interpolation-mode: bicubic; -} - -button, -input, -select, -option, -textarea { - font-size: 100%; - margin: 0; - box-sizing: border-box; - vertical-align: baseline; - *vertical-align: middle; -} - -button, input { - line-height: normal; - *overflow: visible; -} - -button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; - padding: 0; -} - -button, -input[type="button"], -input[type="reset"], -input[type="submit"] { - cursor: pointer; - -webkit-appearance: button; -} - -button[disabled], -input[type="button"][disabled], -input[type="reset"][disabled], -input[type="submit"][disabled] { - opacity: 0.7; -} - -input[type="search"] { - -webkit-appearance: textfield; - box-sizing: content-box; -} - -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -textarea { - overflow: auto; - vertical-align: top; -} - -/* - * Scaffolding - * Basic and global styles for generating a grid system, structural layout, and page templates - * ------------------------------------------------------------------------------------------- */ -body { - background-color: #fff; - margin: 0; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 12px; - font-weight: normal; - line-height: 18px; - color: #404040; - padding-top: 75px; -} - -.container { - width: 100%; - max-width: 940px; - margin-left: auto; - margin-right: auto; - zoom: 1; -} - -.container:before, .container:after { - display: table; - content: ""; - zoom: 1; -} - -.container:after { - clear: both; -} - -a { - color: #215e21; - text-decoration: none; - line-height: inherit; - font-weight: inherit; -} - -a:hover { - color: #000000; - text-decoration: none; -} - -.pull-right { - float: right; -} - -.pull-left { - float: left; -} - -/* Typography.less - * Headings, body text, lists, code, and more for a versatile and durable typography system - * ---------------------------------------------------------------------------------------- */ -p, -.cbi-map-descr, -.cbi-section-descr, -.table .tr.cbi-section-table-descr .th { - font-size: 12px; - font-weight: normal; - line-height: 18px; - margin-bottom: 9px; -} - -p small { - font-size: 11px; - color: #bfbfbf; -} - -h1, -h2, -h3, legend, -h4, -h5, -h6 { - font-weight: normal; - color: #404040; -} - -h1 small, -h2 small, -h3 small, -h4 small, -h5 small, -h6 small { - color: #bfbfbf; -} - -h1 { - margin-bottom: 18px; - font-size: 30px; - line-height: 36px; -} - -h1 small { - font-size: 18px; -} - -h2 { - font-size: 24px; - line-height: 58px; - text-transform: uppercase; - font-weight: normal; -} - -h2 small { - font-size: 14px; -} - -h3, legend, -h4, -h5, -h6 { - line-height: 48px; -} - -h3, legend { - font-size: 18px; -} - -h3 small { - font-size: 14px; -} - -h4 { - font-size: 16px; -} - -h4 small { - font-size: 12px; -} - -h5 { - font-size: 14px; -} - -h6 { - font-size: 13px; - color: #bfbfbf; - text-transform: uppercase; -} - -ul, ol { - margin: 0 0 18px 25px; -} - -ul ul, -ul ol, -ol ol, -ol ul { - margin-bottom: 0; -} - -ul { - list-style: disc; -} - -ol { - list-style: decimal; -} - -li { - line-height: 18px; - color: #808080; -} - -ul.unstyled { - list-style: none; - margin-left: 0; -} - -dl { - margin-bottom: 18px; -} - -dl dt, dl dd { - line-height: 18px; -} - -dl dt { - font-weight: bold; -} - -dl dd { - margin-left: 9px; -} - -hr { - margin: 20px 0 19px; - border: 0; - border-bottom: 1px solid #eee; -} - -strong { - font-style: inherit; - font-weight: bold; -} - -em { - font-style: italic; - font-weight: inherit; - line-height: inherit; -} - -small { font-size: 0.9em } - -address { - display: block; - line-height: 18px; - margin-bottom: 18px; -} - -code, pre { - padding: 0 3px 2px; - font-family: Monaco, Andale Mono, Courier New, monospace; - font-size: 12px; - border-radius: 2px; -} - -code { - background-color: #fee9cc; - color: rgba(0, 0, 0, 0.75); - padding: 1px 3px; -} - -pre { - background-color: #f5f5f5; - display: block; - padding: 8.5px; - margin: 0 0 18px; - line-height: 18px; - font-size: 12px; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 2px; - white-space: pre; - white-space: pre-wrap; - word-wrap: break-word; -} - -/* Forms.less - * Base styles for various input types, form layouts, and states - * ------------------------------------------------------------- */ -form { - margin-bottom: 18px; -} - -fieldset { - margin-bottom: 9px; - padding-top: 9px; -} - -fieldset legend { - display: block; - font-size: 19.5px; - line-height: 1; - color: #404040; - padding-top: 20px; - *padding: 0 0 5px 0px; - /* IE6-7 */ - - *line-height: 1.5; - /* IE6-7 */ - -} -form .cbi-tab-descr { - line-height: 18px; - margin-bottom: 18px; -} - -form .clearfix, -form .cbi-value { - margin-bottom: 15px; - margin-top: 15px; - zoom: 1; -} - -form .clearfix:before, form .clearfix:after, -form .cbi-value:before, form .cbi-value:after { - display: table; - content: ""; - zoom: 1; -} - -form .clearfix:after, -form .cbi-value:after { - clear: both; -} - -label, -input, -select, -textarea { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 12px; - font-weight: normal; - line-height: normal; -} - -form .input, -form .cbi-value-field { - margin-left: 120px; -} - -form .cbi-value label.cbi-value-title { - padding-top: 6px; - font-size: 12px; - line-height: 18px; - float: left; - width: 111px; - text-align: left; - color: #404040; -} - -input[type=checkbox], input[type=radio] { - cursor: pointer; -} - -input, -textarea, -select, -.cbi-dropdown, -.uneditable-input { - display: inline-block; - width: 200px; - height: 30px; - padding: 4px; - font-size: 12px; - line-height: 18px; - color: #808080; - border: 1px solid #ccc; - border-radius: 2px; - box-sizing: border-box; - margin: 2px 0; -} - -.cbi-dropdown { - min-width: 210px; - max-width: 400px; - width: auto; -} - -select { - padding: initial; - background: #fff; - box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.1); -} - -input[type=checkbox], input[type=radio] { - width: auto; - height: auto; - padding: 0; - margin: 3px 0; - *margin-top: 0; - /* IE6-7 */ - - line-height: normal; - border: none; -} - -input[type=file] { - background-color: #fff; - padding: initial; - border: initial; - line-height: initial; - box-shadow: none; - width: auto !important; -} - -input[type=button], input[type=reset], input[type=submit] { - width: auto; - height: auto; -} - -select, input[type=file] { - *height: auto; - *margin-top: 4px; - /* For IE7, add top margin to align select with labels */ -} - -select[multiple] { - height: inherit; - background-color: #fff; -} - -textarea { - height: auto; -} - -.td > input[type=text], -.td > input[type=password], -.td > select, -.td > .cbi-dropdown { - width: 100%; -} - -.uneditable-input { - background-color: #fff; - display: block; - border-color: #eee; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - cursor: not-allowed; -} - -::-moz-placeholder { - color: #bfbfbf; -} - -::-webkit-input-placeholder { - color: #bfbfbf; -} - -.btn, .cbi-button, input, textarea { - transition: border linear 0.2s, box-shadow linear 0.2s; - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); - padding: 12px 6px; -} - -.btn:hover, .cbi-button:hover, -input:focus, textarea:focus { - outline: 0; - border-color: rgba(82, 168, 236, 0.8) !important; - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); - text-decoration: none; -} - -input[type=file]:focus, input[type=checkbox]:focus, select:focus { - box-shadow: none; - outline: 1px dotted #666; -} - -input[disabled], -select[disabled], -textarea[disabled], -input[readonly], -select[readonly], -textarea[readonly] { - background-color: #194119; - border-color: #ccc; - padding: 5px; - pointer-events: none; - cursor: default; -} - -select[readonly], -textarea[readonly] { - pointer-events: auto; - cursor: auto; -} - -.cbi-optionals, -.cbi-section-create { - padding: 0 0 10px 10px; -} - -.cbi-section-create { - margin: 10px 0 0 -10px; - display: inline-flex; - align-items: center; -} - -.cbi-section-create > * { - margin: 3px; - flex: 1 1 auto; -} - -.cbi-section-create > * > input { - width: 100%; -} - -.actions, -.cbi-page-actions { - background: #f5f5f5; - margin-bottom: 20px; - margin-top: 40px; - padding: 15px 20px 15px 20px; - border-radius: 0 0 2px 2px; - text-align: right; -} - -.actions .secondary-action, -.cbi-page-actions .secondary-action{ - float: right; -} - -.actions .secondary-action a, -.cbi-page-actions .secondary-action a { - line-height: 30px; -} - -.actions .secondary-action a:hover, -.cbi-page-actions .secondary-action a:hover { - text-decoration: none; -} - -.cbi-page-actions > form { - display: inline; - margin: 0; -} - -.help-inline, .help-block { - font-size: 12px; - line-height: 18px; - color: #bfbfbf; -} - -.help-inline { - padding-left: 5px; - *position: relative; - /* IE6-7 */ - - *top: -5px; - /* IE6-7 */ - -} - -.help-block { - display: block; - max-width: 600px; -} - -/* - * Tables.less - * Tables for, you guessed it, tabular data - * ---------------------------------------- */ -.tr { display: table-row; } -.table[width="33%"], .th[width="33%"], .td[width="33%"] { width: 33%; } -.table[width="100%"], .th[width="100%"], .td[width="100%"] { width: 100%; } - -.table { - display: table; - width: 100%; - margin: 12px 0 24px 0; - padding: 0; - font-size: 12px; - border-collapse: collapse; - position: relative; -} - -.table .th, .table .td { - display: table-cell; - vertical-align: middle; /* Fixme */ - padding: 6px 6px 6px 2px; - line-height: 18px; - text-align: left; -} - -.table .tr:first-child .th { - padding-top: 9px; - font-weight: normal; - vertical-align: top; -} - -.table .td, .table .th { - border-top: 1px solid #e7e7e7; -} - -.tr.placeholder { - height: calc(3em + 20px); -} - -.tr.placeholder > .td { - position: absolute; - left: 0; - right: 0; - bottom: 0; - text-align: center; - line-height: 3em; -} - -/* Patterns.less - * Repeatable UI elements outside the base styles provided from the scaffolding - * ---------------------------------------------------------------------------- */ -header { - height: 40px; - position: fixed; - top: 0; - left: 0; - right: 0; - z-index: 10000; - overflow: visible; - color: #BFBFBF; -} - -header a { - color: #c4c4c4; -} - -header h3 a:hover, header .brand:hover, header ul .active > a { - background-color: #333; - background-color: rgba(0, 0, 0, 0.33); - color: #fff; - text-decoration: none; -} - -header h3 { - position: relative; -} - -header h3 a, header .brand { - float: left; - display: block; - padding: 16px 20px 16px; - margin-left: -20px; - color: #fff; - font-size: 24px; - font-weight: 333; - line-height: 1; -} - -header p { - margin: 0; - line-height: 40px; -} - -header .fill { - background-color: #215e21; - background-repeat: repeat-x; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.33), inset 0 -1px 0 rgba(0, 0, 0, 0.1); - padding: 0 5px; -} - -header div > ul, .nav { - display: block; - float: left; - margin: 0 10px 0 20px; - position: relative; - left: 0; -} - -header div > ul > li, .nav > li { - display: block; - float: left; -} - -header div > ul a, .nav a { - display: block; - float: none; - padding: 22px 12px 14px 12px; - line-height: 19px; - letter-spacing: 0.4px; - text-decoration: none; - text-transform: uppercase; -} - -header div > ul a:hover, .nav a:hover { - color: #fff; - text-decoration: none; -} - -header div > ul .active > a, .nav .active > a { - background-color: #222; - background-color: rgba(0, 0, 0, 0.33); -} - -header div > ul.secondary-nav, .nav.secondary-nav { - float: right; - margin-left: 10px; - margin-right: 0; -} - -header div > ul.secondary-nav .menu-dropdown, -.nav.secondary-nav .menu-dropdown, -header div > ul.secondary-nav .dropdown-menu, -.nav.secondary-nav .dropdown-menu { - right: 0; - border: 0; -} - -header div > ul a.menu:hover, -.nav a.menu:hover, -header div > ul li.open .menu, -.nav li.open .menu, -header div > ul .dropdown-toggle:hover, -.nav .dropdown-toggle:hover, -header div > ul .dropdown.open .dropdown-toggle, -.nav .dropdown.open .dropdown-toggle { - background: #444; - background: rgba(0, 0, 0, 0.3); -} - -header div > ul .menu-dropdown, -.nav .menu-dropdown, -header div > ul .dropdown-menu, -.nav .dropdown-menu { - background-color: #003300; -} - -header div > ul .menu-dropdown a.menu, -.nav .menu-dropdown a.menu, -header div > ul .dropdown-menu a.menu, -.nav .dropdown-menu a.menu, -header div > ul .menu-dropdown .dropdown-toggle, -.nav .menu-dropdown .dropdown-toggle, -header div > ul .dropdown-menu .dropdown-toggle, -.nav .dropdown-menu .dropdown-toggle { - color: #fff; -} - -header div > ul .menu-dropdown a.menu.open, -.nav .menu-dropdown a.menu.open, -header div > ul .dropdown-menu a.menu.open, -.nav .dropdown-menu a.menu.open, -header div > ul .menu-dropdown .dropdown-toggle.open, -.nav .menu-dropdown .dropdown-toggle.open, -header div > ul .dropdown-menu .dropdown-toggle.open, -.nav .dropdown-menu .dropdown-toggle.open { - background: #444; - background: rgba(255, 255, 255, 0.05); -} - -header div > ul .menu-dropdown li a, -.nav .menu-dropdown li a, -header div > ul .dropdown-menu li a, -.nav .dropdown-menu li a { - color: #bfbfbf; -} - -header div > ul .menu-dropdown li a:hover, -.nav .menu-dropdown li a:hover, -header div > ul .dropdown-menu li a:hover, -.nav .dropdown-menu li a:hover { - background-color: #215e21; - background-repeat: repeat-x; - color: #fff; -} - -header div > ul .menu-dropdown .active a, -.nav .menu-dropdown .active a, -header div > ul .dropdown-menu .active a, -.nav .dropdown-menu .active a { - color: #fff; -} - -header div > ul .menu-dropdown .divider, -.nav .menu-dropdown .divider, -header div > ul .dropdown-menu .divider, -.nav .dropdown-menu .divider { - background-color: #222; - border-color: #444; -} - -header ul .menu-dropdown li a, header ul .dropdown-menu li a { - padding: 6px 12px; -} - -li.menu, .dropdown { - position: relative; -} - -.menu-dropdown, .dropdown-menu { - background-color: #fff; - float: left; - position: absolute; - top: 55px; - left: -9999px; - z-index: 900; - min-width: 200px; - max-width: 300px; - _width: 160px; - margin-left: 0; - margin-right: 0; - padding: 6px 0; - zoom: 1; - border-radius: 0 0 2px 2px; - background-clip: padding-box; -} - -.menu-dropdown li, .dropdown-menu li { - float: none; - display: block; - background-color: transparent; -} - -.menu-dropdown .divider, .dropdown-menu .divider { - height: 1px; - margin: 5px 0; - overflow: hidden; - background-color: #eee; - border-bottom: 1px solid #fff; -} - -header .dropdown-menu a, .dropdown-menu a { - display: block; - padding: 4px 15px; - clear: both; - font-weight: normal; - line-height: 18px; - text-transform: capitalize; - letter-spacing: 0.2px; - color: #808080; - zoom: 1.1; -} - -header .dropdown-menu a:hover, -.dropdown-menu a:hover, -header .dropdown-menu a.hover, -.dropdown-menu a.hover { - background-color: #ddd; - background-repeat: repeat-x; - color: #404040; - text-decoration: none; - box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); -} - -.open .menu, -.dropdown.open .menu, -.open .dropdown-toggle, -.dropdown.open .dropdown-toggle { - color: #fff; - background: #ccc; - background: rgba(0, 0, 0, 0.3); -} - -.open .menu-dropdown, -.dropdown.open .menu-dropdown, -.open .dropdown-menu, -.dropdown.open .dropdown-menu { - left: 0; -} - -.dropdown:hover ul.dropdown-menu { - left: 0; -} - -.dropdown-menu .dropdown-menu { - position: absolute; - left: 159px; -} - -.dropdown-menu li { - position: relative; -} - -.tabs, .cbi-tabmenu { - margin: 0 0 18px; - padding: 0; - list-style: none; - zoom: 1; -} - -.tabs:before, -.cbi-tabmenu:before, -.tabs:after, -.cbi-tabmenu:after { - display: table; - content: ""; - zoom: 1; -} - -.tabs:after, .cbi-tabmenu:after { - clear: both; -} - -.tabs > li, .cbi-tabmenu > li { - float: left; -} - -.tabs > li > a, .cbi-tabmenu > li > a { - display: block; -} - -.tabs, -.cbi-tabmenu { - border-color: #ddd; - border-style: solid; - border-width: 0 0 1px; -} - -.tabs > li, -.cbi-tabmenu > li { - position: relative; - margin-bottom: -1px; -} - -.cbi-tabmenu.map { - margin: 0; -} - -.cbi-tabmenu.map > li { - font-size: 16.5px; - font-weight: bold; -} - -.cbi-tabcontainer > fieldset.cbi-section[id] > legend { - display: none; -} - -.tabs > li > a, -.cbi-tabmenu > li > a { - padding: 0 15px; - margin-right: 2px; - line-height: 34px; - border: 1px solid transparent; - border-radius: 2px 2px 0 0; -} - -.tabs > li > a:hover, -.cbi-tabmenu > li > a:hover { - text-decoration: none; - background-color: #eee; - border-color: #eee #eee #ddd; -} - -.tabs .active > a, .tabs .active > a:hover, -.cbi-tabmenu .active > a, .cbi-tabmenu .active > a:hover, -.cbi-tab > a:link, .cbi-tab > a:hover { - color: #000000; - background-color: #fff; - border: 1px solid #ddd; - border-bottom-color: transparent; - cursor: default; -} - -.tabs .menu-dropdown, .tabs .dropdown-menu, -.cbi-tabmenu .menu-dropdown, .cbi-tabmenu .dropdown-menu { - top: 35px; - border-width: 1px; - border-radius: 0 2px 2px 2px; -} - -.tabs a.menu:after, .tabs .dropdown-toggle:after, -.cbi-tabmenu a.menu:after, .cbi-tabmenu .dropdown-toggle:after { - border-top-color: #999; - margin-top: 15px; - margin-left: 5px; -} - -.tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle, -.cbi-tabmenu li.open.menu .menu, .cbi-tabmenu .open.dropdown .dropdown-toggle { - border-color: #999; -} - -.tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after, -.cbi-tabmenu li.open a.menu:after, .cbi-tabmenu .dropdown.open .dropdown-toggle:after { - border-top-color: #555; -} - -.tab-content > .tab-pane, -.tab-content > div { - display: none; -} - -.tab-content > .active { - display: block; -} - -.breadcrumb { - padding: 7px 14px; - margin: 0 0 18px; - background-color: #f5f5f5; - background-repeat: repeat-x; - border: 1px solid #ddd; - border-radius: 2px; - box-shadow: inset 0 1px 0 #fff; -} - -.breadcrumb li { - display: inline; -} - -.breadcrumb .divider { - padding: 0 5px; - color: #bfbfbf; -} - -.breadcrumb .active a { - color: #404040; -} - -footer { - margin-top: 30px; - padding-top: 20px; - padding-bottom: 20px; - border-top: 1px solid #404040; -} - -.btn.danger, -.alert-message.danger, -.btn.danger:hover, -.alert-message.danger:hover, -.btn.error, -.alert-message.error, -.btn.error:hover, -.alert-message.error:hover, -.btn.success, -.alert-message.success, -.btn.success:hover, -.alert-message.success:hover, -.btn.info, -.alert-message.info, -.btn.info:hover, -.alert-message.info:hover { - color: #fff; -} - -.btn .close, .alert-message .close { - font-family: Arial, sans-serif; - line-height: 18px; -} - -.btn.danger, -.alert-message.danger, -.btn.error, -.alert-message.error { - background: linear-gradient(to bottom, #ee5f5b, #c43c35) repeat-x; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -} - -.btn.success, .alert-message.success { - background: linear-gradient(to bottom, #62c462, #57a957) repeat-x; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -} - -.btn.info, .alert-message.info { - background: linear-gradient(to bottom, #5bc0de, #339bb9) repeat-x; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -} - -.alert-message.notice { - background: linear-gradient(to bottom, #efefef, #fefefe) repeat-x; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -} - -.btn, -.cbi-button { - cursor: pointer; - display: inline-block; - background: linear-gradient(#fff, #fff 25%, #e6e6e6) no-repeat; - padding: 5px 14px 6px; - color: #333; - font-size: 12px; - line-height: normal; - border: 1px solid #ccc; - border-bottom-color: #bbb; - border-radius: 2px; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -} - -.btn:focus, -.cbi-button:focus { - outline: 1px dotted #666; -} - -.cbi-input-invalid, -.cbi-value-error input { - color: #f00; - border-color: #f00; -} - -.cbi-button-positive, -.cbi-button-fieldadd, -.cbi-button-add, -.cbi-button-save { - border-color: #4a4; - color: #4a4; -} - -.cbi-button-neutral, -.cbi-button-download, -.cbi-button-find, -.cbi-button-link, -.cbi-button-up, -.cbi-button-down { - color: #444; -} - -.btn.primary, -.cbi-button-action, -.cbi-button-apply, -.cbi-button-reload, -.cbi-button-edit { - border-color: #4aa44b; - color: #4aa44b; -} - -.cbi-button-negative, -.cbi-section-remove .cbi-button, -.cbi-button-reset, -.cbi-button-remove { - border-color: #c44; - color: #c44; -} - -.cbi-page-actions::after { - display: table; - content: ""; - clear: both; -} - -.cbi-page-actions > :not([method="post"]):not(.cbi-button-apply):not(.cbi-button-save):not(.cbi-button-reset) { - float: left; - margin-right: .4em; -} - -.btn.primary, -.cbi-button-action.important, -.cbi-page-actions .cbi-button-apply, -.cbi-section-actions .cbi-button-edit { - color: #fff; - background: #4aa44b; -} - -.cbi-button-positive.important, -.cbi-page-actions .cbi-button-save { - color: #fff; - background: linear-gradient(to bottom, #4a4, #484) no-repeat; -} - -.cbi-button-negative.important { - color: #fff; - background: linear-gradient(to bottom, #c44, #c00) no-repeat; -} - -.cbi-page-actions .cbi-button-apply + .cbi-button-save { - background: linear-gradient(#fff, #fff 25%, #e6e6e6); - color: #4a4; -} - -.cbi-dropdown { - border: 1px solid #ccc; - border-radius: 2px; - display: inline-flex; - padding: 0; - cursor: pointer; - height: auto; - background: linear-gradient(#fff 0%, #e9e8e6 100%); - position: relative; - color: #404040; -} - -.cbi-dropdown:focus { - outline: 2px solid #4b6e9b; -} - -.cbi-dropdown > ul { - margin: 0 !important; - padding: 0; - list-style: none; - overflow-x: hidden; - overflow-y: auto; - display: flex; - width: 100%; -} - -.cbi-dropdown > ul.preview { - display: none; -} - -.cbi-dropdown > .open, -.cbi-dropdown > .more { - flex-grow: 0; - flex-shrink: 0; - display: flex; - flex-direction: column; - justify-content: center; - text-align: center; - line-height: 2em; - padding: 0 .25em; -} - -.cbi-dropdown > .more, -.cbi-dropdown > ul > li[placeholder] { - color: #777; - font-weight: bold; - display: none; -} - -.cbi-dropdown > ul > li { - display: none; - padding: .25em; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - flex-shrink: 1; - flex-grow: 1; - align-items: center; - align-self: center; - color: #404040; - min-height: 20px; -} - -.cbi-dropdown > ul > li .hide-open { display: block; display: initial; } -.cbi-dropdown > ul > li .hide-close { display: none; } - -.cbi-dropdown > ul > li[display]:not([display="0"]) { - border-left: 1px solid #ccc; -} - -.cbi-dropdown[empty] > ul { - max-width: 1px; -} - -.cbi-dropdown > ul > li > form { - display: none; - margin: 0; - padding: 0; - pointer-events: none; -} - -.cbi-dropdown > ul > li img { - vertical-align: middle; - margin-right: .25em; -} - -.cbi-dropdown > ul > li > form > input[type="checkbox"] { - margin: 0; -} - -.cbi-dropdown > ul > li input[type="text"] { - height: 20px; -} - -.cbi-dropdown[open] { - position: relative; -} - -.cbi-dropdown[open] > ul.dropdown { - display: block; - background: #f6f6f5; - border: 1px solid #918e8c; - box-shadow: 0 0 4px #918e8c; - position: absolute; - z-index: 1000; - max-width: none; - min-width: 100%; - width: auto; -} - -.cbi-dropdown > ul > li[display], -.cbi-dropdown[open] > ul.preview, -.cbi-dropdown[open] > ul.dropdown > li, -.cbi-dropdown[multiple] > ul > li > label, -.cbi-dropdown[multiple][open] > ul.dropdown > li, -.cbi-dropdown[multiple][more] > .more, -.cbi-dropdown[multiple][empty] > .more { - flex-grow: 1; - display: flex; -} - -.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: block; display: initial; } - -.cbi-dropdown[open] > ul.dropdown > li { - border-bottom: 1px solid #ccc; -} - -.cbi-dropdown[open] > ul.dropdown > li[selected] { - background: #b0d0f0; -} - -.cbi-dropdown[open] > ul.dropdown > li.focus { - background: linear-gradient(90deg, #a3c2e8 0%, #84aad9 100%); -} - -.cbi-dropdown[open] > ul.dropdown > li:last-child { - margin-bottom: 0; - border-bottom: none; -} - -.cbi-dropdown[disabled] { - pointer-events: none; - opacity: .6; -} - -input[type="text"] + .cbi-button, -input[type="password"] + .cbi-button, -select + .cbi-button { - border-radius: 2px; - border-color: #ccc; - margin: 2px 0 2px 3px; - padding: 0 12px; - vertical-align: top; - height: 28px; - font-size: 13px; - font-weight: normal; - line-height: 28px; -} - -select + .cbi-button { - #border-left-color: transparent; -} - -.cbi-title-ref { - color: #f39800; -} - -.cbi-title-ref::after { - content: " ➙ "; -} - -.cbi-tooltip-container { - cursor: help; - padding: 5px 3px 5px 3px; -} - -.cbi-tooltip { - position: absolute; - z-index: 1000; - left: -1000px; - opacity: 0; - transition: opacity .25s ease-out; -} - -.cbi-tooltip-container:hover .cbi-tooltip:not(:empty) { - left: auto; - opacity: 1; - transition: opacity .25s ease-in; -} - -.zonebadge .cbi-tooltip { - padding: 1px; - background: inherit; - margin: -1.6em 0 0 -5px; - border-radius: 2px; - pointer-events: none; - box-shadow: 0 0 3px #444; -} - -.zonebadge .cbi-tooltip > * { - margin: 1px; -} - -.zone-forwards { - display: flex; - flex-wrap: wrap; -} - -.zone-forwards > * { - flex: 1 1 40%; - padding: 1px; -} - -.zone-forwards > span { - flex-basis: 10%; - text-align: center; -} - -.zone-forwards .zone-src, -.zone-forwards .zone-dest { - display: flex; - flex-direction: column; -} - -.btn.active, .btn:active { - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); -} - -.btn.disabled { - cursor: default; - background-image: none; - opacity: 0.65; - box-shadow: none; -} - -.btn[disabled] { - cursor: default; - background-image: none; - opacity: 0.65; - box-shadow: none; -} - -.btn.large { - font-size: 15px; - line-height: normal; - padding: 9px 14px 9px; - border-radius: 2px; -} - -.btn.small { - padding: 7px 9px 7px; - font-size: 11px; -} - -button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { - padding: 0; - border: 0; -} - -.close { - float: right; - color: #000; - font-size: 20px; - font-weight: bold; - line-height: 13.5px; - opacity: 0.25; -} - -.close:hover { - color: #000; - text-decoration: none; - opacity: 0.4; -} - -.alert-message { - position: relative; - padding: 30px; - margin-top: 25px; - margin-bottom: 25px; - color: #404040; - background: #f0e68c; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - border-width: 1px; - border-style: solid; - border-radius: 2px; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); -} - -.alert-message .close { - margin-top: 1px; - *margin-top: 0; -} - -.alert-message a { - font-weight: bold; - color: #404040; -} - -.alert-message.danger p a, -.alert-message.error p a, -.alert-message.success p a, -.alert-message.info p a { - color: #fff; -} - -.alert-message h5 { - line-height: 18px; -} - -.alert-message p { - margin-bottom: 0; -} - -.alert-message div { - margin-top: 15px; - margin-bottom: 10px; - line-height: 28px; -} - -.label { - padding: 3px 3px 3px 3px; - font-size: 8px; - font-weight: normal; - color: #fff !important; - text-transform: uppercase; - white-space: nowrap; - background-color: #bfbfbf; - border-radius: 2px; - text-shadow: none; -} - -a.label:link, -a.label:visited { - color: #fff; -} - -a.label:hover { - text-decoration: none; -} - -.label.important { - background-color: #c43c35; -} - -.label.warning { - background-color: #f89406; -} - -.label.success { - background-color: #46a546; -} - -.label.notice { - background-color: #62cffc; -} - -/* LuCI specific items */ -.hidden { display: none } - -#memtotal > div, -#memfree > div, -#memcache > div, -#membuff > div, -#conns > div { - border: 1px solid #ccc; - border-radius: 2px 2px 2px 2px; - color: #808080; - display: inline-block; - font-size: 12px; - line-height: 18px; -} - -#xhr_poll_status { - cursor: pointer; -} - -form.inline { display: inline; margin-bottom: 0; } - -header .pull-right { padding-top: 21px; } - -#modemenu li:last-child span.divider { display: none } - -#syslog { width: 100%; } - -.cbi-section-table .tr:hover .td, -.cbi-section-table .tr:hover .th, -.cbi-section-table .tr:hover::before { - background-color: #f5f5f5; -} - -.cbi-section-table .tr.cbi-section-table-descr .th { - font-weight: normal; -} - -.cbi-section-table-titles.named::before, -.cbi-section-table-descr.named::before, -.cbi-section-table-row[data-title]::before { - content: attr(data-title) " "; - display: table-cell; - padding: 10px 10px 9px; - line-height: 18px; - font-weight: bold; - vertical-align: middle; -} - -.cbi-section-table-titles.named::before, -.cbi-section-table-descr.named::before, -.cbi-section-table-row[data-title]::before { - border-top: 1px solid #ddd; -} - -.left { text-align: left !important; } -.right { text-align: right !important; } -.center { text-align: center !important; } -.top { vertical-align: top !important; } -.middle { vertical-align: middle !important; } -.bottom { vertical-align: bottom !important; } - -.cbi-value-field { line-height: 1.5em; } - -.cbi-value-field input[type=checkbox], -.cbi-value-field input[type=radio] { - margin-top: 8px; - margin-right: 6px; -} - -table table td, -.cbi-value-field table td { - border: none; -} - -.table.cbi-section-table input[type="password"], -.table.cbi-section-table input[type="text"], -.table.cbi-section-table textarea, -.table.cbi-section-table select { - width: 100%; -} - -.table.cbi-section-table .td.cbi-section-table-cell { - white-space: nowrap; - text-align: right; -} - -.table.cbi-section-table .td.cbi-section-table-cell select { - width: inherit; -} - -.td.cbi-section-actions { - text-align: right; - vertical-align: middle; -} - -.td.cbi-section-actions > * { - display: flex; -} - -.td.cbi-section-actions > * > *, -.td.cbi-section-actions > * > form > * { - flex: 1 1 4em; - margin: 0 1px; -} - -.td.cbi-section-actions > * > form { - display: inline-flex; - margin: 0; -} - -.table.valign-middle .td { - vertical-align: middle; -} - -.cbi-rowstyle-2, -.tr.table-titles, -.tr.cbi-section-table-titles { - background: #f9f9f9; -} - -.cbi-value-description { - background-image: url(/luci-static/resources/cbi/help.gif); - background-position: .25em .2em; - background-repeat: no-repeat; - margin: 10px 0 10px -5px; - padding: 0 0 0 26px; -} - -.cbi-section-error { - border: 1px solid #f00; - border-radius: 2px; - background-color: #fce6e6; - padding: 5px; - margin-bottom: 18px; -} - -.cbi-section-error ul { margin: 0 0 0 20px; } - -.cbi-section-error ul li { - color: #f00; - font-weight: bold; -} - -.ifacebox { - background-color: #fff; - border: 1px solid #ccc; - margin: 6px 4px; - text-align: center; - white-space: nowrap; - background-image: linear-gradient(#fff, #fff 25%, #f9f9f9); - border-radius: 2px; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - display: inline-flex; - flex-direction: column; - line-height: 1.2em; - min-width: 100px; -} - -.ifacebox .ifacebox-head { - border-bottom: 1px solid #ccc; - padding: 10px; - line-height: 1.2em; - background: #eee; -} - -.ifacebox .ifacebox-head.active { - background: #f0e68c; -} - -.ifacebox .ifacebox-body { - padding: .25em; -} - -.ifacebadge { - display: inline-block; - flex-direction: row; - white-space: nowrap; - background-color: #fff; - border: 1px solid #ccc; - padding: 5px 5px 3px 5px; - background-image: linear-gradient(#fff, #fff 25%, #f9f9f9); - border-radius: 2px; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - cursor: default; - line-height: 1.2em; -} - -.ifacebadge img { - width: 16px; - height: 16px; - vertical-align: middle; -} - -.ifacebadge-active { - border-color: #000; - font-weight: bold; -} - -.network-status-table { - display: flex; - flex-wrap: wrap; -} - -.network-status-table .ifacebox { - margin: 10px 10px 15px 2px; - flex-grow: 1; -} - -.network-status-table .ifacebox-body { - display: flex; - flex-direction: column; - height: 100%; - text-align: left; - padding: 8px; -} - -.network-status-table .ifacebox-body > * { - margin: .25em; -} - -.network-status-table .ifacebox-body > span { - flex: 10 10 auto; - height: 100%; -} - -.network-status-table .ifacebox-body > div { - display: flex; - flex-wrap: wrap; - margin: -.125em; -} - -#dsl_status_table .ifacebox-body > span > strong { - display: inline-block; - min-width: 35%; -} - -.ifacebadge.large, -.network-status-table .ifacebox-body .ifacebadge { - display: inline-flex; - flex: 1; - padding: 10px 4px 10px 4px; - min-width: 220px; - margin: 10px 6px 4px 4px; -} - -.ifacebadge > *, -.ifacebadge.large > * { - margin: 0 .125em; -} - -.zonebadge { - padding: 2px; - border-radius: 2px; - display: inline-block; - white-space: nowrap; - color: #666; -} - -.zonebadge > em, -.zonebadge > strong { - margin: 0 2px; - display: inline-block; -} - -.zonebadge input { - width: 6em; -} - -.zonebadge > .ifacebadge { - margin-left: 2px; -} - -.zonebadge-empty { - border: 1px dashed #aaa; - color: #aaa; - font-style: italic; - font-size: smaller; -} - -div.cbi-value var, -.td.cbi-value-field var { - font-style: italic; - color: #215e21; -} - -.uci-change-list { - line-height: 170%; - white-space: pre; -} - -.uci-change-list del, -.uci-change-list ins, -.uci-change-list var, -.uci-change-legend-label del, -.uci-change-legend-label ins, -.uci-change-legend-label var { - text-decoration: none; - font-family: monospace; - font-style: normal; - border: 1px solid #ccc; - background: #eee; - padding: 2px; - display: block; - line-height: 15px; - margin-bottom: 1px; -} - -.uci-change-list ins, -.uci-change-legend-label ins { - border-color: #0f0; - background: #cfc; -} - -.uci-change-list del, -.uci-change-legend-label del { - border-color: #f00; - background: #fcc; -} - -.uci-change-list var, -.uci-change-legend-label var { - border-color: #ccc; - background: #eee; -} - -.uci-change-list var ins, -.uci-change-list var del { - display: inline-block; - border: none; - width: 100%; - padding: 0; -} - -.uci-change-legend { - padding: 5px; -} - -.uci-change-legend-label { - width: 150px; - float: left; -} - -.uci-change-legend-label > ins, -.uci-change-legend-label > del, -.uci-change-legend-label > var { - float: left; - margin-right: 4px; - width: 10px; - height: 10px; - display: block; - position: relative; -} - -.uci-change-legend-label var ins, -.uci-change-legend-label var del { - border: none; - position: absolute; - top: 2px; - left: 2px; - right: 2px; - bottom: 2px; -} - -html body.apply-overlay-active { - height: calc(100vh - 63px); -} - -#applyreboot-section { - line-height: 300%; -} - -.login{ - text-align: center; - background-color: #fff; - border-radius: 20px; - width: 300px; - height: 350px; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%,-50%); -} diff --git a/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/ezenlink.png b/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/ezenlink.png deleted file mode 100755 index 070a12b7d..000000000 Binary files a/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/ezenlink.png and /dev/null differ diff --git a/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/favicon.ico b/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/favicon.ico deleted file mode 100755 index dd14062c9..000000000 Binary files a/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/favicon.ico and /dev/null differ diff --git a/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/footer.png b/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/footer.png deleted file mode 100755 index c7e2e393a..000000000 Binary files a/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/footer.png and /dev/null differ diff --git a/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/mobile.css b/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/mobile.css deleted file mode 100755 index 8c2ab1f25..000000000 --- a/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/mobile.css +++ /dev/null @@ -1,61 +0,0 @@ -#content-desktop {display: block;} -#content-mobile {display: none;} - -@media screen and (max-width: 600px) { - -#content-desktop {display: none;} -#content-mobile {display: block;} - -} - -header h3 a, header .brand { - float: left; - display: block; - padding: 12px 6px 12px 6px; - margin: 0 0 0 10px; - font-size: 22px; - font-weight: 240; -} - -header div > ul, .nav { - display: block; - float: left; - margin: 7px 8px 0 8px; - position: relative; - left: 0; -} - -header div > ul a, .nav a { - display: block; - float: left; - padding: 12px 6px 12px 6px; - line-height: 14px; - letter-spacing: 0.2px; -} - -.menu-dropdown, .dropdown-menu { - top: 38px; - min-width: 180px; - max-width: 260px; -} - -@media screen and (max-device-width: 660px) { - #maincontent.container { - width: 98%; - margin: 30px 0 0 6px; - } -} - -@media screen and (max-device-width: 360px) { - #maincontent.container { - width: 96%; - margin: 30px 0 0 6px; - } -} - -@media screen and (max-device-width: 200px) { - #maincontent.container { - width: 94%; - margin: 40px 0 0 2px; - } -} diff --git a/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/omr-logo.png b/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/omr-logo.png deleted file mode 100755 index 3d532aec0..000000000 Binary files a/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/omr-logo.png and /dev/null differ diff --git a/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/outdoorrouter.png b/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/outdoorrouter.png deleted file mode 100755 index 9debc9b21..000000000 Binary files a/luci-theme-ezengreen/htdocs/luci-static/resources/ezengreen/images/outdoorrouter.png and /dev/null differ diff --git a/luci-theme-ezengreen/htdocs/luci-static/resources/menu-ezengreen.js b/luci-theme-ezengreen/htdocs/luci-static/resources/menu-ezengreen.js deleted file mode 100755 index 5400276b0..000000000 --- a/luci-theme-ezengreen/htdocs/luci-static/resources/menu-ezengreen.js +++ /dev/null @@ -1,118 +0,0 @@ -'use strict'; -'require baseclass'; -'require ui'; - -return baseclass.extend({ - __init__: function() { - ui.menu.load().then(L.bind(this.render, this)); - }, - - render: function(tree) { - var node = tree, - url = ''; - - this.renderModeMenu(tree); - - if (L.env.dispatchpath.length >= 3) { - for (var i = 0; i < 3 && node; i++) { - node = node.children[L.env.dispatchpath[i]]; - url = url + (url ? '/' : '') + L.env.dispatchpath[i]; - } - - if (node) - this.renderTabMenu(node, url); - } - - document.addEventListener('poll-start', this.handleBodyMargin); - document.addEventListener('poll-stop', this.handleBodyMargin); - document.addEventListener('uci-new-changes', this.handleBodyMargin); - document.addEventListener('uci-clear-changes', this.handleBodyMargin); - window.addEventListener('resize', this.handleBodyMargin); - - this.handleBodyMargin(); - }, - - renderTabMenu: function(tree, url, level) { - var container = document.querySelector('#tabmenu'), - ul = E('ul', { 'class': 'tabs' }), - children = ui.menu.getChildren(tree), - activeNode = null; - - for (var i = 0; i < children.length; i++) { - var isActive = (L.env.dispatchpath[3 + (level || 0)] == children[i].name), - activeClass = isActive ? ' active' : '', - className = 'tabmenu-item-%s %s'.format(children[i].name, activeClass); - - ul.appendChild(E('li', { 'class': className }, [ - E('a', { 'href': L.url(url, children[i].name) }, [ _(children[i].title) ] )])); - - if (isActive) - activeNode = children[i]; - } - - if (ul.children.length == 0) - return E([]); - - container.appendChild(ul); - container.style.display = ''; - - if (activeNode) - this.renderTabMenu(activeNode, url + '/' + activeNode.name, (level || 0) + 1); - - return ul; - }, - - renderMainMenu: function(tree, url, level) { - var ul = level ? E('ul', { 'class': 'dropdown-menu' }) : document.querySelector('#topmenu'), - children = ui.menu.getChildren(tree); - - if (children.length == 0 || level > 1) - return E([]); - - for (var i = 0; i < children.length; i++) { - var submenu = this.renderMainMenu(children[i], url + '/' + children[i].name, (level || 0) + 1), - subclass = (!level && submenu.firstElementChild) ? 'dropdown' : null, - linkclass = (!level && submenu.firstElementChild) ? 'menu' : null, - linkurl = submenu.firstElementChild ? '#' : L.url(url, children[i].name); - - var li = E('li', { 'class': subclass }, [ - E('a', { 'class': linkclass, 'href': linkurl }, [ _(children[i].title) ]), - submenu - ]); - - ul.appendChild(li); - } - - ul.style.display = ''; - - return ul; - }, - - renderModeMenu: function(tree) { - var ul = document.querySelector('#modemenu'), - children = ui.menu.getChildren(tree); - - for (var i = 0; i < children.length; i++) { - var isActive = (L.env.requestpath.length ? children[i].name == L.env.requestpath[0] : i == 0); - - ul.appendChild(E('li', { 'class': isActive ? 'active' : null }, [ - E('a', { 'href': L.url(children[i].name) }, [ _(children[i].title) ]), - ' ', - E('span', { 'class': 'divider' }, [ '|' ]) - ])); - - if (isActive) - this.renderMainMenu(children[i], children[i].name); - } - - if (ul.children.length > 1) - ul.style.display = ''; - }, - - handleBodyMargin: function(ev) { - var body = document.querySelector('body'), - head = document.querySelector('header'); - - body.style.marginTop = head.offsetHeight + 'px'; - } -}); diff --git a/luci-theme-ezengreen/luasrc/view/themes/ezengreen/footer.htm b/luci-theme-ezengreen/luasrc/view/themes/ezengreen/footer.htm deleted file mode 100755 index 0fdd0e4d3..000000000 --- a/luci-theme-ezengreen/luasrc/view/themes/ezengreen/footer.htm +++ /dev/null @@ -1,19 +0,0 @@ -<%# - Copyright 2008 Steven Barth - Copyright 2008 Jo-Philipp Wich - Copyright 2012 David Menting - Licensed to the public under the Apache License 2.0. --%> - -<% local ver = require "luci.version" %> - - - - - - - diff --git a/luci-theme-ezengreen/luasrc/view/themes/ezengreen/header.htm b/luci-theme-ezengreen/luasrc/view/themes/ezengreen/header.htm deleted file mode 100755 index f4a63ebaf..000000000 --- a/luci-theme-ezengreen/luasrc/view/themes/ezengreen/header.htm +++ /dev/null @@ -1,90 +0,0 @@ -<%# - Copyright 2008 Steven Barth - Copyright 2008-2016 Jo-Philipp Wich - Copyright 2012 David Menting - Licensed to the public under the Apache License 2.0. --%> - -<% - local sys = require "luci.sys" - local util = require "luci.util" - local http = require "luci.http" - local disp = require "luci.dispatcher" - - local boardinfo = util.ubus("system", "board") - - local node = disp.context.dispatched - - -- send as HTML5 - http.prepare_content("text/html") - - -- Get current and latest OMR version - local current_omr_version = luci.model.uci.cursor():get("openmptcprouter","settings","version") or "" - local latest_omr_version = luci.model.uci.cursor():get("openmptcprouter","latest_versions","omr") or "" - --%> - - - - - <%=striptags( (boardinfo.hostname or "?") .. ( (node and node.title) and ' - ' .. translate(node.title) or '')) %> - system - - - - - - - - - <% if node and node.css then %> - - <% end -%> - <% if css then %> - - <% end -%> - - - - - "> -
-
-
- openmptcprouter businessOpenMPTCProuter_5G - -
-
-
-
- -
- <%- if luci.sys.process.info("uid") == 0 and luci.sys.user.getuser("root") and not luci.sys.user.getpasswd("root") then -%> -
-

<%:No password set!%>

-

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

- <% if disp.lookup("admin/system/admin") then %> -
"><%:Go to password configuration...%>
- <% end %> -
- <%- end -%> - <%- if current_omr_version ~= "" and latest_omr_version ~= "" and current_omr_version < latest_omr_version then -%> -
-

<%=translatef("你的蚂蚁聚合openmptcprouter of china商业版 版本号 %s 最新 版本号 %s 现在可以升级",current_omr_version,latest_omr_version)%>

-
<%:点击查看最新版本 请联系客服进行升级...%>
-
- <%- end -%> -
- - -
- - - - diff --git a/luci-theme-ezengreen/root/etc/uci-defaults/luci-theme-ezengreen b/luci-theme-ezengreen/root/etc/uci-defaults/luci-theme-ezengreen deleted file mode 100755 index e1c8313d2..000000000 --- a/luci-theme-ezengreen/root/etc/uci-defaults/luci-theme-ezengreen +++ /dev/null @@ -1,10 +0,0 @@ -#!/bin/sh - -if [ "$(uci -q get luci.themes.ezengreen)" = "" ]; then - uci batch <<-EOF - set luci.themes.ezengreen=/luci-static/ezengreen - set luci.main.mediaurlbase=/luci-static/ezengreen - commit luci - EOF -fi -exit 0 diff --git a/luci-theme-openwrt-2020/Makefile b/luci-theme-openwrt-2020/Makefile deleted file mode 100755 index e5ef95832..000000000 --- a/luci-theme-openwrt-2020/Makefile +++ /dev/null @@ -1,14 +0,0 @@ -# -# Copyright (C) 2020 Jo-Philipp Wich -# -# This is free software, licensed under the Apache License, Version 2.0 . -# - -include $(TOPDIR)/rules.mk - -LUCI_TITLE:=LuCI modern OpenWrt theme -LUCI_DEPENDS:= - -include $(TOPDIR)/feeds/luci/luci.mk - -# call BuildPackage - OpenWrt buildroot signature diff --git a/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/GalanoGrotesqueW00-Regular.woff2 b/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/GalanoGrotesqueW00-Regular.woff2 deleted file mode 100755 index 950ac98cc..000000000 Binary files a/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/GalanoGrotesqueW00-Regular.woff2 and /dev/null differ diff --git a/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css b/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css deleted file mode 100755 index b412764d4..000000000 --- a/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css +++ /dev/null @@ -1,1925 +0,0 @@ -:root { - --main-bright-color: #00A3E1; - --main-dark-color: #002B49; - --secondary-bright-color: #FFFFFF; - --secondary-dark-color: #212322; - --danger-color: #CC1111; - --warning-color: #CC8800; - --regular-font: "GalanoGrotesqueW00-Regular"; - --base-font-size: 16px; -} - -@font-face { - font-family: "GalanoGrotesqueW00-Regular"; - src: url("GalanoGrotesqueW00-Regular.woff2") format("woff2"); -} - -/* - * resets and base style - */ - -* { - margin: 0; - padding: 0; - box-sizing: border-box; - text-decoration: none; - list-style: none; - color: inherit; - font-family: var(--regular-font), "sans-serif"; - border: none; - font-size: 100%; - background: none; - outline: none; - -webkit-appearance: none; - -webkit-text-size-adjust: none; -} - -html { - height: 100%; - width: 100%; - max-width: 1366px; - margin: 0 auto; - background: #fff linear-gradient(90deg, rgba(0, 0, 0, .8), rgba(0, 0, 0 ,.5), rgba(0, 0, 0, .8)); -} - -body { - background: var(--secondary-bright-color); - color: var(--secondary-dark-color); - font-size: var(--base-font-size); - cursor: default; - display: inline-flex; - flex-direction: column; - min-height: 100%; - min-width: 100%; -} - -/* - * scaffholding - */ - -#menubar { - background-color: var(--main-bright-color); - background-image: url("omr-logo.png"); - background-position: 10px center; - background-size: 50px 50px; - background-repeat: no-repeat; - padding: 0 1em 0 70px; - min-height: 70px; - display: flex; - align-items: center; - color: var(--secondary-bright-color); - flex: 0; - width: 100%; - box-shadow: inset 0 0 1px var(--main-dark-color); -} - -#menubar > * { - flex: 1 1 auto; -} - -#menubar .hostname { - font-weight: bold; - font-size: 2em; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -#menubar .distversion { - flex: 3; -} - -#indicators { - flex: 1 1 25%; - text-align: right; -} - -#indicators > * { - background: var(--secondary-bright-color); - color: var(--main-bright-color); - display: inline-block; - font-size: .85em; - line-height: 1.5em; - padding: 0 .5em; - margin: .125em; - border-radius: 1em; - cursor: pointer; - white-space: nowrap; -} - -#indicators > [data-style="inactive"] { - background: var(--main-bright-color); - color: var(--secondary-bright-color); - border: 2px solid var(--secondary-bright-color); - line-height: calc(1.5em - 4px); - padding: 0 calc(.5em - 2px); -} - -#menubar h2, -.skiplink { - display: none; -} - -#modemenu { - background: var(--main-bright-color); - padding: .5rem 1rem; - display: flex; - align-items: center; - color: var(--secondary-bright-color); - box-shadow: inset 0 0 1px var(--main-dark-color); - font-size: 1rem; - flex-wrap: wrap; -} - -#modemenu > * { - margin: .125rem; -} - -#modemenu > .active { - font-weight: bold; - border-bottom: 2px solid var(--secondary-bright-color); -} - -#maincontainer { - flex-direction: row; - display: inline-flex; - flex: 1 0 auto; -} - -#mainmenu { - flex: 1 1 200px; - background: var(--main-dark-color); - color: var(--main-bright-color); - padding: 1em; -} - -#mainmenu:empty { - max-width: 0; - padding: 1em 0; - transition: all .2s ease-in-out; -} - -#mainmenu > div { - position: sticky; - top: 1em; -} - -#mainmenu ul { - padding: 0; - margin: 0 0 .5em .5em; - line-height: 1.5em; -} - -#mainmenu ul > li { - list-style: none; -} - -#mainmenu li > ul { - max-height: 0; - overflow: hidden; - transition: max-height .1s ease-in-out; -} - -#mainmenu li.selected > a { - color: var(--secondary-bright-color); -} - -#mainmenu ul:not(.active) > li.selected > ul, -#mainmenu li.active > ul { - max-height: 3000px; - transition: max-height 1s ease-in-out; -} - -#mainmenu .l1 > li > a { - font-weight: bold; - font-size: 1.05em; -} - -#maincontent { - flex: 10; - padding: 1em 1em 0 1em; -} - -body > .luci { - flex: 0; - font-size: .7em; - padding: .25em; - text-align: right; - background: var(--main-bright-color); - color: var(--secondary-bright-color); - margin: 0; -} - -/* - * modal - */ - -body.modal-overlay-active { - overflow: hidden; -} - -body.modal-overlay-active #modal_overlay { - left: 0; - right: 0; - opacity: 1; -} - -#modal_overlay { - position: fixed; - top: 0; - bottom: 0; - left: -10000px; - right: 10000px; - background: rgba(0, 0, 0, 0.7); - z-index: 10000; - overflow-y: scroll; - -webkit-overflow-scrolling: touch; - transition: opacity .125s ease-in; - opacity: 0; -} - -#modal_overlay > .modal { - max-width: 1300px; - width: 80%; - margin: 10% auto 5rem auto; - background: var(--secondary-bright-color); - box-shadow: 0 0 3px 1px var(--main-bright-color); - padding: .5em; - border-radius: .25em; - display: flex; - flex-direction: column; -} - -.modal > h4:first-child { - padding: .5rem; - margin: -.5rem -.5rem .5rem -.5rem; - background: var(--main-bright-color); - color: var(--secondary-bright-color); - border-radius: .25rem .25rem 0 0; -} - -.modal > *:first-child:last-child { - margin: .5em 0 !important; -} - -.modal .cbi-section > legend:first-child { font-size: 120%; } - - -/* - * table layout - */ - -.table { - display: table; - width: 100%; - margin: 0 0 1rem 0; - position: relative; -} - -.tr { - display: table-row; -} - -.tr.cbi-section-table-titles[data-title]::before { - font-weight: bold; - border-top: none; -} - -.tr[data-title]::before { - content: attr(data-title); - display: table-cell; - border-top: 1px solid var(--main-dark-color); - padding: .5em; -} - -.th { - font-weight: bold; - display: table-cell; - padding: .5em; - /* word-break: break-word; */ -} - -.cbi-section-table-descr .th { - opacity: .8; - font-size: 90%; - font-weight: normal; -} - -.td { - display: table-cell; - border-top: 1px solid var(--main-dark-color); - padding: .5em; - vertical-align: middle; -} - -.td input:not([type]), -.td input[type="text"], -.td input[type="password"], -.td select, -.td .cbi-dropdown:not(.btn):not(.cbi-button), -.td .cbi-dynlist, -.td .control-group { - min-width: auto; - width: 100%; -} - -.tr.drag-over-above { - box-shadow: 0 -6px 6px var(--main-bright-color); -} - -.tr.drag-over-below { - box-shadow: 0 6px 6px var(--main-bright-color); -} - -.tr.placeholder { - height: 4em; - position: relative; -} - -.tr.placeholder > .td { - position: absolute; - left: 0; - right: 0; - bottom: 0; - text-align: center; - line-height: 3em; - font-size: 90%; - opacity: .8; -} - -/* - * view specific table invariants - */ - - #cbi-wireless-wifi-device .ifacebadge { - flex-direction: column; - justify-content: space-around; - } - -.assoclist .td, -[data-page="admin-status-overview"] .td { - font-size: .9rem; - vertical-align: middle; -} - -.assoclist .td:nth-of-type(3) > span { - display: block; - max-width: 270px; - font-size: .8rem; -} - -.assoclist .td:nth-of-type(5) > span { - font-size: .8rem; -} - -.assoclist .td > .ifacebadge { - flex-wrap: wrap; - justify-content: space-around; - max-width: 120px; - padding: .2em; -} - -.assoclist .td > .ifacebadge::after { - overflow: hidden; - text-overflow: ellipsis; -} - -.assoclist .td > .ifacebadge > img { - margin: 0 25px; -} - -.assoclist .td > .ifacebadge[data-ssid][data-ifname] > span { - display: none; -} - -.assoclist .td > .ifacebadge[data-ssid][data-ifname]::after { - content: attr(data-ssid) " (" attr(data-ifname) ")"; -} - -[data-page="admin-status-overview"] .td:nth-of-type(3) { - min-width: 100px; -} - -[data-page="admin-network-firewall"] .table > .tr > *:nth-child(1) { - flex: 1 1 30%; -} - -[data-page="admin-network-wireless"] .cbi-section-actions > div { - display: flex; -} - -[data-page="admin-network-wireless"] .cbi-section-actions > div > * { - flex: 1; -} - -[data-page="admin-status-processes"] .table .td:nth-of-type(3), -[data-tab="leases"] .table .td[data-name="duid"] { - word-break: break-word; -} - -/* - * uci changelog - */ - -.uci-change-list { - font-size: 90%; - white-space: pre; - overflow: hidden; -} - -.uci-change-list del, -.uci-change-list ins, -.uci-change-list var, -.uci-change-legend-label del, -.uci-change-legend-label ins, -.uci-change-legend-label var { - text-decoration: none; - font-family: monospace; - font-style: normal; - border: 1px solid #ccc; - background: #eee; - padding: 2px; - display: block; - line-height: 15px; - margin-bottom: 1px; -} - -.uci-change-list h5 { - margin: .5em 0 .25em 0; -} - -.uci-change-list ins, -.uci-change-legend-label ins { - border-color: #0f0; - background: #cfc; -} - -.uci-change-list del, -.uci-change-legend-label del { - border-color: #f00; - background: #fcc; -} - -.uci-change-list var, -.uci-change-legend-label var { - border-color: #ccc; - background: #eee; -} - -.uci-change-list var ins, -.uci-change-list var del { - display: inline-block; - border: none; - width: 100%; - padding: 0; -} - -.uci-change-legend { - margin: .5em 0 0 0; - display: flex; - flex-wrap: wrap; -} - -.uci-change-legend-label { - flex: 1 1 10em; - white-space: nowrap; -} - -.uci-change-legend-label > ins, -.uci-change-legend-label > del, -.uci-change-legend-label > var { - float: left; - margin-right: 4px; - width: 16px; - height: 16px; - display: block; - position: relative; -} - -.uci-change-legend-label var ins, -.uci-change-legend-label var del { - border: none; - position: absolute; - top: 2px; - left: 2px; - right: 2px; - bottom: 2px; -} - -/* - * alignment helpers - */ - -.left { - text-align: left !important; -} - -.right { - text-align: right !important; -} - -.center { - text-align: center !important; -} - -.top { - vertical-align: top !important; -} - -.bottom { - vertical-align: bottom !important; -} - -.middle { - vertical-align: middle !important; -} - -.nowrap { - white-space: nowrap !important; -} - -.hidden { - display: none !important; -} - -/* - * legacy hacks - */ - -[width="33%"] { - width: 33%; - max-width: 33%; -} - -[width="50%"] { - width: 50%; - max-width: 50%; -} - -[data-name="_freq"] select { - min-width: auto; -} - -.cbi-value-field > div:first-child + br { - display: none; -} - -/* - * typography - */ - -h1, h2, h3, h4, h5, h6, -.cbi-section > legend:first-child { - font-weight: bold; - margin: 0 0 1rem 0; -} - -strong, b { - font-weight: bold; -} - -h1 { font-size: 160%; } -h2 { font-size: 150%; } -h3 { font-size: 140%; } -h4 { font-size: 130%; } -h5 { font-size: 120%; } -h6 { font-size: 110%; } - -.cbi-section > legend:first-child { font-size: 140%; } - -p, ul, textarea { - margin: 0 0 1em 0; -} - -p > textarea:last-child { - margin: 0; -} - -var { - color: var(--main-dark-color); - font-weight: bold; -} - -code { - font-family: monospace; - color: var(--main-dark-color); -} - -pre { - font-family: monospace; - margin: 0 0 1em 0; - font-size: .9rem; - box-shadow: inset 0 0 2px var(--main-dark-color); - padding: .25rem; - overflow: auto; -} - -big { - font-size: 110%; -} - -small { - font-size: 95%; -} - -ul { - padding: 0 0 0 1.5em; -} - -ul > li { - list-style: disc; -} - -/* - * widgets - */ - -.ifacebox, .ifacebadge, .zonebadge { - display: inline-flex; - line-height: 1.8em; - padding: 0 .25em; - margin: .25em; - box-shadow: 0px 0px 2px var(--main-dark-color); - font-size: .9em; - border-radius: .5em; - overflow: hidden; - font-size: .8rem; - vertical-align: text-top; - background: var(--secondary-bright-color); - align-items: center; - color: var(--secondary-dark-color); - vertical-align: middle; -} - -.zonebadge > .ifacebadge { - margin: .125em -.125em .125em .35em; -} - -.zonebadge > .ifacebadge > img -{ - margin: .125em 0 .125em .25em; -} - -.ifacebox { - display: inline-flex; - flex-direction: column; - padding: 0; - text-align: center; - width: 100%; - max-width: 100px; -} - -.ifacebox-head { - background: var(--main-bright-color); - width: 100%; -} - -.ifacebox-body { - text-align: center; - padding: .3em .25em .25em .25em; - white-space: nowrap; -} - -.ifacebadge { - display: inline-flex; - align-items: center; -} - -.ifacebadge.large { - line-height: 1.3em; -} - -.ifacebadge > img { - vertical-align: text-bottom; - margin: .25em; - height: 16px; -} - -.ifacebadge > * { - margin-left: .25em; -} - -.network-status-table { - display: inline-flex; - flex-wrap: wrap; - width: 100%; - margin: 0 -.2em 1em -.2em; -} - -.network-status-table > .ifacebox { - max-width: none; - flex: 1 1 45%; - margin: .25em; - min-width: 250px; -} - -.network-status-table > .ifacebox .ifacebadge { - font-size: 100%; - max-width: none; - flex: 1 1 45%; - margin: .2em; -} - -.network-status-table .ifacebox-body > div { - display: flex; - flex-wrap: wrap; - margin: .3em -.1em -.1em -.1em; -} - -.cbi-tooltip-container { - cursor: help; -} - -.cbi-tooltip { - position: absolute; - z-index: 10000; - left: -10000px; - box-shadow: 0 0 2px rgba(0, 0, 0, .7); - border-radius: 3px; - background: var(--secondary-bright-color); - white-space: pre; - padding: 2px 5px; - opacity: 0; - transition: opacity .25s ease-in; - font-size: .8rem; -} - -.cbi-tooltip.error { - color: var(--danger-color); -} - -.cbi-tooltip-container:hover .cbi-tooltip:not(:empty) { - left: auto; - opacity: 1; - transition: opacity .25s ease-in; -} - -.zone-forwards { - display: flex; - align-items: center; -} - -.cbi-progressbar { - border-radius: .25em; - position: relative; - min-width: 20rem; - height: 1.5em; - box-shadow: 0 0 2px var(--main-dark-color); - overflow: hidden; - margin: .125rem 0; -} - -.cbi-progressbar > div { - background: var(--main-bright-color); - height: 100%; - transition: width .25s ease-in; - width: 0%; -} - -.cbi-progressbar::after { - position: absolute; - bottom: 0; - top: 0; - right: 0; - left: 0; - text-align: center; - text-shadow: 0 0 2px var(--secondary-bright-color); - content: attr(title); - white-space: nowrap; - line-height: 1.5em; -} - -.cbi-tabmenu { - padding: 0; - margin: 0 -.5em 1em -.5em; - font-weight: bold; - color: var(--main-dark-color); -} - -.cbi-tabmenu > li { - display: inline-flex; - white-space: nowrap; - opacity: 1; - height: 1.8em; - max-height: none; - overflow: visible; -} - -.cbi-tabmenu > li > a { - flex: 1; - margin: .1em .5em; -} - -.cbi-tabmenu > .cbi-tab > a { - border-bottom: 2px solid var(--main-dark-color); -} - -[data-tab] { - opacity: 0; - max-height: 0; - transition: opacity .25s ease-in-out; - overflow: hidden; -} - -[data-tab-active="true"] { - opacity: 1; - height: auto; - max-height: none; - overflow: visible; -} - -.alert-message:not(.modal) { - box-shadow: 0 0 3px var(--secondary-dark-color); - padding: .5em; - margin: 0 0 1em 0; - background: var(--warning-color); - color: var(--secondary-bright-color); - transition: opacity .4s ease; -} - -.alert-message + .alert-message { - margin: -.5em 0 1em 0; -} - -.alert-message.info { - background: var(--main-bright-color); -} - -.alert-message.warning { - background: var(--warning-color); -} - -.alert-message.danger { - background: var(--danger-color); -} - -.alert-message .btn { - background: inherit; - box-shadow: 0 0 2px var(--secondary-bright-color); -} - -.alert-message .btn:hover { - box-shadow: 0 0 4px 1px var(--secondary-bright-color); -} - -@keyframes fade-in { - 0% { opacity: 0; } - 100% { opacity: 1; } -} - -@keyframes fade-out { - 0% { opacity: 1; } - 100% { opacity: 0; } -} - -.fade-in { - animation: fade-in .4s ease; -} - -.fade-out { - animation: fade-out .4s ease; - opacity: 0; -} - -/* - * forms - */ - -.cbi-button, button, .btn { - background: var(--main-bright-color); - color: var(--secondary-bright-color); - line-height: 1.5em; - border-radius: .25em; - cursor: pointer; - box-shadow: 0 0 2px var(--main-dark-color); - padding: 0 .5em; - display: inline-block; -} - -.cbi-button:hover, button:hover, .btn:hover { - box-shadow: 0 0 6px var(--main-bright-color); -} - -button + button, .btn + .btn, button + .btn, .btn + button, select + button { - margin-left: .25em; -} - -button.important { - background: var(--main-dark-color); -} - -button[disabled], button.disabled, .btn[disabled], .btn.disabled { - pointer-events: none; - opacity: .6; -} - -.cbi-button-apply, .cbi-button-positive { - background: var(--main-dark-color); -} - -.cbi-button-negative, .cbi-button-remove { - background: var(--danger-color); -} - -.cbi-checkbox { - position: relative; -} - -.cbi-checkbox input[type="checkbox"] { - position: absolute; - z-index: 10; - -webkit-appearence: button; - height: 1.3em; - width: 1.3em; - opacity: 0; - cursor: pointer; -} - -.cbi-checkbox input[type="checkbox"] + label { - position: relative; - display: inline-block; - width: 1.3em; - height: 1.3em; - vertical-align: text-top; -} - -.cbi-checkbox input[type="checkbox"] + label::before { - content: "\0a"; - height: 1em; - width: 1em; - box-shadow: 0 0 2px var(--main-dark-color); - display: inline-block; - border-radius: .25em; - margin: .15em 0; - position: absolute; - left: 0; - top: 0; -} - -.cbi-checkbox input[type="checkbox"]:checked + label::after { - content: "\0a"; - position: absolute; - display: inline-block; - background: var(--main-dark-color); - top: .35em; - left: .2em; - width: .6em; - height: .6em; - border-radius: .15em; - cursor: pointer; -} - -.cbi-checkbox input.cbi-input-invalid[type="checkbox"] + label::before { - box-shadow: 0 0 2px var(--danger-color); -} - -.cbi-checkbox input.cbi-input-invalid[type="checkbox"]:checked + label::after { - background: var(--danger-color); -} - -.cbi-checkbox input[type="checkbox"][disabled] + label::before, -.cbi-checkbox input[type="checkbox"][disabled] + label::after { - pointer-events: none; - opacity: .6; -} - -.cbi-checkbox input[type="checkbox"][disabled] { - pointer-events: none; -} - -input:not([type]), -input[type="text"], -input[type="password"], -select, -.cbi-dropdown:not(.btn):not(.cbi-button) { - border-bottom: 2px solid transparent; - box-shadow: inset 0 0 1px var(--main-dark-color); - padding: 0 .2rem; - line-height: 1.5rem; - min-height: calc(1.5rem + 2px); - min-width: 20rem; - border-radius: .25em; -} - -input:not([type]):focus, -input[type="text"]:focus, -input[type="password"]:focus, -select:focus, -.cbi-dropdown:not(.btn):not(.cbi-button):focus, -.cbi-dropdown[open]:not(.btn):not(.cbi-button) { - border-color: var(--main-dark-color); -} - -input[disabled]:not([type]), -input[disabled][type="text"], -input[disabled][type="password"], -select[disabled], -.cbi-dynlist[disabled] { - opacity: .6; - pointer-events: none; -} - -input:not([type]) + .btn, input:not([type]) + button, -input[type="text"] + .btn, input[type="text"] + button, -input[type="password"] + .btn, input[type="password"] + button { - margin: 0 0 2px -1px; - background: var(--main-dark-color); - border-radius: 0 .25em .25em 0; -} - -.control-group > select + .btn, .control-group > select + button { - margin-left: .25em; -} - -.control-group > input:not([type]) + .btn, .control-group > input:not([type]) + button, -.control-group > input[type="text"] + .btn, .control-group > input[type="text"] + button, -.control-group > input[type="password"] + .btn, .control-group > input[type="password"] + button { - margin: .125em .125em calc(.125em + 2px) calc(-.125em - .25em) !important; -} - -input[type="checkbox"] { - height: 1em; - vertical-align: middle; - -webkit-appearance: checkbox; -} - -select { - padding: .1rem 0; - -webkit-appearance: menulist; -} - -textarea { - width: 100%; - box-shadow: inset 0 0 2px var(--main-dark-color); - font-family: monospace; - font-size: .9rem; - padding: .2rem; -} - -.cbi-input-invalid, -.cbi-input-invalid:focus { - color: var(--danger-color); - border-color: var(--danger-color) !important; - box-shadow: inset 0 0 2px var(--danger-color); -} - -.control-group { - display: inline-flex; - margin: 0 -.125rem; - min-width: 20.25em; -} - -.control-group > *, -.control-group > .cbi-dropdown > ul > li { - justify-content: space-around; -} - -.control-group > * { - margin: .125rem !important; - min-width: auto !important; -} - -.control-group > select, -.control-group > input:not([type]), -.control-group > input[type="text"], -.control-group > input[type="password"] { - flex: 10; -} - -.cbi-value { - display: flex; - flex-wrap: wrap; - margin: 0 0 1em 0; -} - -.cbi-value > label:first-child { - flex: 1 1 40%; - padding: 0 .5em 0 0; -} - -.cbi-value > .cbi-value-field { - flex: 2 2 55%; -} - -.cbi-value > .cbi-section { - flex: 1 1 100%; -} - -.cbi-map-descr, -.cbi-tab-descr, -.cbi-section-descr, -.cbi-value-description, -.cbi-value[data-widget="CBI.DummyValue"] > div:first-child { - opacity: .8; - font-size: .9rem; - padding: .2em 0; -} - -.cbi-map-descr, -.cbi-tab-descr, -.cbi-section-descr, -.cbi-section-table, -.cbi-section-create { - margin: 0 0 1em 0; -} - -.cbi-dynlist { - display: inline-block; - font-size: 90%; - min-height: calc(1.5em + 2px); - line-height: 1.5em; - min-width: 20rem; - flex-wrap: wrap; -} - -.cbi-dynlist > .item { - box-shadow: 0 0 2px var(--main-dark-color); - margin: .3em 0; - padding: .15em 2em .15em .2em; - border-radius: .25em; - position: relative; - overflow: hidden; - transition: box-shadow .25s ease-in-out; - pointer-events: none; - flex: 1 1 100%; - word-break: break-all; -} - -.cbi-dynlist > .item::after { - content: "-"; - top: 0; - right: 0; - bottom: 0; - width: 1.6rem; - background: var(--main-bright-color); - display: flex; - align-items: center; - justify-content: space-around; - position: absolute; - box-shadow: 0 0 2px var(--main-dark-color); - text-align: center; - color: var(--secondary-bright-color); - cursor: pointer; - pointer-events: all; -} - -.cbi-dynlist[disabled] > .item::after { - pointer-events: none; -} - -.cbi-dynlist > .item:hover { - box-shadow: 0 0 2px var(--main-bright-color); -} - -.cbi-dynlist > .add-item { - flex: 1; - display: flex; -} - -.cbi-dynlist > .add-item > input { - flex: 1; - min-width: 18.5rem; - border-radius: .25rem 0 0 .25rem; -} - -.cbi-dynlist > .add-item > .btn { - flex: 0 0 1.6rem; - margin: 0 0 2px -1px; - width: 1.6rem; - text-align: center; -} - -.cbi-dropdown { - display: inline-flex !important; - cursor: pointer; - height: auto; - position: relative; - padding: 0 !important; -} - -.cbi-dropdown:not(.btn):not(.cbi-button) { - box-shadow: inset 0 0 1px var(--main-dark-color); -} - -.cbi-dropdown > ul { - margin: 0 !important; - padding: 0; - list-style: none; - overflow-x: hidden; - overflow-y: auto; - display: flex; - width: 100%; -} - -.cbi-dropdown.btn > ul:not(.dropdown) { - padding-left: .5em; -} - -.cbi-dropdown.btn.spinning > ul:not(.dropdown) { - padding-left: 0; -} - -.cbi-dropdown.btn > ul.dropdown > li { - color: var(--main-dark-color); -} - -.cbi-dropdown > ul.preview { - display: none; -} - -.cbi-dropdown > .open, -.cbi-dropdown > .more { - flex-grow: 0; - flex-shrink: 0; - display: flex; - flex-direction: column; - justify-content: center; - text-align: center; - padding: 0 .25em; -} - -.cbi-dropdown.btn > .open, -.cbi-dropdown.cbi-button > .open { - padding: 0 .5em; - margin-left: .5em; - border-left: 1px solid; -} - -.cbi-dropdown > .more, -.cbi-dropdown:not(.btn):not(.cbi-button) > ul > li[placeholder] { - display: none; - justify-content: center; - color: rgba(0, 0, 0, .5); -} - -.cbi-dropdown > ul > li { - display: none; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - flex-shrink: 1; - flex-grow: 1; - align-items: center; - align-self: center; - color: inherit; -} - -.cbi-dropdown > ul.dropdown > li, -.cbi-dropdown:not(.btn):not(.cbi-button) > ul > li { - padding: 0 .25em; -} - -.cbi-dropdown > ul > li .hide-open { display: block; display: initial; } -.cbi-dropdown > ul > li .hide-close { display: none; } - -.cbi-dropdown > ul > li[display]:not([display="0"]) { - border-left: 1px solid #ccc; -} - -.cbi-dropdown[empty] > ul { - max-width: 1px; - max-height: 1.5em; -} - -.cbi-dropdown > ul > li > form { - display: none; - margin: 0; - padding: 0; - pointer-events: none; -} - -.cbi-dropdown > ul > li img { - align-self: center; - margin-right: .25em; -} - -.cbi-dropdown > ul > li input[type="text"] { - margin: .25em 0; - border: none; - background: var(--secondary-bright-color); -} - -.cbi-dropdown[open] { - position: relative; -} - -.cbi-dropdown[open] > ul.dropdown { - display: block; - background: var(--secondary-bright-color); - box-shadow: 0 0 1px var(--main-dark-color), 0 0 4px rgba(0, 0, 0, .7); - position: absolute; - z-index: 1100; - max-width: none; - min-width: 100%; - width: auto; - transition: max-height .125s ease-in; -} - -.cbi-dropdown > ul > li[display], -.cbi-dropdown[open] > ul.preview, -.cbi-dropdown[open] > ul.dropdown > li, -.cbi-dropdown[multiple] > ul > li > label, -.cbi-dropdown[multiple][open] > ul.dropdown > li, -.cbi-dropdown[multiple][more] > .more, -.cbi-dropdown[multiple][empty] > .more { - flex-grow: 1; - display: flex !important; -} - -.cbi-dropdown[empty] > ul > li, -.cbi-dropdown[optional][open] > ul.dropdown > li[placeholder], -.cbi-dropdown[multiple][open] > ul.dropdown > li > form { - display: block !important; -} - -.cbi-dropdown[open] > ul.dropdown > li .hide-open { display: none; } -.cbi-dropdown[open] > ul.dropdown > li .hide-close { display: block; display: initial; } - -.cbi-dropdown[open] > ul.dropdown > li { - border-bottom: 1px solid #ccc; -} - -.cbi-dropdown[open] > ul.dropdown > li[selected] { - background: var(--main-dark-color); - color: var(--secondary-bright-color); -} - -.cbi-dropdown[open] > ul.dropdown > li.focus { - background: var(--main-bright-color); -} - -.cbi-dropdown[open] > ul.dropdown > li:last-child { - margin-bottom: 0; - border-bottom: none; -} - -.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: .6; -} - -.cbi-filebrowser { - max-width: 100%; - width: 1px; - box-shadow: 0 0 2px var(--main-dark-color); - border-radius: .25rem; - display: flex; - flex-direction: column; - opacity: 0; - height: 0; - overflow: hidden; -} - -.cbi-filebrowser.open { - min-width: 20rem; - width: auto; - opacity: 1; - height: auto; - overflow: visible; - transition: opacity .25s ease-in; -} - -.cbi-filebrowser > * { - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - padding: 0 0 .25em 0; - margin: .25em .25em 0px .25em; - white-space: nowrap; - border-bottom: 1px solid var(--main-dark-color); -} - -.cbi-filebrowser .cbi-button-positive { - margin-right: .25em; -} - -.cbi-filebrowser > div { - border-bottom: none; -} - -.cbi-filebrowser > ul > li { - display: flex; - flex-direction: row; - align-items: center; -} - -.cbi-filebrowser > ul > li a:hover { - font-weight: bold; - text-decoration: underline; -} - -.cbi-filebrowser > ul > li > div:first-child { - flex: 10; - overflow: hidden; - text-overflow: ellipsis; -} - -.cbi-filebrowser > ul > li > div:last-child { - flex: 3 3 10em; - text-align: right; -} - -.cbi-filebrowser > ul > li > div:last-child > button { - padding: .125em .25em; - margin: 1px 0 1px .25em; -} - -.cbi-filebrowser .upload { - display: flex; - flex-direction: row; - flex-wrap: wrap; - margin: 0 -.125em .25em -.125em; - padding: 0 0 .125em 0px; - border-bottom: 1px solid var(--main-dark-color); -} - -.cbi-filebrowser .upload > * { - margin: .125em; - flex: 1; -} - -.cbi-filebrowser .upload > div > input { - width: 100%; -} - -.cbi-section-actions { - text-align: right; -} - -.cbi-page-actions { - flex-wrap: wrap; - width: 100%; - justify-content: flex-end; - margin-bottom: 1em; - margin-top: 1em; - border-top: 1px solid var(--main-dark-color); - padding-top: 1em; - text-align: right; -} - -div[id$=".ipaddr"] > input, -.cbi-value-field > div > input[type="password"] { - min-width: 18.5rem; - border-radius: .25rem 0 0 .25rem; -} - -div[id$=".txpower"] { - flex-wrap: wrap; - align-items: center; -} - -div[id$=".txpower"] > span { - white-space: nowrap; - margin-left: .25em; -} - -div[id$=".editlist"] { - flex: 1; -} - -[data-errors]::after { - content: attr(data-errors); - background: var(--danger-color); - color: var(--secondary-bright-color); - border-radius: .6rem; - height: 1.1rem; - padding: 0 .25rem; - font-size: .9rem; - display: inline-block; - font-weight: bold; - min-width: .6rem; - line-height: 1rem; - margin: -.1rem 0 0 -.2rem; - text-align: center; -} - -@keyframes spin { - 100% { transform: rotate(360deg); } -} - -.spinning { - position: relative; - padding-left: 2.1em !important; -} - -.spinning::before { - position: absolute; - display: block; - align-items: center; - top: 0; - bottom: 0; - left: .4em; - width: 1.3em; - height: 1.3em; - animation: spin 1s linear infinite; - content: url("spinner.svg"); - margin: auto; -} - -button.spinning, .btn.spinning { - padding-left: 1.6em !important; -} - -button.spinning::before, .btn.spinning::before { - filter: invert(1); - left: .2em; - width: 1.2em; - height: 1.2em; -} - -#view > div.spinning:first-child { - padding: .5em 0; -} - -#view > *:last-child { - margin: 0 0 1em 0; -} - -.label { - background: var(--main-bright-color); - color: var(--secondary-bright-color); - font-size: .8rem; - padding: 0 .4rem; - border-radius: .5rem; -} - -.label.warning { - background: var(--danger-color); -} - -ul.deps { - margin: 0; - padding: 0; - font-size: .9rem; -} - -ul.errors { - margin: 0 0 1em 0; - padding: 0; -} - -@media only screen and (max-width: 800px) { - body { - padding-top: 70px; - } - - #maincontent { - padding: .25em; - max-width: 100vw; - } - - #menubar { - background: var(--main-bright-color); - padding: 0 .5em; - position: fixed; - top: 0; - z-index: 1000; - } - - #menubar > h2 { - flex: 0 0 2em; - display: block; - border: 2px solid var(--secondary-bright-color); - color: var(--secondary-bright-color); - border-radius: .5em; - cursor: pointer; - font-size: 100%; - margin: 0 1em 0 0; - } - - #menubar > h2:hover { - border-color: var(--secondary-bright-color); - color: var(--secondary-bright-color); - } - - #menubar > h2 > * { - display: none; - } - - #menubar > h2::before { - content: "☰"; - width: 35px; - line-height: 35px; - text-align: center; - display: inline-block; - color: inherit; - font-weight: bold; - } - - #menubar > h2.active::before { - content: "×"; - font-size: 200%; - } - - #menubar .hostname { - font-size: 1.6em; - } - - .distversion { - display: none; - } - - #modemenu { - padding: .125em .25em; - } - - #mainmenu { - overflow-x: hidden; - overflow-y: auto; - max-width: 0; - padding: 1em 0; - transition: max-width .25s ease-in-out, padding .25s ease-in-out; - position: fixed; - z-index: 900; - height: 100%; - } - - #mainmenu.active { - max-width: 200px; - padding: 1em 1em calc(1em + 70px) 1em; - overflow-x: visible; - } - - #mainmenu > div { - position: static; - } - - #mainmenu ul > li { - padding: .25em 0; - } - - .hide-xs { - display: none !important; - } - - .table { - display: flex; - flex-direction: column; - } - - .tr { - display: block; - border-bottom: 1px solid var(--main-dark-color); - margin-bottom: .5em; - padding-bottom: .5em; - } - - .tr.cbi-section-table-titles[data-title]::before, - .tr.cbi-section-table-titles, - .tr.cbi-section-table-descr { - display: none; - } - - .tr[data-title]::before { - display: block; - font-weight: bold; - border-top: none; - padding: .4em 0; - font-size: 110%; - } - - .td { - display: block; - border-top: none; - text-align: left !important; - padding: .2em 0; - } - - .th, .table-titles { - display: none; - } - - .td[data-title] { - position: relative; - padding: .2em 0 .2em 40%; - } - - .td[data-title]::before { - content: attr(data-title) ": "; - white-space: nowrap; - font-weight: bold; - width: 40%; - overflow: hidden; - text-overflow: ellipsis; - position: absolute; - left: 0; - top: 0; - bottom: 0; - padding: .2em 0; - text-align: left; - display: inline-flex; - align-items: center; - } - - .td[data-title]::after { - content: ""; - width: 2em; - position: absolute; - left: calc(40% - 2em); - top: 0; - bottom: 0; - display: block; - background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--secondary-bright-color) 90%); - } - - [data-page="admin-status-overview"] .cbi-section:nth-of-type(1) .td:first-of-type, - [data-page="admin-status-overview"] .cbi-section:nth-of-type(2) .td:first-of-type { - font-weight: bold; - max-width: none; - width: 100%; - } - - [data-page="admin-status-overview"] .td > span > span { font-size: .9rem; } - - [data-page="admin-status-routes"] .table:nth-of-type(3) .td:nth-of-type(1) { word-break: break-all; } - - [data-page="admin-network-firewall-zones"] .td[data-name="_info"] { - padding: .2em 0; - line-height: 2.2rem; - } - - [data-page="admin-network-firewall-zones"] .td[data-name="_info"]::before, - [data-page="admin-network-firewall-zones"] .td[data-name="_info"]::after { - display: none; - } - - [data-page="admin-network-firewall-zones"] .td[data-name="_info"] label { - font-size: 1rem; - } - - #cbi-wireless-wifi-device .tr { display: flex; flex-wrap: wrap; } - #cbi-wireless-wifi-device .tr > *:nth-child(1) { flex: 1 1 20%; align-self: center; } - #cbi-wireless-wifi-device .tr > *:nth-child(2) { flex: 2 2 75%; } - #cbi-wireless-wifi-device .tr > *:nth-child(3) { flex: 3 3 100%; } - - #cbi-network-interface .tr { display: flex; flex-wrap: wrap; } - #cbi-network-interface .tr > *:nth-child(1) { flex: 1 1 33%; align-self: center; } - #cbi-network-interface .tr > *:nth-child(2) { flex: 2 2 60%; align-self: center; font-size: .9rem; overflow: hidden; } - #cbi-network-interface .tr > *:nth-child(3) { flex: 3 3 100%; } - #cbi-network-interface .tr > *:nth-child(2) > div { overflow: hidden; text-overflow: ellipsis; } - - .assoclist .tr { - display: flex; - flex-wrap: wrap; - } - - .assoclist .td > .ifacebadge { - max-width: 90px; - } - - .assoclist .td > .ifacebadge > img { - margin: 0 35px; - } - - .assoclist .td > .ifacebadge > span { - display: none; - } - - .assoclist .td > .ifacebadge[data-ifname]::after { - content: attr(data-ifname); - } - - .assoclist .td > .ifacebadge[data-signal]::after { - content: attr(data-signal) " dBm"; - } - - .assoclist .td:nth-of-type(3) { - font-weight: bold; - font-size: 1rem; - } - - .assoclist .td:nth-of-type(1), .assoclist .td:nth-of-type(4) { - flex: 1 1 100px; - margin-right: .5em; - } - - .assoclist .td:nth-of-type(3), .assoclist .td:nth-of-type(5) { - flex: 2 2 calc(100% - 110px); - overflow: hidden; - text-overflow: ellipsis; - align-self: center; - } - - .assoclist .td:nth-of-type(6) { flex: 1; text-align: right !important; } - .assoclist .td[data-title] { padding: .2em 0; } - .assoclist .td[data-title]::before, - .assoclist .td[data-title]::after { display: none; } - - .leases6 .td:nth-of-type(3) { word-wrap: break-word; } - - .td.cbi-section-actions > div { display: flex; } - .td.cbi-section-actions > div > * { flex: 1; } - - body.modal-overlay-active #modal_overlay > .modal { - width: 95%; - margin: 5% auto; - } - - input:not([type]), - input[type="text"], - input[type="password"], - select, - .cbi-dropdown:not(.btn):not(.cbi-button), - .cbi-dynlist { - min-height: calc(2.2rem + 2px); - line-height: 2.2rem; - font-size: 1.2rem; - min-width: 10rem; - } - - button, .btn { - line-height: 1.8rem; - font-size: 1.2rem; - } - - select { - padding: .4em 0; - } - - .cbi-value > .cbi-value-field { - flex: 1 0 100%; - display: flex; - flex-direction: column; - max-width: 100%; - } - - .cbi-value > .cbi-value-field > div[id] { - display: flex; - flex-direction: row; - } - - .cbi-value > .cbi-value-field > div[id] > input, - .cbi-value > .cbi-value-field > div[id] > select, - .cbi-value > .cbi-value-field > div[id] > .cbi-filebrowser.open { - flex: 1; - width: 100%; - } - - .cbi-dynlist .item::after, - .cbi-dynlist .add-item > .btn { - line-height: 2em; - flex-basis: 2rem; - width: 2rem; - } - - .ifacebadge.large { - font-size: .9rem; - } - - .control-group > *, - .control-group > .cbi-dropdown > ul > li { - flex: 1; - white-space: normal; - word-wrap: break-word; - } - - .cbi-page-actions .cbi-dropdown, - .cbi-page-actions .cbi-button-apply:first-child { - flex-basis: 100%; - } - - .cbi-checkbox { - margin: .25rem; - } - - .cbi-tabmenu { - margin: 0 -.25em 1em -.25em; - } - - .cbi-tooltip { - font-size: 1rem; - box-shadow: 0 0 4px rgba(0, 0, 0, .7); - } - - .cbi-value > label:first-child { - padding: 0 0 .5em 0; - } - - [data-page="admin-system-admin-sshkeys"] .cbi-dynlist > .item { - font-size: .9rem; - line-height: 1rem; - } - - [data-page="admin-system-opkg"] .control-group { - flex-wrap: wrap; - } - - [data-page="admin-status-iptables"] h2 + div.right { - margin: 0 0 1em 0 !important; - display: flex; - } -} - -@media only screen and (min-width: 800px) and (max-width: 1200px) { - .assoclist .tr > *:nth-of-type(2) { - display: none; - } -} diff --git a/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/favicon.png b/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/favicon.png deleted file mode 100755 index 7c3f3acb1..000000000 Binary files a/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/favicon.png and /dev/null differ diff --git a/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/omr-logo.png b/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/omr-logo.png deleted file mode 100755 index f8584ac11..000000000 Binary files a/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/omr-logo.png and /dev/null differ diff --git a/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/spinner.svg b/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/spinner.svg deleted file mode 100755 index f3b52efac..000000000 --- a/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/spinner.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/luci-theme-openwrt-2020/htdocs/luci-static/resources/menu-openwrt2020.js b/luci-theme-openwrt-2020/htdocs/luci-static/resources/menu-openwrt2020.js deleted file mode 100755 index b6fbfd4c2..000000000 --- a/luci-theme-openwrt-2020/htdocs/luci-static/resources/menu-openwrt2020.js +++ /dev/null @@ -1,147 +0,0 @@ -'use strict'; -'require baseclass'; -'require ui'; - -return baseclass.extend({ - __init__: function() { - ui.menu.load().then(L.bind(this.render, this)); - }, - - render: function(tree) { - var node = tree, - url = ''; - - this.renderModeMenu(node); - - if (L.env.dispatchpath.length >= 3) { - for (var i = 0; i < 3 && node; i++) { - node = node.children[L.env.dispatchpath[i]]; - url = url + (url ? '/' : '') + L.env.dispatchpath[i]; - } - - if (node) - this.renderTabMenu(node, url); - } - - document.querySelector('#menubar > .navigation') - .addEventListener('click', ui.createHandlerFn(this, 'handleSidebarToggle')); - }, - - handleMenuExpand: function(ev) { - var a = ev.target, ul1 = a.parentNode.parentNode, ul2 = a.nextElementSibling; - - document.querySelectorAll('ul.mainmenu.l1 > li.active').forEach(function(li) { - if (li !== a.parentNode) - li.classList.remove('active'); - }); - - if (!ul2) - return; - - if (ul2.parentNode.offsetLeft + ul2.offsetWidth <= ul1.offsetLeft + ul1.offsetWidth) - ul2.classList.add('align-left'); - - ul1.classList.add('active'); - a.parentNode.classList.add('active'); - a.blur(); - - ev.preventDefault(); - ev.stopPropagation(); - }, - - renderMainMenu: function(tree, url, level) { - var l = (level || 0) + 1, - ul = E('ul', { 'class': 'mainmenu l%d'.format(l) }), - children = ui.menu.getChildren(tree); - - if (children.length == 0 || l > 2) - return E([]); - - for (var i = 0; i < children.length; i++) { - var isActive = (L.env.dispatchpath[l] == children[i].name), - isReadonly = children[i].readonly, - activeClass = 'mainmenu-item-%s%s'.format(children[i].name, isActive ? ' selected' : ''); - - ul.appendChild(E('li', { 'class': activeClass }, [ - E('a', { - 'href': L.url(url, children[i].name), - 'click': (l == 1) ? ui.createHandlerFn(this, 'handleMenuExpand') : null - }, [ _(children[i].title) ]), - this.renderMainMenu(children[i], url + '/' + children[i].name, l) - ])); - } - - if (l == 1) - document.querySelector('#mainmenu').appendChild(E('div', [ ul ])); - - return ul; - }, - - renderModeMenu: function(tree) { - var menu = document.querySelector('#modemenu'), - children = ui.menu.getChildren(tree); - - for (var i = 0; i < children.length; i++) { - var isActive = (L.env.requestpath.length ? children[i].name == L.env.requestpath[0] : i == 0); - - if (i > 0) - menu.appendChild(E([], ['\u00a0|\u00a0'])); - - menu.appendChild(E('div', { 'class': isActive ? 'active' : null }, [ - E('a', { 'href': L.url(children[i].name) }, [ _(children[i].title) ]) - ])); - - if (isActive) - this.renderMainMenu(children[i], children[i].name); - } - - if (menu.children.length > 1) - menu.style.display = ''; - }, - - renderTabMenu: function(tree, url, level) { - var container = document.querySelector('#tabmenu'), - l = (level || 0) + 1, - ul = E('ul', { 'class': 'cbi-tabmenu' }), - children = ui.menu.getChildren(tree), - activeNode = null; - - if (children.length == 0) - return E([]); - - for (var i = 0; i < children.length; i++) { - var isActive = (L.env.dispatchpath[l + 2] == children[i].name), - activeClass = isActive ? ' cbi-tab' : '', - className = 'tabmenu-item-%s %s'.format(children[i].name, activeClass); - - ul.appendChild(E('li', { 'class': className }, [ - E('a', { 'href': L.url(url, children[i].name) }, [ _(children[i].title) ] ) - ])); - - if (isActive) - activeNode = children[i]; - } - - container.appendChild(ul); - container.style.display = ''; - - if (activeNode) - container.appendChild(this.renderTabMenu(activeNode, url + '/' + activeNode.name, l)); - - return ul; - }, - - handleSidebarToggle: function(ev) { - var btn = ev.currentTarget, - bar = document.querySelector('#mainmenu'); - - if (btn.classList.contains('active')) { - btn.classList.remove('active'); - bar.classList.remove('active'); - } - else { - btn.classList.add('active'); - bar.classList.add('active'); - } - } -}); diff --git a/luci-theme-openwrt-2020/luasrc/view/themes/openwrt2020/footer.htm b/luci-theme-openwrt-2020/luasrc/view/themes/openwrt2020/footer.htm deleted file mode 100755 index e9122f0b5..000000000 --- a/luci-theme-openwrt-2020/luasrc/view/themes/openwrt2020/footer.htm +++ /dev/null @@ -1,17 +0,0 @@ -<%# - Copyright 2020 Jo-Philipp Wich - Licensed to the public under the Apache License 2.0. --%> - -
- - -

- <% local ver = require "luci.version" -%> - Powered by <%= ver.luciname %> (<%= ver.luciversion %>) -

- - - - - diff --git a/luci-theme-openwrt-2020/luasrc/view/themes/openwrt2020/header.htm b/luci-theme-openwrt-2020/luasrc/view/themes/openwrt2020/header.htm deleted file mode 100755 index fb0842df0..000000000 --- a/luci-theme-openwrt-2020/luasrc/view/themes/openwrt2020/header.htm +++ /dev/null @@ -1,63 +0,0 @@ -<%# - Copyright 2020 Jo-Philipp Wich - Licensed to the public under the Apache License 2.0. --%> - -<% - local sys = require "luci.sys" - local util = require "luci.util" - local http = require "luci.http" - local disp = require "luci.dispatcher" - local ver = require "luci.version" - - local boardinfo = util.ubus("system", "board") or { } - - local node = disp.context.dispatched - local path = table.concat(disp.context.path, "-") - - http.prepare_content("text/html; charset=UTF-8") --%> - - - - - - - - - - -<%=striptags( (boardinfo.hostname or "?") .. ( (node and node.title) and ' - ' .. translate(node.title) or '')) %> - LuCI - - - -

-<%:Skip to navigation%> -<%:Skip to content%> -

- - - - - -
- - -
- <%- if luci.sys.process.info("uid") == 0 and luci.sys.user.getuser("root") and not luci.sys.user.getpasswd("root") and category ~= "failsafe" and path ~= "admin-system-admin-password" then -%> -
-

<%:No password set!%>

-

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

- <% if disp.lookup("admin/system/admin") then %> -
"><%:Go to password configuration...%>
- <% end %> -
- <%- end -%> - - diff --git a/luci-theme-openwrt-2020/root/etc/uci-defaults/30_luci-theme-openwrt-2020 b/luci-theme-openwrt-2020/root/etc/uci-defaults/30_luci-theme-openwrt-2020 deleted file mode 100755 index cd41631de..000000000 --- a/luci-theme-openwrt-2020/root/etc/uci-defaults/30_luci-theme-openwrt-2020 +++ /dev/null @@ -1,11 +0,0 @@ -#!/bin/sh - -if [ "$PKG_UPGRADE" != 1 ]; then - uci get luci.themes.OpenWrt2020 >/dev/null 2>&1 || \ - uci batch <<-EOF - set luci.themes.OpenWrt2020=/luci-static/openwrt2020 - commit luci - EOF -fi - -exit 0