summaryrefslogtreecommitdiffhomepage
path: root/themes/luci-theme-material/htdocs/luci-static
diff options
context:
space:
mode:
Diffstat (limited to 'themes/luci-theme-material/htdocs/luci-static')
-rw-r--r--themes/luci-theme-material/htdocs/luci-static/material/cascade.css20
-rw-r--r--themes/luci-theme-material/htdocs/luci-static/material/custom.css2
-rwxr-xr-xthemes/luci-theme-material/htdocs/luci-static/material/js/script.js1
3 files changed, 13 insertions, 10 deletions
diff --git a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
index 8fa45d9809..6961bfe2d7 100644
--- a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
+++ b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
@@ -125,7 +125,7 @@ html, body {
margin: 0px;
padding: 0px;
height: 100%;
- font-family: Microsoft Yahei, WenQuanYi Micro Hei, sans-serif, "Helvetica Neue", Helvetica, Hiragino Sans GB;
+ font-family: var(--font-body, "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif", "Helvetica Neue", "Helvetica", "Hiragino Sans GB");
}
select {
@@ -154,7 +154,7 @@ input,
select:not([multiple="multiple"]):focus,
input:focus {
- border-color: #0099CC;
+ border-color: var(--main-color, #0099CC);
}
select[multiple="multiple"] {
@@ -162,7 +162,7 @@ select[multiple="multiple"] {
}
code {
- color: #0099CC;
+ color: var(--main-color, #0099CC);
}
abbr {
@@ -235,8 +235,8 @@ footer > a {
.main > .loading > span > .loading-img {
animation: anim-rotate 2s infinite linear;
- margin-right: 0.2rem;
display: inline-block;
+ margin: 5rem;
}
@keyframes anim-rotate {
@@ -457,7 +457,7 @@ header > .fill > .container > .status {
}
.main > .main-left > .nav > .slide > .slide-menu > .active:hover {
- background-color: #0099CC;
+ background-color: var(--main-color, #0099CC);
cursor: hand;
}
@@ -615,7 +615,7 @@ div > .table > .tbody > .tr:nth-of-type(2n) {
#conns > div > div,
#memtotal > div > div {
height: 100% !important;
- background-color: #0099CC !important;
+ background-color: var(--main-color, #0099CC) !important;
}
/* fix multiple table */
@@ -796,13 +796,13 @@ td > table > tbody > tr > td,
.tabs > li[class~="active"],
.tabs > li:hover {
cursor: pointer;
- border-bottom: 0.2rem solid #0099CC;
- color: #0099CC;
+ border-bottom: 0.2rem solid var(--main-color, #0099CC);
+ color: var(--main-color, #0099CC);
margin-bottom: -0.18751rem;
}
.tabs > li[class~="active"] > a {
- color: #0099cc;
+ color: var(--main-color, #0099CC);
}
.tabs > li:hover {
@@ -1611,7 +1611,7 @@ header > .container > .pull-right > * {
}
.node-main-login > .main .cbi-value-title {
- width: 7rem;
+ width: 8rem;
}
.node-main-login > .main #maincontent {
diff --git a/themes/luci-theme-material/htdocs/luci-static/material/custom.css b/themes/luci-theme-material/htdocs/luci-static/material/custom.css
index b32eb2af1b..e53ac6db4c 100644
--- a/themes/luci-theme-material/htdocs/luci-static/material/custom.css
+++ b/themes/luci-theme-material/htdocs/luci-static/material/custom.css
@@ -1,9 +1,11 @@
:root {
+ --main-color: #0099CC;
--header-bg: #0099CC;
--header-color: #FFFFFF;
--menu-bg-color: #FFFFFF;
--menu-color: #404040;
--submenu-bg-hover: #D4D4D4;
--submenu-bg-hover-active: #0099CC;
+ --font-body: "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif", "Helvetica Neue", "Helvetica", "Hiragino Sans GB";
}
diff --git a/themes/luci-theme-material/htdocs/luci-static/material/js/script.js b/themes/luci-theme-material/htdocs/luci-static/material/js/script.js
index 583d66d91f..27bb5ac038 100755
--- a/themes/luci-theme-material/htdocs/luci-static/material/js/script.js
+++ b/themes/luci-theme-material/htdocs/luci-static/material/js/script.js
@@ -35,6 +35,7 @@
var nodeUrl = "";
(function(node){
+ var luciLocation;
if (node[0] == "admin"){
luciLocation = [node[1], node[2]];
}else{