summaryrefslogtreecommitdiffhomepage
path: root/themes
diff options
context:
space:
mode:
Diffstat (limited to 'themes')
-rw-r--r--themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css217
-rwxr-xr-xthemes/luci-theme-rosy/htdocs/luci-static/rosy/js/script.js4
-rwxr-xr-xthemes/luci-theme-rosy/luasrc/view/themes/rosy/footer.htm2
3 files changed, 144 insertions, 79 deletions
diff --git a/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css b/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css
index 4ae815105..26a08be46 100644
--- a/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css
+++ b/themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css
@@ -165,7 +165,7 @@ header {
}
header .container {
- padding: 0 0.5rem;
+ padding: 0 0.5rem;
}
select {
@@ -588,7 +588,7 @@ footer > a {
.main-right .container .alert-message h4 {
margin-top: 1rem;
background: url(./no-pwd.png) no-repeat left 1px / 28px;
- padding: 7px 0 0 32px;
+ padding: 7px 0 0 32px;
}
.main-right .container .alert-message .btn {
@@ -782,7 +782,7 @@ form[method="post"] + form[method="post"],
.cbi-button[name="zero"],
.cbi-button[name="restart"],
.cbi-button[onclick="hide_empty(this)"] {
- border: 1px solid;
+ border: 1px solid;
}
/* dark blue */
@@ -813,10 +813,10 @@ form[method="post"] + form[method="post"],
.cbi-button[value="Submit"],
.cbi-button[value$="Apply"],
.cbi-button[onclick="addKey(event)"] {
- font-weight: normal;
- color: #fff;
- border: 1px solid #468ea4;
- background-color: #468ea4;
+ font-weight: normal;
+ color: #fff;
+ border: 1px solid #468ea4;
+ background-color: #468ea4;
}
/* red */
@@ -830,10 +830,10 @@ form[method="post"] + form[method="post"],
.cbi-button[onclick="reboot(this)"],
.cbi-button-neutral[value="Restart"] {
padding: 5px .8rem;
- font-weight: 100;
- color: #f24b7c;
- background-color: transparent;
- border: 1px solid #f24b7c;
+ font-weight: 100;
+ color: #f24b7c;
+ background-color: transparent;
+ border: 1px solid #f24b7c;
}
/* yellow */
@@ -856,10 +856,10 @@ form[method="post"] + form[method="post"],
.cbi-button[name="backup"],
.cbi-button[value="Upload"],
.cbi-button[value="Save mtdblock"] {
- font-weight: normal;
- color: #468ea4;
- border: thin solid #468ea4;
- background-color: transparent;
+ font-weight: normal;
+ color: #468ea4;
+ border: thin solid #468ea4;
+ background-color: transparent;
}
.cbi-page-actions .cbi-button-link:first-child {
@@ -886,40 +886,40 @@ form[method="post"] + form[method="post"],
}
.tabs > li {
- margin-right: .8rem;
- padding: .5rem 4px;
- position: relative;
- display: inline-block;
- text-align: center;
+ margin-right: .8rem;
+ padding: 6px 10px;
+ position: relative;
+ display: inline-block;
+ text-align: center;
}
.tabs > li a {
- color: #468EA4;
+ color: #468EA4;
font-size: 14px;
text-decoration: none;
position: relative;
z-index: 1;
}
.tabs > li::after {
- content: '';
- background-color: #cccccc82;
- position: absolute;
- width: 0;
- height: 100%;
- bottom: 0;
- border-radius: 20px;
- left: 50%;
- transform: translateX(-50%);
+ content: '';
+ background-color: #cccccc82;
+ position: absolute;
+ width: 0;
+ height: 100%;
+ bottom: 0;
+ border-radius: 20px;
+ left: 50%;
+ transform: translateX(-50%);
}
.tabs > li:hover::after {
- transition: width .35s;
- width: calc(100% + 4px);
+ transition: width .35s;
+ width: calc(100% + 4px);
}
.tabs > li.active::after {
- width: calc(100% + 4px);
- background-color: #468ea473;
+ width: calc(100% + 4px);
+ background-color: #468ea473;
}
.cbi-tabmenu > li {
@@ -1164,17 +1164,17 @@ form[method="post"] + form[method="post"],
}
.cbi-dynlist > .item::after {
- position: absolute;
- right: -2em;
- bottom: 0;
- display: inline-flex;
- min-height: 17px;
- padding: 0 6px;
- content: "\00D7";
- pointer-events: auto;
- color: #f24b7c;
- border: thin solid #f24b7c;
- background-color: transparent;
+ position: absolute;
+ right: -2em;
+ bottom: 0;
+ display: inline-flex;
+ min-height: 17px;
+ padding: 0 6px;
+ content: "\00D7";
+ pointer-events: auto;
+ color: #f24b7c;
+ border: thin solid #f24b7c;
+ background-color: transparent;
}
.cbi-dynlist > .item > span {
@@ -1455,6 +1455,11 @@ body.modal-overlay-active {
height: 100vh;
}
+#modal_overlay .alert-message.warning {
+ background-color: #fff !important;
+ margin-bottom: 10px;
+}
+
body.modal-overlay-active #modal_overlay {
right: 0;
left: 0;
@@ -2066,9 +2071,9 @@ input[name="nslookup"] {
.login .alert-message > h4 {
padding: 7px 0 0 32px;
- font-size: 18px;
- background: url(./no-pwd.png) no-repeat left 0 / 28px;
- display: inline-block;
+ font-size: 18px;
+ background: url(./no-pwd.png) no-repeat left 0 / 28px;
+ display: inline-block;
}
.login .alert-message > p {
@@ -2128,30 +2133,30 @@ input[name="nslookup"] {
}
.login > .main .cbi-value > .cbi-value-field {
- display: block;
- position: relative;
+ display: block;
+ position: relative;
}
.login > .main .cbi-value-last .cbi-value-field > div {
- height: 24px;
- width: 24px;
- display: inline-block;
- background: url(./op-eye.png) no-repeat center center / cover;
- position: absolute;
- top: 8px;
- right: 12px;
+ height: 24px;
+ width: 24px;
+ display: inline-block;
+ background: url(./op-eye.png) no-repeat center center / cover;
+ position: absolute;
+ top: 8px;
+ right: 12px;
}
.login > .main .cbi-value-last .cbi-value-field.op-eye > div {
- background-image: url(./cl-eye.png);
+ background-image: url(./cl-eye.png);
}
.login > .main .cbi-value .cbi-input-text {
margin: 0 0 16px;
padding-left: 36px;
width: 100%;
- height: 42px;
- border: 1px solid #556270;
+ height: 42px;
+ border: 1px solid #556270;
border-radius: 20px;
background: #fff no-repeat 11px center / 19px;
}
@@ -2172,14 +2177,14 @@ input[name="nslookup"] {
.login .cbi-page-actions .cbi-button-apply,
.login .cbi-button-apply {
- border: 1px solid #f24b7c;
- background-color: #f24b7c;
+ border: 1px solid #f24b7c;
+ background-color: #f24b7c;
}
.login .cbi-button[value="Reset"] {
- color: #fff;
- border: 1px solid #9a4569;
- background-color: #9a4569;
+ color: #fff;
+ border: 1px solid #9a4569;
+ background-color: #9a4569;
}
.login footer {
@@ -2246,13 +2251,49 @@ input[name="nslookup"] {
.logged-in .main-right {
float: right;
width: 84%;
- height: 100%;
+ height: 100%;
}
.logged-in .main-right .container {
margin: 5rem 1rem 1rem;
}
+/* rosy file server */
+.login-info.node-main-login{
+ background-color: #ebf1f6;
+}
+
+.login-info.node-main-login header .container,
+.login-info.node-main-login .main {
+ width: 1170px;
+}
+
+.login-info.node-main-login .main {
+ padding: 0 15px;
+}
+
+.login-info.node-main-login header {
+ display: block;
+}
+
+.login-info.node-main-login header .container {
+ margin: 1rem auto 0;
+ height: 3rem;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ border-radius: 50px;
+ line-height: 44px;
+}
+
+.login-info.node-main-login .label.logout {
+ background-color: #f24b7c;
+}
+
+.login-info.node-main-login .label.logout a {
+ color: #fff;
+ text-decoration: none;
+}
+
/* node main login */
.login-info .main {
margin: 0 auto;
@@ -2435,11 +2476,14 @@ input[name="nslookup"] {
flex-basis: 12%;
}
-#cbi-firewall-zone .table,
-#cbi-network-switch_vlan .table {
+#cbi-firewall-zone .table {
display: table;
}
+#cbi-network-switch_vlan #vlan_table {
+ overflow-x: auto;
+}
+
#cbi-firewall-zone .td.cbi-section-actions {
width: 100%;
}
@@ -2592,10 +2636,6 @@ input[name="nslookup"] {
font-size: .7rem;
}
- #modal_overlay {
- top: 3.5rem;
- }
-
[data-page="admin-network-firewall-forwards"] .table:not(.cbi-section-table) {
display: block;
}
@@ -2612,10 +2652,17 @@ input[name="nslookup"] {
}
@media screen and (max-width: 992px) {
+ .login-info.node-main-login header .container,
+ .login-info.node-main-login .main {
+ width: 970px;
+ }
+}
+
+@media screen and (max-width: 992px) {
.login .main-right {
background: #354057;
}
-
+
.login > .main #maincontent {
width: 90%;
}
@@ -2674,6 +2721,10 @@ input[name="nslookup"] {
width: 30px;
}
+ .login-info.node-main-login header .showSide {
+ display: none;
+ }
+
.showSide::before {
content: '';
display: inline-block;
@@ -2882,6 +2933,22 @@ input[name="nslookup"] {
.logged-in .main-left .navbar-container:hover {
scrollbar-face-color: #839dd67a;
}
+
+ .login-info.node-main-login header .container,
+ .login-info.node-main-login .main {
+ width: 750px;
+ }
+}
+
+@media screen and (max-width: 768px) {
+ .login-info.node-main-login header {
+ padding: 0 15px;
+ }
+
+ .login-info.node-main-login header .container,
+ .login-info.node-main-login .main {
+ width: 100%;
+ }
}
@media screen and (max-width: 600px) {
@@ -2900,10 +2967,6 @@ input[name="nslookup"] {
padding: 1rem;
}
- .tabs {
- margin: 0 -1rem;
- }
-
.main-left .nav-container {
width: 70%;
}
diff --git a/themes/luci-theme-rosy/htdocs/luci-static/rosy/js/script.js b/themes/luci-theme-rosy/htdocs/luci-static/rosy/js/script.js
index 7f5f1ad0b..886e175cc 100755
--- a/themes/luci-theme-rosy/htdocs/luci-static/rosy/js/script.js
+++ b/themes/luci-theme-rosy/htdocs/luci-static/rosy/js/script.js
@@ -273,7 +273,9 @@
thisParent.removeClass('op-eye');
$(this).prev().attr('type', 'password');
}
-
+
});
+ $('#cbi-network-switch_vlan .table').wrap('#vlan_table');
+
})(window, jQuery);
diff --git a/themes/luci-theme-rosy/luasrc/view/themes/rosy/footer.htm b/themes/luci-theme-rosy/luasrc/view/themes/rosy/footer.htm
index 4377e1ca9..25997d145 100755
--- a/themes/luci-theme-rosy/luasrc/view/themes/rosy/footer.htm
+++ b/themes/luci-theme-rosy/luasrc/view/themes/rosy/footer.htm
@@ -28,7 +28,7 @@
</div>
</div>
</div>
-<footer class="mobile-hide">
+<footer>
<a href="https://github.com/openwrt/luci">Powered by<%= ver.luciname %> (<%= ver.luciversion %>)</a> /
<%= ver.distversion %>
<% if #categories > 1 then %>
generated by cgit v1.2.3 (git 2.39.1) at 2024-11-23 23:18:21 +0000