mirror of
https://github.com/sirpdboy/sirpdboy-package.git
synced 2025-01-08 11:57:57 +08:00
up theme argon
This commit is contained in:
sirpdboy
parent
e7dcf752e1
commit
bd39b68101
@ -6,10 +6,10 @@
|
||||
|
||||
include $(TOPDIR)/rules.mk
|
||||
|
||||
LUCI_TITLE:=Argon_new kenzo
|
||||
LUCI_TITLE:=Argon_new kenzo
|
||||
LUCI_DEPENDS:=
|
||||
PKG_VERSION:=1.7.1
|
||||
PKG_RELEASE:=20201022
|
||||
PKG_VERSION:=1.7.2
|
||||
PKG_RELEASE:=20210309
|
||||
|
||||
include $(TOPDIR)/feeds/luci/luci.mk
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
@ -240,7 +240,7 @@
|
||||
$(".cbi-section-table-titles, .cbi-section-table-descr, .cbi-section-descr").each(function () {
|
||||
var that = $(this);
|
||||
if (that.text().trim() == "") {
|
||||
that.css("display", "none");
|
||||
that.css("padding", "0px");
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
// compress: true
|
||||
// compress: false
|
||||
/**
|
||||
* Argon is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argon Template
|
||||
*
|
||||
@ -40,17 +40,26 @@
|
||||
@import url("pure-min.css?v=1");
|
||||
|
||||
:root {
|
||||
/** general **/
|
||||
--primary: #5e72e4;
|
||||
--dark-primary: #483d8b;
|
||||
--background-color: #f4f5f7;
|
||||
--font-color: #525f7f;
|
||||
/** login form **/
|
||||
--login-form-background-color: #ffffff;
|
||||
--login-form-bg-color: rgba(244, 245, 247, 0.8);
|
||||
--blur-radius: 10px;
|
||||
--blur-opacity: 0.5;
|
||||
|
||||
--white: #fff;
|
||||
--darker: black;
|
||||
--default: #525461;
|
||||
--background-color: #f4f5f7;
|
||||
|
||||
--warning: #fb6340;
|
||||
--footer-color:#aaa;
|
||||
--menubar-background:#fff;
|
||||
--menubar-scrollbar-thumb:#f6f9fc;
|
||||
--menubar-text-color:#4c4c4c;
|
||||
--footer-color: #aaa;
|
||||
--menubar-background: #fff;
|
||||
--menubar-scrollbar-thumb: #f6f9fc;
|
||||
--menubar-text-color: #4c4c4c;
|
||||
--blue: #5e72e4;
|
||||
--indigo: #5603ad;
|
||||
--purple: #8965e0;
|
||||
@ -74,15 +83,58 @@
|
||||
--dark: #212529;
|
||||
--neutral: #fff;
|
||||
--login-form-bg-color: rgba(244, 245, 247, 0.8);
|
||||
--breakpoint-xs: 0;
|
||||
--breakpoint-sm: 576px;
|
||||
--breakpoint-md: 768px;
|
||||
--breakpoint-lg: 992px;
|
||||
--breakpoint-xl: 1200px;
|
||||
--blur-radius:10px;
|
||||
--blur-opacity:0.5;
|
||||
--blur-radius-dark:10px;
|
||||
--blur-opacity-dark:0.5;
|
||||
|
||||
--blur-radius: 10px;
|
||||
--blur-opacity: 0.5;
|
||||
--blur-radius-dark: 10px;
|
||||
--blur-opacity-dark: 0.5;
|
||||
--font-family-sans-serif: "Google Sans", "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif", "Helvetica Neue", "Helvetica", "Hiragino Sans GB";
|
||||
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
|
||||
--font-family-normal: Open Sans, PingFangSC-Regular, Microsoft Yahei, WenQuanYi Micro Hei, "Helvetica Neue", Helvetica, Hiragino Sans GB, sans-serif;
|
||||
}
|
||||
|
||||
[data-theme="dark"] {
|
||||
--primary: #483d8b;
|
||||
--dark-primary: #483d8b;
|
||||
--background-color: #1e1e1e;
|
||||
--font-color: #cccccc;
|
||||
--white: #fff;
|
||||
--darker: black;
|
||||
--default: #525461;
|
||||
|
||||
--warning: #fb6340;
|
||||
--footer-color: #aaa;
|
||||
--menubar-background: #fff;
|
||||
--menubar-scrollbar-thumb: #f6f9fc;
|
||||
--menubar-text-color: #4c4c4c;
|
||||
--blue: #5e72e4;
|
||||
--indigo: #5603ad;
|
||||
--purple: #8965e0;
|
||||
--pink: #f3a4b5;
|
||||
--red: #f5365c;
|
||||
--orange: #fb6340;
|
||||
--yellow: #ffd600;
|
||||
--green: #2dce89;
|
||||
--teal: #11cdef;
|
||||
--cyan: #2bffc6;
|
||||
--white: #fff;
|
||||
--gray: #8898aa;
|
||||
--gray-dark: #32325d;
|
||||
--light: #ced4da;
|
||||
--lighter: #e9ecef;
|
||||
--secondary: #f7fafc;
|
||||
--success: #2dce89;
|
||||
--info: #11cdef;
|
||||
--danger: #f5365c;
|
||||
--light: #adb5bd;
|
||||
--dark: #212529;
|
||||
--neutral: #fff;
|
||||
--login-form-bg-color: rgba(244, 245, 247, 0.8);
|
||||
|
||||
--blur-radius: 10px;
|
||||
--blur-opacity: 0.5;
|
||||
--blur-radius-dark: 10px;
|
||||
--blur-opacity-dark: 0.5;
|
||||
--font-family-sans-serif: "Google Sans", "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif", "Helvetica Neue", "Helvetica", "Hiragino Sans GB";
|
||||
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
|
||||
--font-family-normal: Open Sans, PingFangSC-Regular, Microsoft Yahei, WenQuanYi Micro Hei, "Helvetica Neue", Helvetica, Hiragino Sans GB, sans-serif;
|
||||
@ -107,6 +159,8 @@ body {
|
||||
font-size: 0.875rem;
|
||||
background-color: #f4f5f7;
|
||||
background-color: var(--background-color);
|
||||
color: #525f7f;
|
||||
color: var(--font-color);
|
||||
|
||||
}
|
||||
|
||||
@ -114,7 +168,7 @@ body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
-webkit-tap-highlight-color:transparent;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
|
||||
}
|
||||
|
||||
@ -141,6 +195,45 @@ li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
@-webkit-keyframes sparkle {
|
||||
from {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
to {
|
||||
background-position: 0 -64px;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes sparkle {
|
||||
from {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
to {
|
||||
background-position: 0 -64px;
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes sparkle {
|
||||
from {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
to {
|
||||
background-position: 0 -64px;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes sparkle {
|
||||
from {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
to {
|
||||
background-position: 0 -64px;
|
||||
}
|
||||
}
|
||||
|
||||
/***********************
|
||||
*
|
||||
@ -161,13 +254,14 @@ li {
|
||||
background-color: #000;
|
||||
background-color: var(--darker);
|
||||
overflow: hidden;
|
||||
|
||||
video {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.volume-control{
|
||||
.volume-control {
|
||||
position: fixed;
|
||||
right: 1rem;
|
||||
top: 1rem;
|
||||
@ -177,13 +271,14 @@ li {
|
||||
cursor: pointer;
|
||||
background-size: contain;
|
||||
background-image: url(../img/volume_high.svg);
|
||||
&.mute{
|
||||
|
||||
&.mute {
|
||||
background-image: url(../img/volume_off.svg);
|
||||
}
|
||||
}
|
||||
|
||||
.main-bg{
|
||||
position: absolute;
|
||||
.main-bg {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
@ -260,7 +355,6 @@ li {
|
||||
text-align: center;
|
||||
color: #fb6340;
|
||||
color: var(--warning);
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
@ -306,7 +400,7 @@ li {
|
||||
box-sizing: border-box;
|
||||
transition: all .3s cubic-bezier(.68, -.55, .265, 1.55);
|
||||
color: #525461;
|
||||
color:var(--default);
|
||||
color: var(--default);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
border-bottom: 1px solid #fff;
|
||||
@ -382,7 +476,8 @@ li {
|
||||
color: var(--default);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
.ftc{
|
||||
|
||||
.ftc {
|
||||
position: absolute;
|
||||
bottom: 30px;
|
||||
width: 100%;
|
||||
@ -427,7 +522,7 @@ header {
|
||||
position: relative;
|
||||
|
||||
.container {
|
||||
margin-top: 0.5rem;
|
||||
margin-top: rem;
|
||||
padding: 0.5rem 1rem 0 1rem;
|
||||
|
||||
.pull-right>* {
|
||||
@ -485,16 +580,16 @@ header {
|
||||
***************************/
|
||||
|
||||
footer {
|
||||
|
||||
|
||||
text-align: right;
|
||||
padding: 1rem;
|
||||
color: #aaa;
|
||||
color:var(--footer-color);
|
||||
color: var(--footer-color);
|
||||
font-size: 0.8rem;
|
||||
|
||||
a {
|
||||
color: #aaa;
|
||||
color:var(--footer-color);
|
||||
color: var(--footer-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
@ -550,7 +645,7 @@ footer {
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background-color: #f6f9fc;
|
||||
background-color: var(--menubar-scrollbar-thumb);
|
||||
|
||||
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-track {
|
||||
@ -630,7 +725,7 @@ footer {
|
||||
&:hover {
|
||||
&::after {
|
||||
color: #000;
|
||||
color:var(--darker);
|
||||
color: var(--darker);
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@ -829,10 +924,11 @@ footer {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&:last-child>.menu::after {
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@ -1486,6 +1582,9 @@ input[name="nslookup"] {
|
||||
height: 100% !important;
|
||||
background-color: #5e72e4 !important;
|
||||
background-color: var(--primary) !important;
|
||||
background-image: url(../img/trafficbar.png);
|
||||
background-position: left top;
|
||||
animation: sparkle 1500ms linear infinite;
|
||||
}
|
||||
|
||||
/* fix multiple table */
|
||||
@ -2114,8 +2213,8 @@ div>.table>.tbody>.tr:nth-of-type(2n) {
|
||||
|
||||
.errorbox,
|
||||
.alert-message {
|
||||
margin: 2rem 0 0 0;
|
||||
padding: 2rem;
|
||||
margin: 0 0 0 0;
|
||||
padding: 1rem 2rem;
|
||||
border: 0;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
@ -2133,7 +2232,9 @@ div>.table>.tbody>.tr:nth-of-type(2n) {
|
||||
background-color: #f0ad4e;
|
||||
border-color: #eea236;
|
||||
}
|
||||
|
||||
.alert-message.warning{
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.error {
|
||||
color: red;
|
||||
}
|
||||
@ -3287,6 +3388,9 @@ input[name="nslookup"] {
|
||||
margin: 0.25rem !important;
|
||||
}
|
||||
|
||||
.node-network-wireless .cbi-button-add{
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -3351,9 +3455,7 @@ input[name="nslookup"] {
|
||||
padding: 0.3rem 0.6rem;
|
||||
}
|
||||
|
||||
select {
|
||||
min-width: 15rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -3501,6 +3603,7 @@ input[name="nslookup"] {
|
||||
float: right;
|
||||
margin-top: 0rem !important;
|
||||
}
|
||||
|
||||
.login-page .video {
|
||||
video {
|
||||
width: auto !important;
|
||||
@ -3513,6 +3616,8 @@ input[name="nslookup"] {
|
||||
width: 100%;
|
||||
|
||||
.login-form {
|
||||
max-width: 480px;
|
||||
|
||||
.form-login {
|
||||
.input-group {
|
||||
&::before {
|
||||
@ -3539,10 +3644,6 @@ input[name="nslookup"] {
|
||||
margin: 1rem 0 0 0;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
margin: 0.5rem 0rem
|
||||
}
|
||||
|
||||
.toggle {
|
||||
margin: 0;
|
||||
}
|
||||
@ -3573,6 +3674,7 @@ input[name="nslookup"] {
|
||||
top: 0.9rem;
|
||||
}
|
||||
|
||||
|
||||
#ethinfo td {
|
||||
padding: 0.75rem 0.2rem !important;
|
||||
|
||||
@ -3593,18 +3695,27 @@ input[name="nslookup"] {
|
||||
min-width: 15rem;
|
||||
}
|
||||
|
||||
select {
|
||||
width: 15rem;
|
||||
select,
|
||||
input {
|
||||
width: 100% !important;
|
||||
min-width: auto;
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
|
||||
input {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.cbi-value>.cbi-value-field>div>input {
|
||||
width: calc(100% - 1.5rem) !important;
|
||||
}
|
||||
|
||||
.cbi-value>.cbi-value-field {
|
||||
display: inline-block;
|
||||
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.cbi-value-field .cbi-input-checkbox,
|
||||
.cbi-value-field .cbi-input-radio {
|
||||
margin: 0rem 0.25rem 0 0.25rem;
|
||||
@ -3637,7 +3748,7 @@ input[name="nslookup"] {
|
||||
}
|
||||
|
||||
.mobile-hide {
|
||||
display: none;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
@ -3706,6 +3817,34 @@ input[name="nslookup"] {
|
||||
width: 10rem !important;
|
||||
}
|
||||
|
||||
.cbi-button-add {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.node-network-network {
|
||||
.cbi-section-table {
|
||||
|
||||
tr,
|
||||
td {
|
||||
display: block;
|
||||
}
|
||||
|
||||
td {
|
||||
width: 100% !important;
|
||||
text-align: center !important;
|
||||
padding: 0.8rem 1.5rem !important;
|
||||
}
|
||||
|
||||
.cbi-section-table-titles {
|
||||
display: flex;
|
||||
|
||||
.cbi-section-table-cell {
|
||||
flex: 1 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.node-services-vssr {
|
||||
.status-info {
|
||||
font-size: 0.75rem;
|
||||
|
||||
@ -249,7 +249,8 @@ table>thead>tr>td {
|
||||
#membuff>div>div,
|
||||
#conns>div>div,
|
||||
#memtotal>div>div {
|
||||
background-color: #32325d !important;
|
||||
background-color: #483d8b !important;
|
||||
background-color: var(--dark-primary) !important;
|
||||
}
|
||||
|
||||
#swaptotal>div>div>div>small,
|
||||
|
||||
@ -39,11 +39,10 @@
|
||||
local categories = disp.node_childs(tree)
|
||||
%>
|
||||
</div>
|
||||
<footer class="mobile-hide">
|
||||
<footer>
|
||||
<div class="ftc">
|
||||
<a class="luci-link" href="https://github.com/openwrt/luci">Powered by <%= ver.luciname %>
|
||||
(<%= ver.luciversion %>)</a> /
|
||||
<a href="https://github.com/jerrykuku/luci-theme-argon">ArgonTheme <%# vPKG_VERSION %></a> /
|
||||
<%= ver.distversion %>
|
||||
<% if #categories > 1 then %>
|
||||
<ul class="breadcrumb pull-right" id="modemenu">
|
||||
@ -70,6 +69,15 @@
|
||||
var keyboradHeight = newHeight - winHeight;
|
||||
$(".ftc").css("bottom", keyboradHeight + 30);
|
||||
}
|
||||
if($(document.body).height() < 525 ){
|
||||
if($(".ftc").css('display') != 'none'){
|
||||
$(".ftc").hide()
|
||||
}
|
||||
}else{
|
||||
if($(".ftc").css('display') == 'none'){
|
||||
$(".ftc").show()
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
@ -32,7 +32,6 @@
|
||||
local uci = require 'luci.model.uci'.cursor()
|
||||
local boardinfo = util.ubus("system", "board")
|
||||
|
||||
|
||||
local request = disp.context.path
|
||||
local request2 = disp.context.request
|
||||
|
||||
@ -52,7 +51,6 @@
|
||||
math.randomseed(tonumber(tostring(os.time()):reverse():sub(1, 9)))
|
||||
|
||||
-- Custom settings
|
||||
|
||||
local mode = 'normal'
|
||||
local dark_css = fs.readfile('/www/luci-static/argon/css/dark.css')
|
||||
local bar_color = '#5e72e4'
|
||||
|
||||
@ -27,7 +27,8 @@
|
||||
local boardinfo = util.ubus("system", "board")
|
||||
local fs = require "nixio.fs"
|
||||
local nutil = require "nixio.util"
|
||||
|
||||
local uci = require 'luci.model.uci'.cursor()
|
||||
local theme_dir = media .. "/background/"
|
||||
function glob(...)
|
||||
local iter, code, msg = fs.glob(...)
|
||||
if iter then
|
||||
@ -41,30 +42,42 @@
|
||||
return str:match(".+%.(%w+)$")
|
||||
end
|
||||
|
||||
local bgcount = 0
|
||||
local currentBg = {}
|
||||
local bgs,attr = {}
|
||||
local theme_dir = media .. "/background/"
|
||||
for i, f in ipairs(glob("/www" .. theme_dir .. "*")) do
|
||||
attr = fs.stat(f)
|
||||
if attr then
|
||||
local ext = getExtension(fs.basename(f))
|
||||
if ext == "jpg" or ext == "png" or ext == "gif" or ext == "mp4" then
|
||||
local bg = {}
|
||||
bg.type = ext
|
||||
bg.url = theme_dir .. fs.basename(f)
|
||||
table.insert(bgs,bg)
|
||||
bgcount = bgcount + 1
|
||||
function fetchMedia(path)
|
||||
local bgArr = {}
|
||||
local numBg = 0
|
||||
for i, f in ipairs(glob(path)) do
|
||||
attr = fs.stat(f)
|
||||
if attr then
|
||||
local ext = getExtension(fs.basename(f))
|
||||
if ext == "jpg" or ext == "png" or ext == "gif" or ext == "mp4" then
|
||||
local bg = {}
|
||||
bg.type = ext
|
||||
bg.url = theme_dir .. fs.basename(f)
|
||||
table.insert(bgArr,bg)
|
||||
numBg = numBg + 1
|
||||
end
|
||||
end
|
||||
end
|
||||
return bgArr,numBg
|
||||
end
|
||||
|
||||
if bgcount > 0 then
|
||||
currentBg = bgs[math.random(1,bgcount)]
|
||||
end
|
||||
local bgcount = 0
|
||||
local currentBg = {}
|
||||
local bgs = {}
|
||||
local theme_dir = media .. "/background/"
|
||||
local bing_background = fs.access('/etc/config/argon') and uci:get_first('argon', 'global', 'bing_background') or 0
|
||||
bgs,bgcount=fetchMedia("/www" .. theme_dir .. "*")
|
||||
%>
|
||||
<div class="login-page">
|
||||
<% if (bgcount > 0 and currentBg.type == "mp4") then %>
|
||||
|
||||
<%
|
||||
local bg_url = media .. "/img/bg1.jpg"
|
||||
if ( bing_background == "0" ) then
|
||||
if bgcount > 0 then
|
||||
currentBg = bgs[math.random(1,bgcount)]
|
||||
end
|
||||
if ( bgcount > 0 and currentBg.type == "mp4" ) then
|
||||
%>
|
||||
<div class="video">
|
||||
<video autoplay loop muted id="video">
|
||||
<source src="<%=currentBg.url%>" type="video/mp4">
|
||||
@ -82,25 +95,23 @@
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<% else %>
|
||||
<div class="main-bg" id="main-bg"
|
||||
<%
|
||||
if (bgcount == 0 ) then
|
||||
local http = require "luci.sys"
|
||||
local json = require "luci.jsonc"
|
||||
local bg_url = media .. "/img/bg1.jpg"
|
||||
local bing = http.httpget("http://www.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1&mkt=en-US")
|
||||
if (bing and bing ~= '') then
|
||||
local bingjson = json.parse(bing)
|
||||
bg_url = "https://www.bing.com" .. bingjson.images[1].url
|
||||
<% elseif ( bgcount > 0 and currentBg["type"] ~= "mp4") then
|
||||
bg_url = currentBg.url
|
||||
end
|
||||
else
|
||||
local bing = "123"
|
||||
local sys = require "luci.sys"
|
||||
local json = require "luci.jsonc"
|
||||
local remote_bg_url="http://www.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1&mkt=en-US"
|
||||
--bing = sys.httpget(remote_bg_url)
|
||||
bing = sys.exec("wget --timeout=0.5 -qO- '%s'" %remote_bg_url)
|
||||
if (bing and bing ~= '') then
|
||||
bg_url = "https://www.bing.com" .. json.parse(bing).images[1].url
|
||||
end
|
||||
end
|
||||
%>
|
||||
style="background-image:url(<%=bg_url%>)"
|
||||
<% elseif (bgcount > 0 and currentBg["type"] ~= "mp4") then %>
|
||||
style="background-image:url(<%=currentBg.url%>)"
|
||||
<% end %>
|
||||
></div>
|
||||
|
||||
<% if(currentBg["type"] ~= "mp4") then %>
|
||||
<div class="main-bg" id="main-bg" style="background-image:url(<%=bg_url%>)"></div>
|
||||
<% end %>
|
||||
<div class="login-container">
|
||||
<div class="login-form">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user