+
+
+
+ |
+
+
+ 作者心语
- } [modes]- 颜色模式。value 为添加到 HTML 属性上的值
+ * @prop {(mode: string, defaultHandler: (window?: Window) => void) => void} [onChanged] - 用于处理更新的自定义处理程序，指定时，默认行为将被覆盖。
+ * @prop {Storage} [storage=localStorage] - 将数据持久化到 localStorage/sessionStorage 的键。传递 `null` 以禁用持久性
+ * @prop {string | null} [storageKey='color-scheme'] - 持久化使用的 key
+ * @prop {boolean} [disableTransition=true] - 禁用切换时的过渡 {@link https://paco.me/writing/disable-theme-transitions}
+ *
+ */
+
+ /**
+ *
+ * @param {initOptions} options
+ * @returns {{mode: () => string; setMode: (mode: string, window?: Window) => void; }}
+ */
+ init: function (options) {
+ var defaults = {
+ selector: 'html',
+ attribute: 'class',
+ initialValue: 'auto',
+ modes: {
+ auto: '',
+ light: 'light',
+ dark: 'dark',
+ },
+ storage: localStorage,
+ storageKey: 'color-scheme',
+ disableTransition: true,
+ };
+
+ var opts = $.extend(true, {}, defaults, options);
+
+ // 当前颜色模式
+ var state;
+ // 系统颜色模式
+ var system;
+ // 初始化 storage
+ var store =
+ opts.storageKey == null
+ ? opts.initialValue
+ : (function () {
+ var v = opts.storage.getItem(opts.storageKey);
+ if (!v) {
+ opts.storage.setItem(opts.storageKey, opts.initialValue);
+ return opts.initialValue;
+ }
+ return v;
+ })();
+
+ /**
+ * 更新 HTML 属性值
+ * @param {String} selector
+ * @param {String} attribute
+ * @param {String} value
+ * @param {Window} win
+ */
+ var updateHTMLAttrs = function (selector, attribute, value, win) {
+ win = win || defaultWindow;
+ var document = win.document;
+ var el = typeof selector === 'string' ? document.querySelector(selector) : undefined;
+ if (!el) return;
+
+ /**@type HTMLStyleElement */
+ var style;
+
+ if (opts.disableTransition) {
+ style = document.createElement('style');
+ style.appendChild(
+ document.createTextNode(
+ '*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}'
+ )
+ );
+ document.head.appendChild(style);
+ }
+
+ if (attribute === 'class') {
+ var current = value.split(/\s/g);
+ $.each(opts.modes, function (_, modeval) {
+ $.each((modeval || '').split(/\s/g), function (_, v) {
+ if (!v) return;
+ if (current.indexOf(v) !== -1) {
+ el.classList.add(v);
+ } else {
+ el.classList.remove(v);
+ }
+ });
+ });
+ } else {
+ el.setAttribute(attribute, value);
+ }
+
+ if (opts.disableTransition) {
+ // 调用 getComputedStyle 强制浏览器重绘
+ // @ts-expect-error 未使用的变量
+ var _ = window.getComputedStyle(style).opacity;
+ document.head.removeChild(style);
+ }
+ };
+
+ /**
+ * 更新状态
+ * @param {String} mode - 颜色模式
+ */
+ var updateState = function (mode) {
+ store = opts.storageKey == null ? mode : opts.storage.getItem(opts.storageKey);
+ state = store === 'auto' ? system : store;
+ };
+
+ var prefersColorScheme = function () {
+ var isSupported = window && 'matchMedia' in window && typeof window.matchMedia === 'function';
+ if (!isSupported) {
+ system = 'light';
+ onChanged(system);
+ return;
+ }
+ var darkThemeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+ var update = function () {
+ var preferredDark = darkThemeMediaQuery.matches;
+ system = preferredDark ? 'dark' : 'light';
+ onChanged(system);
+ };
+ update();
+ if ('addEventListener' in darkThemeMediaQuery) {
+ darkThemeMediaQuery.addEventListener('change', update);
+ } else {
+ // @ts-ignore 已弃用
+ darkThemeMediaQuery.addListener(update);
+ }
+ };
+
+ prefersColorScheme();
+
+ function defaultOnChanged(win) {
+ updateHTMLAttrs(opts.selector, opts.attribute, opts.modes[state], win);
+ }
+
+ function onChanged(mode, win) {
+ updateState(mode);
+ if (opts.onChanged) {
+ opts.onChanged(state, defaultOnChanged);
+ } else {
+ defaultOnChanged(win);
+ }
+ }
+
+ return {
+ status:system,
+ setMode: function (mode, win) {
+ if (opts.storageKey) {
+ opts.storage.setItem(opts.storageKey, mode);
+ }
+ onChanged(mode, win);
+ },
+ mode: function () {
+ return state;
+ },
+ };
+ },
+ addStyle: function (id, cssStr) {
+ var el = /** @type {HTMLStyleElement} */ (document.getElementById(id) || document.createElement('style'));
+ if (!el.isConnected) {
+ el.type = 'text/css';
+ el.id = id;
+ document.head.appendChild(el);
+ }
+ el.textContent = cssStr;
+ },
+ };
+
+ return colorMode;
+});
diff --git a/public/static/plugs/easy-admin/easy-admin.js b/public/static/plugs/easy-admin/easy-admin.js
index bf32e6c..5f00346 100644
--- a/public/static/plugs/easy-admin/easy-admin.js
+++ b/public/static/plugs/easy-admin/easy-admin.js
@@ -1,4 +1,15 @@
-define(["jquery", "tableSelect"], function ($, tableSelect) {
+define(["jquery", "tableSelect", "miniTheme"], function ($, tableSelect, miniTheme) {
+
+ //切换日夜模式
+ window.onInitElemStyle = function () {
+ miniTheme.renderElemStyle();
+ $('iframe').each(function (index, iframe) {
+ if (typeof iframe.contentWindow.onInitElemStyle == "function") {
+ iframe.contentWindow.onInitElemStyle();
+ }
+ });
+ };
+ window.onInitElemStyle();
var form = layui.form,
layer = layui.layer,
diff --git a/public/static/plugs/lay-module/layuimini/layuimini.css b/public/static/plugs/lay-module/layuimini/layuimini.css
index 178f9be..cf9037a 100644
--- a/public/static/plugs/lay-module/layuimini/layuimini.css
+++ b/public/static/plugs/lay-module/layuimini/layuimini.css
@@ -607,7 +607,6 @@
}
.layuimini-color .more-menu-item {
- color: #595959;
height: 50px;
line-height: 50px;
font-size: 16px;
@@ -617,10 +616,6 @@
display: block;
}
-.layuimini-color .more-menu-item:hover {
- background-color: whitesmoke;
-}
-
.layuimini-color .more-menu-item:after {
color: #8c8c8c;
right: 16px;
diff --git a/public/static/plugs/lay-module/layuimini/miniAdmin.js b/public/static/plugs/lay-module/layuimini/miniAdmin.js
index 3c71f87..b74eec2 100644
--- a/public/static/plugs/lay-module/layuimini/miniAdmin.js
+++ b/public/static/plugs/lay-module/layuimini/miniAdmin.js
@@ -6,7 +6,7 @@
*/
-define(["jquery", "miniMenu", "miniTheme", "miniTab"], function ($, miniMenu, miniTheme, miniTab) {
+define(["jquery", "miniMenu", "miniTheme", "miniTab", "colorMode"], function ($, miniMenu, miniTheme, miniTab, colorMode) {
var $ = layui.$,
layer = layui.layer,
@@ -104,7 +104,7 @@ define(["jquery", "miniMenu", "miniTheme", "miniTab"], function ($, miniMenu, mi
* @param clearUrl
*/
renderClear: function (clearUrl) {
- $('.layuimini-clear').attr('data-href',clearUrl);
+ $('.layuimini-clear').attr('data-href', clearUrl);
},
/**
@@ -171,7 +171,7 @@ define(["jquery", "miniMenu", "miniTheme", "miniTab"], function ($, miniMenu, mi
el.msExitFullscreen();
} else if (el.oRequestFullscreen) {
el.oCancelFullScreen();
- }else if (el.mozCancelFullScreen) {
+ } else if (el.mozCancelFullScreen) {
el.mozCancelFullScreen();
} else if (el.webkitCancelFullScreen) {
el.webkitCancelFullScreen();
@@ -243,6 +243,92 @@ define(["jquery", "miniMenu", "miniTheme", "miniTab"], function ($, miniMenu, mi
*/
listen: function () {
+ layui.form.on('switch(header-theme-mode)', function (data) {
+ let checked = data.elem.checked;
+ let mode = checked ? 'dark' : 'light';
+ changeTheme(mode);
+ });
+
+ /**
+ * 浅色和暗色主题切换
+ */
+ const theme = colorMode.init({
+ onChanged(mode, defaultHandler) {
+ const isAppearanceTransition =
+ document.startViewTransition && !window.matchMedia(`(prefers-reduced-motion: reduce)`).matches;
+ const isDark = mode === 'dark';
+ //跟随windows系统主题色的变化而变化，但没法保存选择的元素风格
+ // var darkThemeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+ // var preferredDark = darkThemeMediaQuery.matches;
+ // var currMode = preferredDark ? 'dark' : 'light';
+ // changeTheme(currMode);
+ $('#change-theme').attr('class', `layui-icon layui-icon-${isDark ? 'moon' : 'light'}`);
+
+ if (!isAppearanceTransition) {
+ defaultHandler();
+ } else {
+ rippleViewTransition(isDark, function () {
+ // 动画需要
+ document.documentElement.classList[isDark ? 'add' : 'remove']('dark');
+ defaultHandler();
+ });
+ }
+ },
+ });
+
+ //切换特效
+ function rippleViewTransition(isDark, callback) {
+ // 移植自 https://github.com/vuejs/vitepress/pull/2347
+ // 支持 Chrome 111+
+ const x = event.clientX;
+ const y = event.clientY;
+ const endRadius = Math.hypot(Math.max(x, innerWidth - x), Math.max(y, innerHeight - y));
+ const transition = document.startViewTransition(function () {
+ callback && callback();
+ });
+ transition.ready.then(function () {
+ var clipPath = [`circle(0px at ${x}px ${y}px)`, `circle(${endRadius}px at ${x}px ${y}px)`];
+ document.documentElement.animate(
+ {
+ clipPath: isDark ? clipPath : [...clipPath].reverse(),
+ },
+ {
+ duration: 300,
+ easing: 'ease-in',
+ pseudoElement: isDark ? '::view-transition-new(root)' : '::view-transition-old(root)',
+ }
+ );
+ });
+ }
+
+ //改变主题
+ function changeTheme(mode) {
+ switch (mode) {
+ case 'dark':
+ localStorage.setItem('layuiminiBgColorId', '1');
+ localStorage.setItem('layuiminiElemStyleName', 'dark');
+ changeBgColor(1);
+ break;
+ case 'light':
+ localStorage.setItem('layuiminiBgColorId', '0');
+ localStorage.setItem('layuiminiElemStyleName', 'normal');
+ changeBgColor(0);
+ break
+ }
+ window.onInitElemStyle()
+ }
+
+ //改变配色
+ function changeBgColor(id) {
+ $('.layuimini-color .color-content ul .layui-this').attr('class', '');
+ $(this).attr('class', 'layui-this');
+ localStorage.setItem('layuiminiBgColorId', id);
+ miniTheme.render({
+ bgColorDefault: id,
+ listen: false,
+ });
+ }
+
/**
* 清理
*/
@@ -289,14 +375,14 @@ define(["jquery", "miniMenu", "miniTheme", "miniTab"], function ($, miniMenu, mi
tips = $(this).prop("innerHTML"),
isShow = $('.layuimini-tool i').attr('data-side-fold');
if (isShow == 0 && tips) {
- tips = "" ;
+ tips = "";
window.openTips = layer.tips(tips, $(this), {
tips: [2, '#2f4056'],
time: 300000,
- skin:"popup-tips",
- success:function (el) {
- var left = $(el).position().left - 10 ;
- $(el).css({ left:left });
+ skin: "popup-tips",
+ success: function (el) {
+ var left = $(el).position().left - 10;
+ $(el).css({left: left});
element.render();
}
});
@@ -345,6 +431,5 @@ define(["jquery", "miniMenu", "miniTheme", "miniTab"], function ($, miniMenu, mi
};
-
return miniAdmin;
});
\ No newline at end of file
diff --git a/public/static/plugs/lay-module/layuimini/miniTheme.js b/public/static/plugs/lay-module/layuimini/miniTheme.js
index f92befd..be30085 100644
--- a/public/static/plugs/lay-module/layuimini/miniTheme.js
+++ b/public/static/plugs/lay-module/layuimini/miniTheme.js
@@ -41,7 +41,7 @@ define(["jquery"], function ($) {
headerRightBg: '#23262e', //头部右侧背景色
headerRightBgThis: '#0c0c0c', //头部右侧选中背景色,
headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
- headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
+ headerRightChildColor: '#ffffff', //头部右侧下拉字体颜色,
headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
headerRightNavMoreBg: '#1aa094', //头部右侧更多下拉列表选中背景色,
@@ -51,9 +51,9 @@ define(["jquery"], function ($) {
headerLogoColor: '#ffffff', //logo字体颜色,
leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
leftMenuBg: '#23262e', //左侧菜单背景,
- leftMenuBgThis: '#737373', //左侧菜单选中背景,
- leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
- leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
+ leftMenuBgThis: '#484849', //左侧菜单选中背景,
+ leftMenuChildBg: '#23262e', //左侧菜单子菜单背景,
+ leftMenuColor: 'rgba(255,255,255,.9)', //左侧菜单字体颜色,
leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
tabActiveColor: '#23262e', //tab选项卡选中颜色,
},
@@ -272,7 +272,7 @@ define(["jquery"], function ($) {
render: function (options) {
options.bgColorDefault = options.bgColorDefault || false;
options.listen = options.listen || false;
- var bgcolorId = sessionStorage.getItem('layuiminiBgcolorId');
+ var bgcolorId = localStorage.getItem('layuiminiBgColorId');
if (bgcolorId === null || bgcolorId === undefined || bgcolorId === '') {
bgcolorId = options.bgColorDefault;
}
@@ -280,6 +280,21 @@ define(["jquery"], function ($) {
if (options.listen) miniTheme.listen(options);
},
+ renderElemStyle(elemStyleDefault) {
+ elemStyleDefault = elemStyleDefault || 'light';
+ let elemStyleName = localStorage.getItem('layuiminiElemStyleName');
+ if (!elemStyleName) elemStyleName = elemStyleDefault;
+ let themeModeEle = $('input[name=theme-mode]')
+ if (themeModeEle.length > 0) {
+ if (elemStyleName == 'dark') {
+ themeModeEle.prop('checked', true);
+ } else {
+ themeModeEle.prop('checked', false);
+ }
+ layui.form.render('checkbox', 'header-theme-mode');
+ }
+ miniTheme.buildBodyElemStyle(elemStyleName);
+ },
/**
* 构建主题样式
* @param bgcolorId
@@ -386,7 +401,85 @@ define(["jquery"], function ($) {
'}\n';
$('#layuimini-bg-color').html(styleHtml);
},
+ configElemStyle() {
+ var listElemStyle = [
+ {
+ title: '标准',
+ className: 'normal'
+ },
+ {
+ title: '原型',
+ className: 'demo',
+ defaultColorConfig: '12'
+ },
+ {
+ title: '科幻',
+ className: 'sicfi'
+ },
+ {
+ title: 'GTK',
+ className: 'gtk'
+ },
+ {
+ title: '像素',
+ className: 'nes',
+ defaultColorConfig: '12'
+ },
+ {
+ title: 'WIN7',
+ className: 'win7',
+ defaultColorConfig: '12'
+ },
+ {
+ title: '拟物',
+ className: 'neomorphic',
+ },
+ {
+ title: '暗黑',
+ className: 'dark',
+ defaultColorConfig: '1'
+
+ },
+ ]
+ return listElemStyle;
+ },
+ buildBodyElemStyle(className) {
+
+ var listElemStyle = miniTheme.configElemStyle()
+
+ $.each(listElemStyle, function (index, item) {
+ var classNameReal = 'elem-style-' + item.className;
+ if ($('body').hasClass(classNameReal)) {
+ $('body').removeClass(classNameReal);
+ }
+ })
+
+ $('body').addClass('elem-style-' + className)
+ },
+ buildElemStyleHtml(options) {
+ var elemStyleName = localStorage.getItem('layuiminiElemStyleName');
+ if (!elemStyleName) elemStyleName = options.elemStyleDefault;
+ var listElemStyle = miniTheme.configElemStyle()
+ var html = '';
+ $.each(listElemStyle, function (key, val) {
+
+ if (typeof val.defaultColorConfig == 'undefined') {
+ val.defaultColorConfig = '0'
+ }
+
+ if (val.className === elemStyleName) {
+ html += '- \n';
+ } else {
+ html += '
- \n';
+ }
+ html +=
+ val.title +
+
+ '
';
+ });
+ return html;
+ },
/**
* 构建主题选择html
* @param options
@@ -394,7 +487,7 @@ define(["jquery"], function ($) {
*/
buildBgColorHtml: function (options) {
options.bgColorDefault = options.bgColorDefault || 0;
- var bgcolorId = parseInt(sessionStorage.getItem('layuiminiBgcolorId'));
+ var bgcolorId = parseInt(sessionStorage.getItem('layuiminiBgColorId'));
if (isNaN(bgcolorId)) bgcolorId = options.bgColorDefault;
var bgColorConfig = miniTheme.config();
var html = '';
@@ -457,12 +550,29 @@ define(["jquery"], function ($) {
var bgcolorId = $(this).attr('data-select-bgcolor');
$('.layuimini-color .color-content ul .layui-this').attr('class', '');
$(this).attr('class', 'layui-this');
- sessionStorage.setItem('layuiminiBgcolorId', bgcolorId);
+ sessionStorage.setItem('layuiminiBgColorId', bgcolorId);
miniTheme.render({
bgColorDefault: bgcolorId,
listen: false,
});
});
+ $('body').on('click', '[data-select-style]', function () {
+ var elemStyleName = $(this).attr('data-select-style');
+
+ $(this).attr('class', 'layui-this').siblings().removeClass('layui-this');
+
+ var defaultColorConfig = $(this).attr('data-default-color-config');
+
+ if (defaultColorConfig && defaultColorConfig.length > 0) {
+ localStorage.setItem('layuiminiBgColorId', defaultColorConfig);
+
+ }
+
+ localStorage.setItem('layuiminiElemStyleName', elemStyleName);
+ miniTheme.render({
+ listen: false,
+ });
+ });
}
};
+
本模板基于layui2.9.x以及font-awesome-4.7.0进行实现。 layui文档
diff --git a/public/static/admin/css/color.css b/public/static/admin/css/color.css new file mode 100644 index 0000000..0cecb07 --- /dev/null +++ b/public/static/admin/css/color.css @@ -0,0 +1,59 @@ +.green { + color: #11c26d !important; +} + +.red { + color: #ff4c52 !important; +} + +.cyan { + color: #0bb2d4 !important; +} + +.purple { + color: #9463f7 !important; +} + +.blue { + color: #3e8ef7 !important; +} + +.orange { + color: #eb6709 !important; +} + +.indigo { + color: #6610f2 !important; +} + +.pink { + color: #e83e8c !important; +} + +.teal { + color: #20c997 !important; +} + +.white { + color: #fff !important; +} + +.gray { + color: #6c757d !important; +} + +.gray-dark { + color: #343a40 !important; +} + +.secondary { + color: #6c757d !important; +} + +.yellow { + color: rgb(255, 214, 102) !important; +} + +.magenta { + color: #eb2f96 !important; +} diff --git a/public/static/admin/css/public.css b/public/static/admin/css/public.css index 7be6a9f..82b9052 100644 --- a/public/static/admin/css/public.css +++ b/public/static/admin/css/public.css @@ -1,21 +1,23 @@ @import url("../../plugs/layui-v2.x/css/layui.css"); @import url("../../plugs/font-awesome-4.7.0/css/font-awesome.min.css"); +@import url("../css/color.css"); +@import url("../css/themes/index.css"); @import url("../css/iconfont.css"); -html, body { +html, +body { height: 100%; - background: #f2f2f2; -} - -html.dark, body { - height: 100%; - background: var(--lay-color-bg-1); } .ws-header-theme .layui-form-switch { vertical-align: baseline; } +.ws-header-theme .layui-form-onswitch { + background: #333333; + border: 1px solid rgba(255, 255, 255, .7); +} + .layuimini-container { min-height: 250px; padding: 15px; @@ -58,10 +60,8 @@ html.dark, body { } .hr-line { - color: #fff; height: 1px; margin: 30px 0; - background-color: #fff; border-top: 1px dashed #e7eaec; } @@ -84,7 +84,6 @@ html.dark, body { margin: 0; border: 1px solid #e6e6e6; padding: 10px 20px 5px 20px; - color: #6b6b6b; } /**数据表格-搜索表单样式*/ @@ -265,7 +264,6 @@ table样式 .layuimini-container .layui-table-box .layui-table-header th { font-weight: bold !important; - color: #565656 !important; } /** @@ -340,7 +338,7 @@ table样式 弹出层样式 */ .layui-layer-easy .layui-layer-title { - background: #2c3e50 !important; + background: var(--lay-color-bg-5); color: #fff !important; border-bottom: none; } @@ -363,7 +361,6 @@ table样式 .layui-layer-easy .layui-layer-btn { text-align: center !important; padding: 10px !important; - background: #ecf0f1; overflow: hidden; } diff --git a/public/static/admin/css/themes/_dark.scss b/public/static/admin/css/themes/_dark.scss new file mode 100644 index 0000000..34ebc1a --- /dev/null +++ b/public/static/admin/css/themes/_dark.scss @@ -0,0 +1,802 @@ +// 通常用于背景色 +$black-color :rgb(2, 17, 20); +// 通常用于字体颜色 +$main-color :rgb(126, 252, 246); +// 通常用于边框 +$less-main-color:rgb(6, 216, 215); + +$plus-main-color:rgb(0, 125, 124); + +// 通常用于激活状态,通常跟背景色搭配 +$cover-color :rgba(62, 251, 251, 0.05); +// 更强的激活状态,适合做选项操作时使用 +$active-color :rgba(62, 251, 251, 0.5); + + +$red-color :rgb(255, 0, 0); +$yellow-color:rgb(255, 255, 153); +$green-color :rgb(0, 255, 0); + +& { + background-color: $black-color; + color: $main-color; +} + +.layuimini-main { + background-color: $black-color; +} + +.layuimini-container { + background-color: $black-color; +} + +.layuimini-container .layui-table-tool { + background-color: $black-color; +} + +$box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); + +.layui-btn { + + &.layui-btn-lg { + + padding-right: 25px; + } + + clip-path : $box-shape; + padding-right : 10px; + position : relative; + background-color: transparent; + border : 1px solid; + color : rgb(126, 252, 246); + text-shadow : rgb(126, 252, 246) 0px 0px 1px; + background-color: rgb(126, 252, 246); + + + &::before { + content: ''; + display: block; + position: absolute; + z-index: -1; + clip-path: $box-shape; + width: 100%; + height: 100%; + left: -0.5px; + top: -0.5px; + background-color: $black-color; + } + + &:hover::after { + content: ''; + display: block; + position: absolute; + z-index: -1; + clip-path: $box-shape; + width: 100%; + height: 100%; + left: -0.5px; + top: -0.5px; + background-color: rgba(126, 252, 246, 0.2); + } + + &.layui-btn-disabled { + &::after { + // todo:实现按钮禁用样式 + } + } + + &.layui-btn-success { + text-shadow: rgb(0, 255, 0) 0px 0px 1px; + color: rgb(0, 255, 0); + background-color: rgba(0, 255, 0); + border: unset; + + &:hover::after { + background-color: rgba(0, 255, 0, 0.2); + } + } + + &.layui-btn-danger { + text-shadow: rgb(255, 0, 0) 0px 0px 1px; + color: rgb(255, 0, 0); + background-color: rgb(255, 0, 0); + border: unset; + + &:hover::after { + background-color: rgba(255, 0, 0, 0.2); + } + } + + &.layuimini-btn-primary { + text-shadow: rgb(255, 255, 153) 0px 0px 1px; + color: rgb(255, 255, 153); + background-color: rgb(255, 255, 153); + border: unset; + + &:hover::after { + background-color: rgba(255, 255, 153, 0.2); + } + + } + + &.layui-btn-primary { + border: unset; + } + + &.layui-btn-normal { + color: $black-color; + background-color: $main-color; + border: unset; + + &::before { + background-color: $main-color; + } + + &:hover::after { + background-color: $main-color; + } + } +} + +.layui-table { + background: $black-color; + color: $main-color; + + + tr { + background-color: $cover-color; + } + + td { + border-color: $less-main-color; + } + +} + +.layui-table-header { + background-color: $black-color; +} + +.layuimini-container .layui-table-box { + border-color: $less-main-color; +} + +.layuimini-container .layui-table-box .layui-table-header th { + color: $main-color !important; +} + +.layui-table-tool .layui-inline[lay-event] { + color: $main-color; + border: none; + position: relative; + + &::after { + border-color: $main-color; + border-width: 1px; + border-style: solid; + clip-path: $box-shape; + position: absolute; + left: 0; + top: 0; + width: calc(100% - 1px); + height: calc(100% - 1px); + content: ''; + display: block; + } +} + +.layui-table tbody tr:hover { + background-color: rgba(126, 252, 246, 0.1); +} + +.layuimini-main { + border-color: $less-main-color; +} + +.layui-table-header { + border-color: $less-main-color; +} + + + +.color-content>ul>li>a>div>span:nth-child(2) { + background-color: $black-color !important; +} + +.layuimini-color .elem-content li { + clip-path: $box-shape; +} + +.layuimini-color .elem-content li.layui-this { + background-color: $main-color; + color: $black-color !important; + border-color: $less-main-color; +} + +.layuimini-color .more-menu-item { + color: $main-color; + + &:hover { + background-color: rgba(62, 251, 251, 0.05); + } +} + +.layui-layout-admin .layui-header { + background-color: $cover-color !important; +} + +.layuimini-tab .layui-tab-title { + background-color: $cover-color !important; + border-color: $less-main-color; + +} + +.layuimini-tab .layui-tab-title span { + color: $active-color; +} + +.layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover, +.layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a { + color: $black-color !important; +} + +.layui-layout-admin .layui-header .layui-nav .layui-nav-item a { + color: $main-color !important; +} + +.layui-layout-admin .layui-header .layui-nav .layui-nav-item { + background-color: $active-color; + +} + + +.layui-layout-admin .layui-header .layuimini-header-content>ul>.layui-nav-item.layui-this, +.layuimini-tool i:hover { + background-color: $main-color !important; +} + +.layuimini-tab .layui-tab-control>li { + background-color: $black-color; + border-color: $less-main-color; +} + +.layuimini-tab .layui-tab-title li { + border-color: $less-main-color; +} + +.layui-flow-more a *, +.layui-laypage input, +.layui-table-view select[lay-ignore] { + border-color: $less-main-color; + background-color: $black-color; + color: $main-color; +} + +.layui-laypage button, +.layui-laypage input { + border-color: $less-main-color; + background-color: $black-color; + color: $main-color; + +} + +.layuimini-container .layui-form-switch { + border-color: $less-main-color !important; + background-color: $black-color !important; + +} + +.layuimini-container .layui-form-onswitch { + background-color: $main-color !important; +} + +.layuimini-container .layui-form-switch.layui-form-onswitch i { + background-color: $black-color !important; +} +.layuimini-container .layui-laypage .layui-laypage-curr .layui-laypage-em { + background-color: $main-color !important; +} + +.layui-laypage .layui-laypage-curr em { + color: $black-color !important; +} + +.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active { + background-color: $less-main-color; + +} + +.layui-table-view .layui-form-checkbox.layui-form-checked[lay-skin="primary"] i { + border-color: $main-color; + background-color: $main-color; + color: $black-color; +} + +.layui-table-view .layui-form-checkbox[lay-skin="primary"] i { + background-color: $cover-color; +} + +.layui-table-init { + background-color: $black-color; +} + +.box-border-line { + position: relative; + border: 1px solid $less-main-color; + border-width: 1px; + $border-offset: 3px; + + &::before { + content: ''; + position: absolute; + width: 50px; + height: 20px; + transition: all 0.2s; + border: 1px solid $less-main-color; + top: -$border-offset; + left: -$border-offset; + border-right: none; + border-bottom: none; + pointer-events: none; + } + + &::after { + content: ""; + position: absolute; + width: 50px; + height: 20px; + transition: all 0.2s; + border: 1px solid $less-main-color; + bottom: -$border-offset; + right: -$border-offset; + border-left: none; + border-top: none; + pointer-events: none; + } + + &:hover { + + &::after, + &::before { + width: calc(100% + $border-offset); + height: calc(100% + $border-offset); + } + } +} + +.table-search-fieldset { + .layui-input-inline { + margin-right: 0; + } + + + + .layui-form-item:not(:last-child) { + margin-right: 10px; + @extend .box-border-line; + } + + .layui-form-label { + border: unset; + } +} + +.layui-form-pane .layui-form-label { + background-color: $cover-color; + color: $main-color; +} + +.layuimini-container .table-search-fieldset { + color: $main-color; + border-color: $less-main-color; + +} + +.layui-form-select, +.layui-form-autocomplete { + dl { + + color: $main-color; + background-color: $black-color; + border-color: $less-main-color; + + dd { + &.layui-this { + background-color: $main-color !important; + color: $black-color; + } + + &:hover { + background-color: $less-main-color !important; + color: $black-color; + } + } + } +} + +.layui-iconpicker-item, +.layui-iconpicker-item:hover { + border-color: $less-main-color !important; + color: $black-color; + + .layui-iconpicker-icon:hover { + border-color: $less-main-color !important; + } +} + + +.layui-nav-child { + background-color: $black-color; + color: $main-color; +} + +.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a { + color: $main-color !important; +} + +.layui-badge, +.layui-badge-dot, +.layui-badge-rim { + background-color: $main-color; +} + +.layui-nav .layui-nav-child a:hover { + background-color: $active-color; +} + +.layui-table-tool-panel { + background-color: $black-color; +} + +.layui-form-checkbox[lay-skin="primary"] span { + color: $main-color; +} + +.layui-table-tool-panel li:hover { + background-color: $active-color; +} + +.layui-side.layui-bg-black, +.layui-side.layui-bg-black>.layuimini-menu-left>ul, +.layuimini-menu-left-zoom>ul { + background-color: $black-color !important; + +} + +.layui-side { + border-right: 1px solid $main-color; +} + +.layui-bg-blue { + background-color: #0000ff !important; +} + +.layui-bg-orange { + background-color: $yellow-color !important; + color: $black-color !important; +} + +.layui-bg-green { + background-color: $green-color !important; + color: $black-color !important; +} + +.layui-table-hover { + background-color: $cover-color; +} + +.layui-table-grid-down { + background-color: $black-color; + color: $main-color; + border-color: unset; +} + +.layui-table-tips-main { + background-color: $main-color; + color: $black-color; +} + +.layui-layout-admin .layui-header .layuimini-tool i { + color: $main-color; +} + +.color-red { + color: $red-color !important; +} + +.layuimini-tab .layui-tab-title .layui-this span { + color: $main-color; +} + +.layui-card { + + background-color: $cover-color; + border-radius: 0; + + @extend .box-border-line; + + .layui-card-header { + color: $main-color; + } +} + +.layui-text { + color: $main-color; +} + + +.layuimini-qiuck-module { + cursor: pointer; + + a i { + background-color: $cover-color; + color: $active-color; + } + + a cite { + color: $active-color; + } + + + &:hover { + a i { + background-color: $active-color; + color: $main-color; + } + + a cite { + color: $main-color; + } + + } +} + +.layui-bg-number { + background-color: $cover-color; +} + +.layui-input, +.layui-select, +.layui-textarea, +.city-picker-span, +.main-input { + background-color: $cover-color; + color: $main-color; +} + +.city-picker-span>.title>span { + color: $main-color; + + &:hover { + background-color: $main-color; + color: $black-color; + } +} + +.layui-form-radio:hover *, +.layui-form-radioed, +.layui-form-radioed>i { + color: $main-color; +} + +.layui-form-checked[lay-skin="primary"] i { + border-color: $main-color !important; + background-color: $main-color; + color: $black-color; +} + +.layui-input:focus, +.layui-textarea:focus { + border-color: $main-color !important; +} + +.layui-input:hover, +.layui-textarea:hover { + border-color: $main-color !important; + +} + +.layui-badge-rim, +.layui-border, +.layui-colla-content, +.layui-colla-item, +.layui-collapse, +.layui-elem-field, +.layui-form-pane .layui-form-item[pane], +.layui-form-pane .layui-form-label, +.layui-input, +.layui-layedit, +.layui-layedit-tool, +.layui-panel, +.layui-quote-nm, +.layui-select, +.layui-tab-bar, +.layui-tab-card, +.layui-tab-title, +.layui-tab-title .layui-this::after, +.layui-textarea { + border-color: $main-color !important; +} + +.form-search .layui-input-inline input, +.form-search .layui-input-inline select { + border-width: 0 0 0 1px; +} + +.layuimini-tab .layui-tab-tool .layui-nav-child { + border-color: $main-color; +} + +.layui-nav .layui-nav-child a { + color: $main-color; +} + +.layui-form-item { + margin-bottom: 12px; +} + +.layuimini-upload .layuimini-upload-btn { + background-color: $black-color; +} + +.layui-layer { + border: 1px solid $main-color; + background-color: $black-color; +} + +.layui-layer-easy .layui-layer-title { + background-color: $plus-main-color !important; + color: $main-color !important; +} + + + +.layui-table td, +.layui-table th, +.layui-table-col-set, +.layui-table-fixed-r, +.layui-table-grid-down, +.layui-table-header, +.layui-table-page, +.layui-table-tips-main, +.layui-table-tool, +.layui-table-total, +.layui-table-view, +.layui-table[lay-skin="line"], +.layui-table[lay-skin="row"] { + border-color: $less-main-color; +} + +.layui-table tbody tr:hover, +.layui-table thead tr, +.layui-table-click, +.layui-table-header, +.layui-table-hover, +.layui-table-mend, +.layui-table-patch, +.layui-table-tool, +.layui-table-total, +.layui-table-total tr { + background-color: $black-color; +} + +.hr-line { + color: $main-color; + border-color: $less-main-color; + background-color: $main-color; +} + +.layui-layer-easy .layui-layer-btn { + background-color: $black-color; + border-top: 1px solid $less-main-color; +} + +.layui-layer-easy .layui-layer-btn .layui-layer-btn0 { + background-color: $main-color; + border-color: $less-main-color; + color: $main-color !important; + clip-path: $box-shape; +} + +.layui-layer-easy .layui-layer-btn a { + @extend .layui-btn +} + +.layui-layer-shade { + background-color: #fff !important; +} + +.layuimini-menu-left { + .layui-nav-tree .layui-nav-item { + + margin: 5px; + width: calc(100% - 10px); + } + + .layui-nav .layui-nav-item { + clip-path: $box-shape; + color: $main-color; + background-color: $active-color; + + &.layui-this a { + background-color: $main-color !important; + color: $black-color !important; + } + + &.layui-this { + background-color: $main-color !important; + color: $black-color !important; + + span { + background-color: $main-color !important; + color: $black-color !important; + + } + } + } + + .layui-nav .layui-nav-item a:hover { + background-color: $active-color !important; + } + +} + +.layuimini-menu-left .layui-nav .layui-nav-item a, +.layuimini-menu-left-zoom.layui-nav .layui-nav-item a { + color: $main-color !important; +} + +.layuimini-menu-left .layui-nav-item a span { + color: $main-color !important; + +} + +.layuimini-menu-left .layui-nav-item:hover a span { + color: $black-color !important; + +} + +.layui-layout-admin .layuimini-logo { + background-color: $black-color !important; + +} + +.layuimini-menu-left .layui-nav-itemed>.layui-nav-child { + background-color: $black-color !important; +} + +.layuimini-menu-left .layui-nav-tree .layui-this, +.layuimini-menu-left .layui-nav-tree .layui-this>a, +.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this, +.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a, +.layuimini-menu-left-zoom.layui-nav-tree .layui-this, +.layuimini-menu-left-zoom.layui-nav-tree .layui-this>a, +.layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this, +.layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a { + background-color: $main-color !important; + color: $black-color !important; + + .layui-left-nav { + color: $black-color !important; + } +} + + +.layui-iconpicker-icon { + border-color: $less-main-color !important; + background-color: $less-main-color !important; +} + +.layui-iconpicker .layui-anim { + background-color: $black-color; +} + +.layui-iconpicker .layui-iconpicker-list { + background-color: $black-color; +} + +.layui-header .layui-nav .layui-nav-child dd.layui-this a, +.layui-header .layui-nav-child dd.layui-this, +.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a { + background-color: $active-color !important; +} \ No newline at end of file diff --git a/public/static/admin/css/themes/_demo.scss b/public/static/admin/css/themes/_demo.scss new file mode 100644 index 0000000..ee16320 --- /dev/null +++ b/public/static/admin/css/themes/_demo.scss @@ -0,0 +1,81 @@ +.layui-btn { + color : #808185 !important; + background-color: #cde7ff !important; + border : 1px solid #d3dde6 !important; +} + +.layui-layer-easy .layui-layer-title { + background-color: rgb(215, 215, 215) !important; + color : #6C6E71 !important; +} + +.layui-layer-easy .layui-layer-setwin>a::after { + color: #6C6E71 !important; +} + +.layui-layer-easy .layui-layer-btn .layui-layer-btn0 { + color : #808185 !important; + background-color: #cde7ff !important; + border : 1px solid #d3dde6 !important; +} + +.layuimini-tab .layui-tab-title .layuimini-tab-active { + display: none !important; +} + +.layuimini-tab .layui-tab-title li { + padding : 0 5px !important; + font-size : 12px; + border-width: 1px 1px 1px 0 !important; + border-style: solid !important; + +} + +.layuimini-tab .layui-tab-title li.layui-this { + color : #fff !important; + border-color: rgba(0, 0, 255, 1) !important; + background : rgba(90, 173, 255, 1) !important; +} + +.layuimini-tab .layui-tab-title .layui-this span { + color: #fff !important; +} + +.layuimini-tab>.layui-tab-title li, +.layuimini-tab>.close-box li { + line-height: 27px !important; +} + +.layuimini-tab>.layui-tab-title, +.layuimini-tab>.close-box { + height: 28px !important; +} + +.layuimini-tab .layui-tab-control>li { + height : 28px !important; + line-height: 28px !important; +} + +.layuimini-container .layui-laypage .layui-laypage-curr .layui-laypage-em { + background-color: #6C6E71 !important; +} + +.layuimini-container .layui-form-onswitch { + background-color: #cde7ff !important; + border-color : #cde7ff !important; +} + +.layuimini-container .layui-form-switch { + + background-color: #6C6E71; + border-color : #6C6E71; +} + +.layui-table-tool .layui-inline[lay-event] { + border-color: transparent; +} + +.layui-form-checked[lay-skin="primary"] i { + border-color : #cde7ff !important; + background-color: #cde7ff !important; +} \ No newline at end of file diff --git a/public/static/admin/css/themes/_gtk.scss b/public/static/admin/css/themes/_gtk.scss new file mode 100644 index 0000000..d4d348a --- /dev/null +++ b/public/static/admin/css/themes/_gtk.scss @@ -0,0 +1,708 @@ +& { + background-color: #f6f5f4; + color : #2e3436; +} + +.layuimini-container {} + +.layuimini-main { + padding: 0; +} + +.layuimini-container .layui-table-box .layui-table-header th { + color : #979a9b !important; + font-weight : 700 !important; + font-weight : bold; + text-shadow : none; + border-color : #d7d2ce; + border-bottom: 1px solid; + + &:not(:last-child) { + + border-right: 1px solid #d7d2ce; + } +} + +.layui-table-view .layui-table td { + + border-bottom: unset; + + &:not(:last-child) { + border-right: 1px solid #d7d2ce; + + } +} + +.layui-table { + color : #2e3436; + background: #f6f5f4; +} + +.layui-table-view .layui-table[lay-size="sm"] .layui-table-cell { + line-height: 30px; +} + +.layui-table tbody tr:hover, +.layui-table thead tr, +.layui-table-click, +.layui-table-header, +.layui-table-hover, +.layui-table-mend, +.layui-table-patch, +.layui-table-tool, +.layui-table-total, +.layui-table-total tr { + background-color: unset; +} + +.layui-table-cell { + padding: 0 4px; +} + +.layui-table img { + height: 25px !important; + width : auto !important; +} + +.layui-btn { + position : relative; + outline : none; + overflow : visible; + line-height : 28px; + border-radius : 5px; + transition : all .15s cubic-bezier(.25, .46, .45, .94); + padding : 4px 9px; + user-select : none; + color : #2e3436; + outline-color : rgba(53, 132, 228, .5); + border : 1px solid #cdc7c2; + border-bottom-color: rgb(205, 199, 194); + border-bottom-color: #bfb8b1; + background-color : #f6f5f4; + box-shadow : inset 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .07); + + &::before { + content : ' '; + position : absolute; + pointer-events: none; + width : 100%; + height : 100%; + top : 0px; + left : 0px; + background : linear-gradient(to top, rgba(0, 0, 0, 0.03), transparent); + transition : all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + } + + &::after { + content : ''; + position : absolute; + pointer-events: none; + z-index : 2; + display : inline-block; + border : 2px solid transparent; + border-radius : inherit; + transition : all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + top : -4px; + left : -4px; + width : calc(100% - -4px); + height : calc(100% - -4px); + } + + &.layui-btn-normal { + color : #fff; + border-color : #1b6acb #1b6acb #15539e; + background-color: #3c88e5; + box-shadow : inset 0 1px #3181e3, 0 1px 2px rgba(0, 0, 0, .07); + } + + &.layui-btn-danger { + color : #fff; + border-color : #b2161d #b2161d #851015; + background-color: #e41f28; + box-shadow : inset 0 1px #db1a23, 0 1px 2px rgba(0, 0, 0, .07); + } + + &.layui-btn-sm { + line-height: 20px; + } + + &.layui-btn-xs { + line-height: 12px + } +} + +.layuimini-container .layui-table-tool .layui-inline[lay-event] { + @extend .layui-btn; + + line-height : 32px; + min-width : 32px; + min-height : 32px; + padding : 0; + border-radius: 9999px; +} + +.layui-laydate .layui-this { + background-color: #3584e4 !important; + +} + +.layui-laydate-content td, +.layui-laydate-content th { + + width : 36px; + height : 36px; + border-radius: 100%; +} + +.laydate-footer-btns span { + @extend .layui-btn; + + line-height: 16px; + + &:not(:last-child) { + border-right-style : none; + border-top-right-radius : 0; + border-bottom-right-radius: 0; + } + + &:not(:first-child) { + border-top-left-radius : 0; + border-bottom-left-radius: 0; + } +} + +.layui-laydate-footer span { + @extend .layui-btn; + line-height: 16px; +} + +.layui-laydate-footer span.layui-laydate-preview { + line-height: 22px; +} + +.layui-form-checked[lay-skin="primary"] i { + border-color : #185fb4 !important; + background-color: #5094e8; + background-image: linear-gradient(0deg, #3987e5, #5094e8); +} + +.layui-form-checkbox[lay-skin="primary"]:hover i { + border-color : #185fb4; + background-image: linear-gradient(0deg, #5094e8, #6ba5eb); +} + +.layui-table-view .layui-form-checkbox[lay-skin="primary"] i { + border-radius: 3px; +} + +.layui-table-view .layui-form-checkbox i { + font-weight: bold; +} + +.layui-layer-title { + padding : 0 6px; + min-height : 46px; + border : 1px solid #bfb8b1; + border-top-left-radius : 8px; + border-top-right-radius: 8px; + background : #f1f0ee linear-gradient(0deg, #dfdcd8, #f4f2f1) !important; + color : #2e3436 !important; + padding-left : 12px; + padding-right : 12px; + font-weight : bold; +} + +.layui-layer { + background-color: #f6f5f4; +} + +.layui-layer-easy .layui-layer-title~.layui-layer-setwin>a { + position : relative; + outline : none; + overflow : visible; + border-radius: 5px; + transition : all .15s cubic-bezier(.25, .46, .45, .94); + user-select : none; + + outline-color : rgba(53, 132, 228, .5); + border : 1px solid #cdc7c2; + border-bottom-color: rgb(205, 199, 194); + border-bottom-color: #bfb8b1; + background-color : #f6f5f4; + box-shadow : inset 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .07); + height : 20px; + line-height : 20px; + width : 20px; + text-align : center; + display : inline-flex; + align-items : center; + justify-content : center; + + &::after { + color: #2e3436 !important; + } +} + +.layui-layer-setwin { + display : flex; + align-items: center; +} + +.layuimini-container .layui-form-switch.layui-form-onswitch { + color : #ffffff; + border-color : #185fb4; + background-color: #3584e4; + text-shadow : 0 1px rgba(53, 132, 228, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); +} + +.layuimini-container .layui-form-switch { + + border : 1px solid #cdc7c2; + border-radius : 20px; + color : rgba(46, 52, 54, 0.2); + background-color: #e1dedb; + text-shadow : 0 1px rgba(0, 0, 0, 0.1); + transition : all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.layui-form-switch { + height: 20px; + width : 40px; +} + +.layui-form-switch { + + padding : 0; + line-height: 20px; +} + +.layui-form-switch.layui-form-onswitch i { + top : 0; + height : 20px; + width : 20px; + margin-left: -20px; + + +} + +.layui-form-switch i { + top : 0; + height : 20px; + width : 20px; + margin-left : -5px; + border-radius : 50%; + transition : all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color : #2e3436; + outline-color : rgba(53, 132, 228, 0.5); + border-color : #cdc7c2; + border-bottom-color: #bfb8b1; + background-color : #f6f5f4; + box-shadow : inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); +} + +.layuimini-main { + background-color: unset; +} + +.layui-tab-title li { + transition : none; + padding : 3px 12px; + min-height : 30px; + min-width : 65px; + display : flex; + justify-content : center; + align-items : center; + white-space : nowrap; + color : #2e3436; + font-weight : normal; + user-select : none; + border : 0; + border-top-style : none; + border-right-style : none; + border-bottom-style: none; + border-left-style : none; + + + + &:hover { + box-shadow : inset 0 -3px #c8c2bc; + background-color: #edebe9; + } + + &.layui-this { + box-shadow : inset 0 -3px #3584e4; + background-color: #f1f0ee; + } +} + +.layui-tab-title { + display : flex; + align-items : center; + flex-direction: row; + padding-left : 4px; + padding-right : 4px; +} + +.layuimini-tab>.layui-tab-title li, +.layuimini-tab>.close-box li { + line-height: 20px !important; +} + +.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active { + display: none; +} + +.layuimini-tab .layui-tab-title .layui-this span { + color: #2e3436 !important +} + +.layuimini-tab .layui-tab-title span { + color: #2e3436 !important +} + +.layuimini-tab .layui-tab-title .layuimini-tab-active { + display: none; +} + +.layuimini-tab .layui-tab-title { + background-color: #e1dedb; + border-color : #cdc7c2; +} + +.layui-layer-easy .layui-layer-btn { + background-color: #f2f2f2; +} + +.layui-layer-dialog .layui-layer-content { + background-color: #f2f2f2; + +} + +.layui-layer-easy .layui-layer-btn a { + position : relative; + outline : none; + overflow : visible; + line-height : 22px; + height : 22px; + border-radius : 5px; + transition : all .15s cubic-bezier(.25, .46, .45, .94); + padding : 4px 9px; + user-select : none; + color : #2e3436 !important; + outline-color : rgba(53, 132, 228, .5); + border : 1px solid #cdc7c2; + border-bottom-color: rgb(205, 199, 194); + border-bottom-color: #bfb8b1; + background-color : #f6f5f4; + box-shadow : inset 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .07); + + &::before { + content : ' '; + position : absolute; + pointer-events: none; + width : 100%; + height : 100%; + top : 0px; + left : 0px; + background : linear-gradient(to top, rgba(0, 0, 0, 0.03), transparent); + transition : all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + } + + &::after { + content : ''; + position : absolute; + pointer-events: none; + z-index : 2; + display : inline-block; + border : 2px solid transparent; + border-radius : inherit; + transition : all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + top : -4px; + left : -4px; + width : calc(100% - -4px); + height : calc(100% - -4px); + } + + + &.layui-layer-btn0 { + color : #fff !important; + border-color : #1b6acb #1b6acb #15539e; + background-color: #3c88e5; + box-shadow : inset 0 1px #3181e3, 0 1px 2px rgba(0, 0, 0, .07); + } +} + +.layui-tab-brief { + + &>.layui-tab-title { + + li { + @extend .layui-btn; + + + &:not(:last-child) { + border-right-style : none; + border-top-right-radius : 0; + border-bottom-right-radius: 0; + } + + &:not(:first-child) { + border-top-left-radius : 0; + border-bottom-left-radius: 0; + } + + &.layui-this { + color : unset; + color : #2e3436; + border-color : #cdc7c2; + background-color: #d6d1cd; + box-shadow : inset 0 1px rgba(255, 255, 255, 0); + + &::after { + display: none; + } + } + + &:hover { + box-shadow : unset; + background-color: #edebe9; + } + } + + } + +} + +.layui-form-radio:hover *, +.layui-form-radioed, +.layui-form-radioed>i { + color: #5094e8; +} + +.layui-card { + .layui-card-header { + padding : 0 6px; + min-height : 46px; + border-width : 1px; + border-style : solid; + border-color : #bfb8b1; + border-top-left-radius : 8px; + border-top-right-radius: 8px; + background : #f1f0ee linear-gradient(to top, #dfdcd8, #f4f2f1); + box-shadow : inset 0 1px rgba(255, 255, 255, 0.8), inset 0 -2px 2px rgba(0, 0, 0, 0.02); + + .icon { + color: #979a9b !important; + } + } + + .layui-card-body { + background-color: #f6f5f4; + border : 1px solid #cdc7c2; + } +} + +.layui-btn, +.layui-input, +.layui-select, +.layui-textarea, +.layui-upload-button, +.city-picker-span { + border-radius: 5px; + border : 1px solid #cdc7c2; +} + +.layui-side.layui-bg-black, +.layui-side.layui-bg-black>.layuimini-menu-left>ul, +.layuimini-menu-left-zoom>ul { + background-color: #f6f5f4 !important; +} + +.layuimini-menu-left { + background-color: #fbfafa; + border-right : 1px solid #cdc7c2; + + .layui-nav { + + li { + &:not(:first-child) { + border-top: 1px solid #cdc7c2; + } + + + &.layui-this { + a { + background-color: #347cd3 !important; + color : #fff !important; + } + } + } + } +} + + +.layuimini-menu-left .layui-nav .layui-this a, + +.layuimini-menu-left-zoom.layui-nav .layui-this a { + color: #2e3436 !important; +} + + +.layuimini-menu-left .layui-nav .layui-nav-item.layui-this a:hover, +.layuimini-menu-left-zoom.layui-nav .layui-nav-item.layui-this a:hover { + color: #fff !important; +} + +.layuimini-menu-left .layui-nav .layui-nav-item a, +.layuimini-menu-left-zoom.layui-nav .layui-nav-item a { + color: #2e3436 !important; + + &:hover { + color: #2e3436 !important; + } + +} + +.layuimini-menu-left .layui-nav .layui-nav-item a { + height : 30px; + line-height: 30px; +} + +.layuimini-menu-left .layui-nav-itemed>.layui-nav-child { + background-color: rgba(46, 52, 54, 0.05) !important; + border-top : 1px solid #d7d2ce; + + dd { + border-bottom: 1px solid #d7d2ce; + } +} + +.layuimini-menu-left .layui-nav-tree .layui-this, +.layuimini-menu-left .layui-nav-tree .layui-this>a, +.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this, +.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a, +.layuimini-menu-left-zoom.layui-nav-tree .layui-this, +.layuimini-menu-left-zoom.layui-nav-tree .layui-this>a, +.layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this, +.layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a { + background-color: #347cd3 !important; + color : #fff !important; +} + +.layui-layout-admin .layuimini-logo { + background-color: unset !important; +} + + +.layuimini-header-menu>li.layui-nav-item { + @extend .layui-btn; + margin-top : 10px; + height : 30px !important; + line-height: 30px !important; + + + &::after { + background-color: transparent; + } + + &:not(:last-child) { + border-right-style : none; + border-top-right-radius : 0; + border-bottom-right-radius: 0; + } + + &:not(:first-child) { + border-top-left-radius : 0; + border-bottom-left-radius: 0; + } + + &:nth-last-child(2) { + border-right-style : solid; + border-radius : 5px; + border-top-left-radius : 0; + border-bottom-left-radius: 0; + } +} + +.layui-layout-admin .layui-header { + background-color: #f6f5f4 !important; +} + +.layui-layer-dialog { + border-radius: 20px; +} + +.layui-layer-iframe { + border-radius: 20px; +} + +.layuimini-tab .layui-tab-control>li { + background-color: #e1dedb; + border-style : solid; + border-color : #cdc7c2; +} + +.form-search .layui-btn { + height : 32px; + line-height: 22px; +} + +.form-search .layui-form-select dl { + transition : all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color : #ffffff; + background-clip : padding-box; + border : 1px solid rgba(0, 0, 0, 0.23); + border-top-left-radius : 0; + border-top-right-radius: 0; + border-radius : 9px; + border-top-left-radius : 0px; + border-top-right-radius: 0px; + box-shadow : 0 1px 3px 2px rgba(0, 0, 0, 0.08); + top : 28px; +} + +.layui-form-select dl dd, +.layui-form-select dl dt { + height : 30px; + line-height: 30px; + padding : 0 10px; +} + +.layuimini-container .layui-form-select dl dd.layui-this { + background-color: #3c88e5 !important; +} + +.layui-table-header .layui-table { + margin-bottom: 0; +} + +.layui-header .layui-nav .layui-nav-child dd.layui-this a, +.layui-header .layui-nav-child dd.layui-this, +.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a { + background-color: #3c88e5 !important; +} + +.layuimini-mobile-show { + .layui-nav-more { + top: 4px; + } +} + + +.layui-layer-easy .layui-layer-setwin>span { + color: #2e3436; +} + +.layui-layer-easy .layui-layer-setwin>span:after { + + color: #2e3436; +} + +.layui-layer-easy .layui-layer-setwin .layui-layer-max::after, +.layui-layer-easy .layui-layer-setwin .layui-layer-max::before { + border-color: #2e3436; +} + +.layui-layer-easy .layui-layer-setwin .layui-layer-min::before { + background-color: #2e3436; +} \ No newline at end of file diff --git a/public/static/admin/css/themes/_neomorphic.scss b/public/static/admin/css/themes/_neomorphic.scss new file mode 100644 index 0000000..c949200 --- /dev/null +++ b/public/static/admin/css/themes/_neomorphic.scss @@ -0,0 +1,284 @@ +$main-color:#61677C; + +& { + background-color: #EBECF0; +} + +.layui-layout-admin .layui-header { + background-color: #EBECF0 !important; + +} + +.layuimini-container .layui-btn-success { + + color: #4bb368; +} + +.layuimini-container .layui-btn-danger { + color: #f56c6c; +} + +.layuimini-container .layuimini-btn-primary { + color: #2c3e50; +} + +.layuimini-container .layui-btn-primary { + color: #5f5f5f; +} + +.layuimini-container .layui-btn-normal { + color: #1e9fff; +} + +.layui-btn { + border: 0; + outline: 0; + border-radius: 10px; + background-color: #EBECF0; + text-shadow: 1px 1px 0 #FFF; + color: $main-color; + box-shadow: -5px -5px 20px #FFF, 5px 5px 20px #BABECC; + transition: all 0.2s ease-in-out; + cursor: pointer; + font-weight: 600; + + &:hover { + box-shadow: -2px -2px 5px #FFF, 2px 2px 5px #BABECC; + } +} + + +.layui-table-tool .layui-inline[lay-event] { + @extend .layui-btn; +} + +.layuimini-main { + @extend .layui-btn; + text-shadow: 0.5px 0.5px 0 #fff; +} + +.layui-layer { + @extend .layui-btn; +} + +.layui-layer-easy .layui-layer-title { + background-color: transparent !important; + color: $main-color !important; +} + +.layui-layer-easy .layui-layer-setwin>span { + color: $main-color !important; + + &::before { + border-color: $main-color !important; + } + + &::after { + border-color: $main-color !important; + } + +} + +.layui-layer-easy .layui-layer-setwin .layui-layer-min::before { + background-color: $main-color !important; +} + +.layui-card { + @extend .layui-btn; + text-shadow: 0.5px 0.5px 0 #fff; +} + +.layuimini-container .layui-table-tool { + background-color: transparent; +} + +.layui-table { + background-color: #EBECF0; +} + +.panel { + @extend .layui-btn; + text-shadow: 0.5px 0.5px 0 #fff; +} + +.layuimini-qiuck-module { + @extend .layui-btn; + + i { + background-color: transparent + } +} + +.layui-side.layui-bg-black, +.layui-side.layui-bg-black>.layuimini-menu-left>ul, +.layuimini-menu-left-zoom>ul { + @extend .layui-btn; + background-color: #EBECF0 !important; + border-radius: 0; +} + + +.layuimini-menu-left .layui-nav .layui-nav-item a, +.layuimini-menu-left-zoom.layui-nav .layui-nav-item a { + @extend .layui-btn; + + &:hover { + box-shadow: -2px -2px 5px #FFF, 2px 2px 5px #BABECC; + } +} + +.layui-nav-tree .layui-nav-item { + margin: 10px; + width: calc(100% - 20px); +} + +.layuimini-menu-left .layui-nav-itemed>.layui-nav-child { + background-color: transparent !important; +} + +.layui-nav-tree .layui-nav-child dd { + margin: 10px; + width: calc(100% - 20px); +} + +.layuimini-menu-left .layui-nav-tree .layui-this, +.layuimini-menu-left .layui-nav-tree .layui-this>a, +.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this, +.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a, +.layuimini-menu-left-zoom.layui-nav-tree .layui-this, +.layuimini-menu-left-zoom.layui-nav-tree .layui-this>a, +.layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this, +.layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a { + background-color: inherit !important; +} + +.layuimini-menu-left .layui-nav .layui-nav-item a:hover, +.layuimini-menu-left .layui-nav .layui-this a, +.layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover, +.layuimini-menu-left-zoom.layui-nav .layui-this a { + color: $main-color !important; +} + +.layui-layout-admin .layuimini-logo { + background-color: transparent !important; +} + +.layui-header { + .layuimini-header-menu>.layui-nav-item { + @extend .layui-btn; + margin: 10px; + line-height: 40px !important; + height: 40px !important; + } + + .layui-nav .layui-nav-item { + @extend .layui-btn; + margin: 10px; + line-height: 40px !important; + height: 40px !important; + } +} + + +.layui-btn-xs { + padding: 0 9px; +} + +.layui-input, +.layui-textarea { + border: 0; + outline: 0; + font-size: 16px; + border-radius: 320px; + padding: 16px; + background-color: #EBECF0; + text-shadow: 1px 1px 0 #FFF; + margin-right: 8px; + box-shadow: inset 2px 2px 5px #BABECC, inset -5px -5px 10px #FFF; + width: 100%; + box-sizing: border-box; + transition: all 0.2s ease-in-out; + appearance: none; + -webkit-appearance: none; +} + +.layuimini-upload .layuimini-upload-btn { + background-color: transparent !important; +} + +.layui-form-pane .layui-form-label { + background-color: transparent; + text-align: right; +} + +.layuimini-container .layui-form-select dl dd.layui-this { + background-color: transparent !important; + color: #2c3e50 +} + +.layuimini-color .elem-content li.layui-this { + text-shadow: 0.5px 0.5px 0 #FFF; +} + +.layui-form-select dl { + @extend .layui-btn; +} + +.layui-form-checkbox { + + @extend .layui-btn; + padding: 10px 10px 10px 24px; +} + +.layui-form-checkbox>i { + left: 6px; + top: 10px; + text-shadow: 0.5px 0.5px 0 #fff; +} + +.layui-form-checked:hover>div, +.layui-form-checked>div { + + color: #16b777; +} + +.layui-tree, +.laytable-cell-checkbox { + + .layui-form-checkbox[lay-skin="primary"] { + padding: 13px; + } + + .layui-form-checkbox[lay-skin="primary"]>i { + left: 5px; + top: 5px + } +} + +.layui-tree-txt { + margin-left: 10px +} + +.layui-form-radio { + @extend .layui-btn; + +} + +.layui-form-radio:hover>*, +.layui-form-radioed, +.layui-form-radioed>i { + color: #16b777; +} + +.layui-table-tips-c { + text-shadow: 0.5px 0.5px 0 #fff; + +} + +.layuimini-tab .layui-tab-title { + background-color: #EBECF0; +} + +.layuimini-tab .layui-tab-control>li { + background-color: #EBECF0; +} \ No newline at end of file diff --git a/public/static/admin/css/themes/_nes.scss b/public/static/admin/css/themes/_nes.scss new file mode 100644 index 0000000..d3d7e87 --- /dev/null +++ b/public/static/admin/css/themes/_nes.scss @@ -0,0 +1,344 @@ +a, +button { + cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0, pointer +} + +& { + cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABFklEQVRYR9WXURLDIAhE6/0PbSdOtUpcd1Gnpv1KGpTHBpCE1/cXq+vrMph7dGvXZTtpfW10DCA5jrH1H0Jhs5E0hnZdCR+vb5S8Nn8mQCeS9BdSalYJqMBjAGzq59xAESN7VFVUgV8AZB/dZBR7QTFDCqGquvUBVVoEtgIwpQRzmANSFHgWQKExHdIrPeuMvQNDarXe6nC/AutgV3JW+6bgqQLeV8FekRtgV+ToDKEKnACYKsfZjjkam7a0ZpYTytwmgainpC3HvwBocgKOxqRjehoR9DFKNFYtOwCGYCszobeCbl26N6yyQ6g8X/Wex/rBPsNEV6qAMaJPMynIHQCoSqS9JSMmwef51LflTgCRszU7DvAGiV6mHWfsaVUAAAAASUVORK5CYII=), auto; + font-family: "ark-pixel"; +} + +$border-line-width:3px; + +.public-border { + border-style: solid; + border-width: $border-line-width; + border-image-slice: 2; + border-image-width: 2; + border-image-repeat: stretch; + border-image-source: url('data:image/svg+xml;utf8,'); + border-image-outset: 2; +} + + + +.layui-btn { + + @extend .public-border; + line-height: 32px; + + position: relative; + display: inline-block; + text-align: center; + vertical-align: middle; + cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0, pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + color: #212529; + background-color: #fff; + border-image-repeat: stretch; + + &::after { + position: absolute; + top: -$border-line-width; + right: -$border-line-width; + bottom: -$border-line-width; + left: -$border-line-width; + content: ""; + box-shadow: inset (-$border-line-width) (-$border-line-width) #adafbc; + } + + &:hover { + color: #212529; + text-decoration: none; + background-color: #e7e7e7; + } + + &.layui-btn-sm { + line-height: 100%; + } + + &.layui-btn-xs { + line-height: 16px; + } + + &.layui-btn-normal { + color: #fff; + background-color: #209cee; + + &::after { + box-shadow: inset (-$border-line-width) (-$border-line-width) #006bb3; + } + + &:hover { + background-color: #108de0; + } + } + + &.layui-btn-success { + color: #fff; + background-color: #92cc41; + + &::after { + box-shadow: inset (-$border-line-width) (-$border-line-width) #4aa52e; + } + + &:hover { + background-color: #92cc41; + } + } + + &.layui-btn-danger { + color: #fff; + background-color: #e76e55; + + &::after { + box-shadow: inset (-$border-line-width) (-$border-line-width) #8c2022; + } + + &:hover { + background-color: #ce372b; + } + } + + &.layui-btn-warm { + color: #212529; + background-color: #f7d51d; + + &::after { + box-shadow: inset (-$border-line-width) (-$border-line-width) #e59400; + } + + &:hover { + color: #212529; + background-color: #f2c409; + } + } +} + +.form-search .layui-btn { + line-height: 16px; + font-size: 14px; +} + + +.layuimini-container .layui-table-tool .layui-inline[lay-event] { + @extend .layui-btn; + line-height: 24px; +} + +.layui-table img { + image-rendering: pixelated; +} + +.layui-form-checkbox[lay-skin="primary"] i { + @extend .public-border; + position: relative; +} + +.layui-form-checked[lay-skin="primary"] i { + background-color: unset; + color: #212529; + font-weight: bold; + font-size: 28px; +} + +.layui-btn { + font-size: 18px; +} + +.layui-btn-sm { + font-size: 16px; +} + +.layui-btn-xs { + font-size: 14px; +} + +.layui-nav * { + font-size: 16px; + +} + +.layui-tab-title li { + font-size: 18px; +} + +.layui-nav-tree .layui-nav-item { + border-bottom: 3px solid #212529; +} + +.layuimini-header-menu>.layui-nav-item { + + @extend .public-border; + + border-image-outset: 0; +} + +.layui-table td, +.layui-table th { + font-size: 16px; + border-width: 0 2px 2px 0; + border-style: solid; + border-color: #212529 +} + +.layui-input, +.layui-select, +.layui-textarea { + @extend .public-border; +} + +.layui-form-label { + background-color: unset; + border: unset; + text-align: right; + color: #212529; + font-size: 16px; + font-weight: bold; +} + +.layuimini-form>.layui-form-item>.layui-input-block tip, +.layuimini-form>.layui-form-item>.layui-inline tip { + font-size: 14px; +} + +.layui-layer-easy .layui-layer-title { + background: unset !important; + color: #212529 !important; + font-size: 16px; + border-bottom: 1px solid #f0f0f0; +} + +.layui-layer-easy .layui-layer-btn { + background: unset !important; +} + +.layui-layer-easy .layui-layer-btn a { + @extend .layui-btn; + color: #212529 !important; + + &.layui-layer-btn0 { + color: #fff !important; + background-color: #209cee; + + &::after { + box-shadow: inset (-$border-line-width) (-$border-line-width) #006bb3; + } + + &:hover { + background-color: #108de0; + } + } +} + + +.layui-layer-dialog .layui-layer-content { + font-size: 16px; +} + +.layui-layer-easy .layui-layer-setwin>span { + color: #212529; +} + +.layui-layer-easy .layui-layer-setwin>span:after { + + color: #212529; +} + +.layui-layer-easy .layui-layer-setwin .layui-layer-max::after, +.layui-layer-easy .layui-layer-setwin .layui-layer-max::before { + border-color: #212529; +} + +.layui-layer-easy .layui-layer-setwin .layui-layer-min::before { + background-color: #212529; +} + + +.layui-layer { + @extend .public-border; + +} + +.layui-card { + @extend .public-border; + + .layui-card-header { + font-size: 18px; + } + +} + +.layuimini-main { + @extend .public-border; +} + +.layui-table-box { + @extend .public-border; + border-image-outset: 1; + margin-top: 5px; +} + +.layuimini-container .layui-table-box .layui-table-header th { + + color: #212529 !important; +} + +.layui-table tbody tr:hover, +.layui-table thead tr, +.layui-table-click, +.layui-table-header, +.layui-table-hover, +.layui-table-mend, +.layui-table-patch, +.layui-table-tool, +.layui-table-total, +.layui-table-total tr { + background-color: unset; +} + +.layui-table-header .layui-table { + margin-bottom: 0; +} + +.layui-badge, +.layui-badge-rim { + position: relative; + border-radius: 0; + + &::after { + content: ''; + position: absolute; + left: 0; + width: 100%; + height: 100%; + top: 0; + pointer-events: none; + box-shadow: 0 4px #209cee, 0 -4px #209cee, 4px 0 #209cee, -4px 0 #209cee; + } + + &.layui-bg-blue { + background-color: #209cee; + + &::after { + box-shadow: 0 4px #209cee, 0 -4px #209cee, 4px 0 #209cee, -4px 0 #209cee; + + } + } + + &.layui-bg-gray { + background-color: #92cc41; + + &::after { + box-shadow: 0 4px #92cc41, 0 -4px #92cc41, 4px 0 #92cc41, -4px 0 #92cc41; + + } + } +} + +.layuimini-color .elem-content li { + cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0, pointer; +} \ No newline at end of file diff --git a/public/static/admin/css/themes/_normal.scss b/public/static/admin/css/themes/_normal.scss new file mode 100644 index 0000000..e69de29 diff --git a/public/static/admin/css/themes/_sicfi.scss b/public/static/admin/css/themes/_sicfi.scss new file mode 100644 index 0000000..ed87c40 --- /dev/null +++ b/public/static/admin/css/themes/_sicfi.scss @@ -0,0 +1,802 @@ +// 通常用于背景色 +$black-color :rgb(2, 17, 20); +// 通常用于字体颜色 +$main-color :rgb(126, 252, 246); +// 通常用于边框 +$less-main-color:rgb(6, 216, 215); + +$plus-main-color:rgb(0, 125, 124); + +// 通常用于激活状态,通常跟背景色搭配 +$cover-color :rgba(62, 251, 251, 0.05); +// 更强的激活状态,适合做选项操作时使用 +$active-color :rgba(62, 251, 251, 0.5); + + +$red-color :rgb(255, 0, 0); +$yellow-color:rgb(255, 255, 153); +$green-color :rgb(0, 255, 0); + +& { + background-color: $black-color; + color: $main-color; +} + +.layuimini-main { + background-color: $black-color; +} + +.layuimini-container { + background-color: $black-color; +} + +.layuimini-container .layui-table-tool { + background-color: $black-color; +} + +$box-shape: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); + +.layui-btn { + + &.layui-btn-lg { + + padding-right: 25px; + } + + clip-path : $box-shape; + padding-right : 10px; + position : relative; + background-color: transparent; + border : 1px solid; + color : rgb(126, 252, 246); + text-shadow : rgb(126, 252, 246) 0px 0px 1px; + background-color: rgb(126, 252, 246); + + + &::before { + content: ''; + display: block; + position: absolute; + z-index: -1; + clip-path: $box-shape; + width: 100%; + height: 100%; + left: -0.5px; + top: -0.5px; + background-color: $black-color; + } + + &:hover::after { + content: ''; + display: block; + position: absolute; + z-index: -1; + clip-path: $box-shape; + width: 100%; + height: 100%; + left: -0.5px; + top: -0.5px; + background-color: rgba(126, 252, 246, 0.2); + } + + &.layui-btn-disabled { + &::after { + // todo:实现按钮禁用样式 + } + } + + &.layui-btn-success { + text-shadow: rgb(0, 255, 0) 0px 0px 1px; + color: rgb(0, 255, 0); + background-color: rgba(0, 255, 0); + border: unset; + + &:hover::after { + background-color: rgba(0, 255, 0, 0.2); + } + } + + &.layui-btn-danger { + text-shadow: rgb(255, 0, 0) 0px 0px 1px; + color: rgb(255, 0, 0); + background-color: rgb(255, 0, 0); + border: unset; + + &:hover::after { + background-color: rgba(255, 0, 0, 0.2); + } + } + + &.layuimini-btn-primary { + text-shadow: rgb(255, 255, 153) 0px 0px 1px; + color: rgb(255, 255, 153); + background-color: rgb(255, 255, 153); + border: unset; + + &:hover::after { + background-color: rgba(255, 255, 153, 0.2); + } + + } + + &.layui-btn-primary { + border: unset; + } + + &.layui-btn-normal { + color: $black-color; + background-color: $main-color; + border: unset; + + &::before { + background-color: $main-color; + } + + &:hover::after { + background-color: $main-color; + } + } +} + +.layui-table { + background: $black-color; + color: $main-color; + + + tr { + background-color: $cover-color; + } + + td { + border-color: $less-main-color; + } + +} + +.layui-table-header { + background-color: $black-color; +} + +.layuimini-container .layui-table-box { + border-color: $less-main-color; +} + +.layuimini-container .layui-table-box .layui-table-header th { + color: $main-color !important; +} + +.layui-table-tool .layui-inline[lay-event] { + color: $main-color; + border: none; + position: relative; + + &::after { + border-color: $main-color; + border-width: 1px; + border-style: solid; + clip-path: $box-shape; + position: absolute; + left: 0; + top: 0; + width: calc(100% - 1px); + height: calc(100% - 1px); + content: ''; + display: block; + } +} + +.layui-table tbody tr:hover { + background-color: rgba(126, 252, 246, 0.1); +} + +.layuimini-main { + border-color: $less-main-color; +} + +.layui-table-header { + border-color: $less-main-color; +} + + + +.color-content>ul>li>a>div>span:nth-child(2) { + background-color: $black-color !important; +} + +.layuimini-color .elem-content li { + clip-path: $box-shape; +} + +.layuimini-color .elem-content li.layui-this { + background-color: $main-color; + color: $black-color !important; + border-color: $less-main-color; +} + +.layuimini-color .more-menu-item { + color: $main-color; + + &:hover { + background-color: rgba(62, 251, 251, 0.05); + } +} + +.layui-layout-admin .layui-header { + background-color: $cover-color !important; +} + +.layuimini-tab .layui-tab-title { + background-color: $cover-color !important; + border-color: $less-main-color; + +} + +.layuimini-tab .layui-tab-title span { + color: $active-color; +} + +.layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover, +.layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a { + color: $black-color !important; +} + +.layui-layout-admin .layui-header .layui-nav .layui-nav-item a { + color: $main-color !important; +} + +.layui-layout-admin .layui-header .layui-nav .layui-nav-item { + background-color: $active-color; + +} + + +.layui-layout-admin .layui-header .layuimini-header-content>ul>.layui-nav-item.layui-this, +.layuimini-tool i:hover { + background-color: $main-color !important; +} + +.layuimini-tab .layui-tab-control>li { + background-color: $black-color; + border-color: $less-main-color; +} + +.layuimini-tab .layui-tab-title li { + border-color: $less-main-color; +} + +.layui-flow-more a *, +.layui-laypage input, +.layui-table-view select[lay-ignore] { + border-color: $less-main-color; + background-color: $black-color; + color: $main-color; +} + +.layui-laypage button, +.layui-laypage input { + border-color: $less-main-color; + background-color: $black-color; + color: $main-color; + +} + +.layuimini-container .layui-form-switch { + border-color: $less-main-color !important; + background-color: $black-color !important; + +} + +.layuimini-container .layui-form-onswitch { + background-color: $main-color !important; +} + +.layuimini-container .layui-form-switch.layui-form-onswitch i { + background-color: $black-color !important; +} +.layuimini-container .layui-laypage .layui-laypage-curr .layui-laypage-em { + background-color: $main-color !important; +} + +.layui-laypage .layui-laypage-curr em { + color: $black-color !important; +} + +.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active { + background-color: $less-main-color; + +} + +.layui-table-view .layui-form-checkbox.layui-form-checked[lay-skin="primary"] i { + border-color: $main-color; + background-color: $main-color; + color: $black-color; +} + +.layui-table-view .layui-form-checkbox[lay-skin="primary"] i { + background-color: $cover-color; +} + +.layui-table-init { + background-color: $black-color; +} + +.box-border-line { + position: relative; + border: 1px solid $less-main-color; + border-width: 1px; + $border-offset: 3px; + + &::before { + content: ''; + position: absolute; + width: 50px; + height: 20px; + transition: all 0.2s; + border: 1px solid $less-main-color; + top: -$border-offset; + left: -$border-offset; + border-right: none; + border-bottom: none; + pointer-events: none; + } + + &::after { + content: ""; + position: absolute; + width: 50px; + height: 20px; + transition: all 0.2s; + border: 1px solid $less-main-color; + bottom: -$border-offset; + right: -$border-offset; + border-left: none; + border-top: none; + pointer-events: none; + } + + &:hover { + + &::after, + &::before { + width: calc(100% + $border-offset); + height: calc(100% + $border-offset); + } + } +} + +.table-search-fieldset { + .layui-input-inline { + margin-right: 0; + } + + + + .layui-form-item:not(:last-child) { + margin-right: 10px; + @extend .box-border-line; + } + + .layui-form-label { + border: unset; + } +} + +.layui-form-pane .layui-form-label { + background-color: $cover-color; + color: $main-color; +} + +.layuimini-container .table-search-fieldset { + color: $main-color; + border-color: $less-main-color; + +} + +.layui-form-select, +.layui-form-autocomplete { + dl { + + color: $main-color; + background-color: $black-color; + border-color: $less-main-color; + + dd { + &.layui-this { + background-color: $main-color !important; + color: $black-color; + } + + &:hover { + background-color: $less-main-color !important; + color: $black-color; + } + } + } +} + +.layui-iconpicker-item, +.layui-iconpicker-item:hover { + border-color: $less-main-color !important; + color: $black-color; + + .layui-iconpicker-icon:hover { + border-color: $less-main-color !important; + } +} + + +.layui-nav-child { + background-color: $black-color; + color: $main-color; +} + +.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a { + color: $main-color !important; +} + +.layui-badge, +.layui-badge-dot, +.layui-badge-rim { + background-color: $main-color; +} + +.layui-nav .layui-nav-child a:hover { + background-color: $active-color; +} + +.layui-table-tool-panel { + background-color: $black-color; +} + +.layui-form-checkbox[lay-skin="primary"] span { + color: $main-color; +} + +.layui-table-tool-panel li:hover { + background-color: $active-color; +} + +.layui-side.layui-bg-black, +.layui-side.layui-bg-black>.layuimini-menu-left>ul, +.layuimini-menu-left-zoom>ul { + background-color: $black-color !important; + +} + +.layui-side { + border-right: 1px solid $main-color; +} + +.layui-bg-blue { + background-color: #0000ff !important; +} + +.layui-bg-orange { + background-color: $yellow-color !important; + color: $black-color !important; +} + +.layui-bg-green { + background-color: $green-color !important; + color: $black-color !important; +} + +.layui-table-hover { + background-color: $cover-color; +} + +.layui-table-grid-down { + background-color: $black-color; + color: $main-color; + border-color: unset; +} + +.layui-table-tips-main { + background-color: $main-color; + color: $black-color; +} + +.layui-layout-admin .layui-header .layuimini-tool i { + color: $main-color; +} + +.color-red { + color: $red-color !important; +} + +.layuimini-tab .layui-tab-title .layui-this span { + color: $main-color; +} + +.layui-card { + + background-color: $cover-color; + border-radius: 0; + + @extend .box-border-line; + + .layui-card-header { + color: $main-color; + } +} + +.layui-text { + color: $main-color; +} + + +.layuimini-qiuck-module { + cursor: pointer; + + a i { + background-color: $cover-color; + color: $active-color; + } + + a cite { + color: $active-color; + } + + + &:hover { + a i { + background-color: $active-color; + color: $main-color; + } + + a cite { + color: $main-color; + } + + } +} + +.layui-bg-number { + background-color: $cover-color; +} + +.layui-input, +.layui-select, +.layui-textarea, +.city-picker-span, +.main-input { + background-color: $cover-color; + color: $main-color; +} + +.city-picker-span>.title>span { + color: $main-color; + + &:hover { + background-color: $main-color; + color: $black-color; + } +} + +.layui-form-radio:hover *, +.layui-form-radioed, +.layui-form-radioed>i { + color: $main-color; +} + +.layui-form-checked[lay-skin="primary"] i { + border-color: $main-color !important; + background-color: $main-color; + color: $black-color; +} + +.layui-input:focus, +.layui-textarea:focus { + border-color: $main-color !important; +} + +.layui-input:hover, +.layui-textarea:hover { + border-color: $main-color !important; + +} + +.layui-badge-rim, +.layui-border, +.layui-colla-content, +.layui-colla-item, +.layui-collapse, +.layui-elem-field, +.layui-form-pane .layui-form-item[pane], +.layui-form-pane .layui-form-label, +.layui-input, +.layui-layedit, +.layui-layedit-tool, +.layui-panel, +.layui-quote-nm, +.layui-select, +.layui-tab-bar, +.layui-tab-card, +.layui-tab-title, +.layui-tab-title .layui-this::after, +.layui-textarea { + border-color: $main-color !important; +} + +.form-search .layui-input-inline input, +.form-search .layui-input-inline select { + border-width: 0 0 0 1px; +} + +.layuimini-tab .layui-tab-tool .layui-nav-child { + border-color: $main-color; +} + +.layui-nav .layui-nav-child a { + color: $main-color; +} + +.layui-form-item { + margin-bottom: 12px; +} + +.layuimini-upload .layuimini-upload-btn { + background-color: $black-color; +} + +.layui-layer { + border: 1px solid $main-color; + background-color: $black-color; +} + +.layui-layer-easy .layui-layer-title { + background-color: $plus-main-color !important; + color: $main-color !important; +} + + + +.layui-table td, +.layui-table th, +.layui-table-col-set, +.layui-table-fixed-r, +.layui-table-grid-down, +.layui-table-header, +.layui-table-page, +.layui-table-tips-main, +.layui-table-tool, +.layui-table-total, +.layui-table-view, +.layui-table[lay-skin="line"], +.layui-table[lay-skin="row"] { + border-color: $less-main-color; +} + +.layui-table tbody tr:hover, +.layui-table thead tr, +.layui-table-click, +.layui-table-header, +.layui-table-hover, +.layui-table-mend, +.layui-table-patch, +.layui-table-tool, +.layui-table-total, +.layui-table-total tr { + background-color: $black-color; +} + +.hr-line { + color: $main-color; + border-color: $less-main-color; + background-color: $main-color; +} + +.layui-layer-easy .layui-layer-btn { + background-color: $black-color; + border-top: 1px solid $less-main-color; +} + +.layui-layer-easy .layui-layer-btn .layui-layer-btn0 { + background-color: $main-color; + border-color: $less-main-color; + color: $main-color !important; + clip-path: $box-shape; +} + +.layui-layer-easy .layui-layer-btn a { + @extend .layui-btn +} + +.layui-layer-shade { + background-color: #fff !important; +} + +.layuimini-menu-left { + .layui-nav-tree .layui-nav-item { + + margin: 5px; + width: calc(100% - 10px); + } + + .layui-nav .layui-nav-item { + clip-path: $box-shape; + color: $main-color; + background-color: $active-color; + + &.layui-this a { + background-color: $main-color !important; + color: $black-color !important; + } + + &.layui-this { + background-color: $main-color !important; + color: $black-color !important; + + span { + background-color: $main-color !important; + color: $black-color !important; + + } + } + } + + .layui-nav .layui-nav-item a:hover { + background-color: $active-color !important; + } + +} + +.layuimini-menu-left .layui-nav .layui-nav-item a, +.layuimini-menu-left-zoom.layui-nav .layui-nav-item a { + color: $main-color !important; +} + +.layuimini-menu-left .layui-nav-item a span { + color: $main-color !important; + +} + +.layuimini-menu-left .layui-nav-item:hover a span { + color: $black-color !important; + +} + +.layui-layout-admin .layuimini-logo { + background-color: $black-color !important; + +} + +.layuimini-menu-left .layui-nav-itemed>.layui-nav-child { + background-color: $black-color !important; +} + +.layuimini-menu-left .layui-nav-tree .layui-this, +.layuimini-menu-left .layui-nav-tree .layui-this>a, +.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this, +.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a, +.layuimini-menu-left-zoom.layui-nav-tree .layui-this, +.layuimini-menu-left-zoom.layui-nav-tree .layui-this>a, +.layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this, +.layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a { + background-color: $main-color !important; + color: $black-color !important; + + .layui-left-nav { + color: $black-color !important; + } +} + + +.layui-iconpicker-icon { + border-color: $less-main-color !important; + background-color: $less-main-color !important; +} + +.layui-iconpicker .layui-anim { + background-color: $black-color; +} + +.layui-iconpicker .layui-iconpicker-list { + background-color: $black-color; +} + +.layui-header .layui-nav .layui-nav-child dd.layui-this a, +.layui-header .layui-nav-child dd.layui-this, +.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a { + background-color: $active-color !important; +} \ No newline at end of file diff --git a/public/static/admin/css/themes/_win7.scss b/public/static/admin/css/themes/_win7.scss new file mode 100644 index 0000000..e5a089a --- /dev/null +++ b/public/static/admin/css/themes/_win7.scss @@ -0,0 +1,288 @@ +& { + color: #222; + background-color: #f0f0f0; +} + +.layui-btn { + background: linear-gradient(180deg, #eee 45%, #ddd 0, #bbb); + border: 1.5px solid #888; + border-radius: 3px; + box-shadow: inset 0 -1px 1px hsla(0, 0%, 100%, .8), inset 0 1px 1px #fff; + box-sizing: border-box; + color: #222; + + + &:hover { + background: linear-gradient(180deg, #e5f4fd 45%, #b3e0f9 0); + border-color: #72a2c5; + } +} + +.layui-layer-easy .layui-layer-btn a { + @extend .layui-btn; + color: #222 !important; + + height: 26px; + line-height: 26px; + font-size: 12px; +} + +.layui-layer-title { + background: linear-gradient(90deg, hsla(0, 0%, 100%, .4), rgba(0, 0, 0, .1), hsla(0, 0%, 100%, .2)), linear-gradient(55deg, transparent, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .1) 50%, transparent 53%), #4580c4 !important; + border: 1px solid rgba(0, 0, 0, .6); + border-radius: 6px 6px 0 0; + // box-shadow : inset 0 0 .5px .5px #fff; + + height: 27px; + line-height: 27px; + + color: #000 !important; + letter-spacing: 0; + font-size: 12px; + text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff; + + padding: 0 80px 0 8px; + + border: 0; + box-shadow: inset 0 .5px #fff; + + +} + +.layui-layer-easy .layui-layer-title~.layui-layer-setwin { + height: 27px !important; + top: 1px; +} + +.layui-layer-easy .layui-layer-title~.layui-layer-setwin>span { + height: 20px !important; + line-height: 20px !important; + + background: linear-gradient(hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, .3) 45%, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .1) 75%, hsla(0, 0%, 100%, .5)) !important; + border: 0; + border-radius: 0; + border-bottom-right-radius: 0px; + border-right: 1px solid rgba(0, 0, 0, .6); + box-shadow: inset 0 0 0 .5px #eee; + box-sizing: border-box; + + padding: 0; + position: relative; + + margin-left: 0; + + min-width: 26px; + text-align: center; + + &:hover { + background: radial-gradient(circle at 50% 100%, #2aceda, transparent 60%), linear-gradient(#a9d2e8 50%, #196c9b 0) !important; + } + + + &:last-child { + border: 0; + border-bottom-right-radius: 5px; + + } + + &:first-child { + border-bottom-left-radius: 5px; + } + + &.layui-layer-close1 { + background-color: #d04a37 !important; + min-width: 45px !important; + + + &:hover { + filter: contrast(1.3); + background-image: linear-gradient(hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, .3) 45%, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .1) 75%, hsla(0, 0%, 100%, .5)) !important; + } + } + +} + +.layui-layer-dialog { + border-radius: 20px; +} + +.layui-layer-iframe { + border-radius: 20px; +} + +.layui-layer:not(.layui-layer-loading) { + + .layui-layer-content { + background: #f0f0f0; + border: 1px solid rgba(0, 0, 0, .6); + box-shadow: 0 -1px 1px .5px #fff; + margin: 0 6px 0 6px; + padding: 6px; + border-bottom-width: 0; + } + + &::before { + background: linear-gradient(transparent 20%, hsla(0, 0%, 100%, .7) 40%, transparent 41%), linear-gradient(90deg, hsla(0, 0%, 100%, .4), rgba(0, 0, 0, .1), hsla(0, 0%, 100%, .2)), linear-gradient(55deg, transparent, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .1) 50%, transparent 53%), #4580c4; + border-radius: 6px; + content: ""; + height: 100%; + position: absolute; + width: 100%; + z-index: -1; + + } + + &.layui-layer-iframe { + + &::before { + height: calc(100% + 20px); + } + } +} + +.layui-layer-easy .layui-layer-btn { + background: #f0f0f0; + border: 1px solid rgba(0, 0, 0, .6); + box-shadow: 0 0 1px .5px #fff; + margin: 0 6px 6px; + padding: 6px; + border-top: 0; + text-align: right !important; +} + +.layui-card { + + border: 1px solid rgba(0, 0, 0, .6); + border-radius: 6px; + box-shadow: 0 0 5px 1px rgba(0, 0, 0, .6); + font: 9pt Segoe UI, sans-serif; + position: relative; + z-index: 0; + + &::before { + background: linear-gradient(transparent 20%, hsla(0, 0%, 100%, .7) 40%, transparent 41%), linear-gradient(90deg, hsla(0, 0%, 100%, .4), rgba(0, 0, 0, .1), hsla(0, 0%, 100%, .2)), linear-gradient(55deg, transparent, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .1) 50%, transparent 53%), #4580c4; + border-radius: 6px; + content: ""; + height: 100%; + position: absolute; + width: 100%; + z-index: -1; + } + + + .layui-card-header { + align-items: center; + background: linear-gradient(90deg, hsla(0, 0%, 100%, .4), rgba(0, 0, 0, .1), hsla(0, 0%, 100%, .2)), linear-gradient(55deg, transparent, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .1) 50%, transparent 53%), #4580c4; + border-radius: 6px 6px 0 0; + font: 9pt Segoe UI, sans-serif; + justify-content: space-between; + padding: 6px; + border: 0; + box-shadow: inset 0 .5px #fff; + height: 15px; + + color: #000; + letter-spacing: 0; + line-height: 15px; + text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff; + + } + + .layui-card-body { + background: #f0f0f0; + border: 1px solid rgba(0, 0, 0, .6); + box-shadow: 0 0 1px .5px #fff; + margin: 0 6px 6px; + padding: 6px; + } +} + + + +.layui-tab-brief>.layui-tab-title .layui-this { + color: #222; +} + +.layuimini-tab .layui-tab-control>li { + height: 27px !important; + line-height: 27px !important; +} + +.layui-form-checkbox[lay-skin="primary"] i { + background: #ddd; + border: 1px solid #888; + box-shadow: inset 0 0 0 1.5px #eee, inset 0 2px 4px #888, inset -2px -3px 4px #fff; + box-sizing: border-box; + content: ""; + display: inline-block; + height: 13px; + margin-right: 6px; + width: 13px; + color: transparent; +} + +.layui-form-checked[lay-skin="primary"] i { + color: #16638f; + border-color: #888; + display: block; + font-weight: 700; + position: absolute; + + &::before { + font-size: 14px; + } + +} + +.layui-form-radio:hover *, +.layui-form-radioed, +.layui-form-radioed>i { + color: #16638f; +} + +.layui-input { + background-color: #fff; + border: 1px solid #ccc; + border-top-color: rgb(204, 204, 204); + border-radius: 2px; + border-top-color: #888; + box-sizing: border-box; + font: 9pt Segoe UI, sans-serif; + padding: 3px 4px 5px; +} + +.layui-input, +.layui-select, +.layui-textarea { + height: unset +} + +.layui-form-label { + padding: 3px 15px; + font: 9pt Segoe UI, sans-serif; +} + + +.layuimini-form>.layui-form-item .required::after { + top: 2px; +} + +.form-search .layui-input-inline input, +.form-search .layui-input-inline select { + height: unset; + line-height: unset; +} + +.form-search .layui-form-label { + height: unset; + background: unset; + text-align: right; + border: unset; +} + +.layuimini-upload-btn { + .layui-btn { + height: 25px; + line-height: 25px; + } +} \ No newline at end of file diff --git a/public/static/admin/css/themes/default.css b/public/static/admin/css/themes/default.css new file mode 100644 index 0000000..4f3cefb --- /dev/null +++ b/public/static/admin/css/themes/default.css @@ -0,0 +1,95 @@ +/*头部右侧背景色 headerRightBg */ +.layui-layout-admin .layui-header { + background-color: #ffffff !important; +} + +/*头部右侧选中背景色 headerRightBgThis */ +.layui-layout-admin .layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover { + background-color: #e4e4e4 !important; +} + +/*头部右侧字体颜色 headerRightColor */ +.layui-layout-admin .layui-header .layui-nav .layui-nav-item a { + color: rgba(107, 107, 107, 0.7); +} + +/**头部右侧下拉字体颜色 headerRightChildColor */ +.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a { + color: rgba(107, 107, 107, 0.7) !important; +} + +/*头部右侧鼠标选中 headerRightColorThis */ +.layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover, .layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a { + color: #565656 !important; +} + +/*头部右侧更多下拉颜色 headerRightNavMore */ +.layui-header .layui-nav .layui-nav-more { + border-top-color: rgba(160, 160, 160, 0.7) !important; +} + +/*头部右侧更多下拉颜色 headerRightNavMore */ +.layui-header .layui-nav .layui-nav-mored, .layui-header .layui-nav-itemed > a .layui-nav-more { + border-color: transparent transparent rgba(160, 160, 160, 0.7) !important; +} + +/**头部右侧更多下拉配置色 headerRightNavMoreBg headerRightNavMoreColor */ +.layui-header .layui-nav .layui-nav-child dd.layui-this a, .layui-header .layui-nav-child dd.layui-this, .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a { + background-color: #1E9FFF !important; + color: #ffffff !important; +} + +/*头部缩放按钮样式 headerRightToolColor */ +.layui-layout-admin .layui-header .layuimini-tool i { + color: #565656; +} + +/*logo背景颜色 headerLogoBg */ +.layui-layout-admin .layuimini-logo { + background-color: #192027 !important; +} + +/*logo字体颜色 headerLogoColor */ +.layui-layout-admin .layuimini-logo h1 { + color: rgb(191, 187, 187); +} + +/*左侧菜单更多下拉样式 leftMenuNavMore */ +.layuimini-menu-left .layui-nav .layui-nav-more, .layuimini-menu-left-zoom.layui-nav .layui-nav-more { + border-top-color: rgb(191, 187, 187); +} + +/*左侧菜单更多下拉样式 leftMenuNavMore */ +.layuimini-menu-left .layui-nav .layui-nav-mored, .layuimini-menu-left .layui-nav-itemed > a .layui-nav-more, .layuimini-menu-left-zoom.layui-nav .layui-nav-mored, .layuimini-menu-left-zoom.layui-nav-itemed > a .layui-nav-more { + border-color: transparent transparent rgb(191, 187, 187) !important; +} + +/*左侧菜单背景 leftMenuBg */ +.layui-side.layui-bg-black, .layui-side.layui-bg-black > .layuimini-menu-left > ul, .layuimini-menu-left-zoom > ul { + background-color: #28333E !important; +} + +/*左侧菜单选中背景 leftMenuBgThis */ +.layuimini-menu-left .layui-nav-tree .layui-this, .layuimini-menu-left .layui-nav-tree .layui-this > a, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a, .layuimini-menu-left-zoom.layui-nav-tree .layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-this > a, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a { + background-color: #1E9FFF !important +} + +/*左侧菜单子菜单背景 leftMenuChildBg */ +.layuimini-menu-left .layui-nav-itemed > .layui-nav-child { + background-color: #0c0f13 !important; +} + +/*左侧菜单字体颜色 leftMenuColor */ +.layuimini-menu-left .layui-nav .layui-nav-item a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a { + color: rgb(191, 187, 187) !important; +} + +/*左侧菜单选中字体颜色 leftMenuColorThis */ +.layuimini-menu-left .layui-nav .layui-nav-item a:hover, .layuimini-menu-left .layui-nav .layui-this a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover, .layuimini-menu-left-zoom.layui-nav .layui-this a { + color: #ffffff !important; +} + +/**tab选项卡选中颜色 tabActiveColor */ +.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active { + background-color: #1e9fff; +} diff --git a/public/static/admin/css/themes/index.css b/public/static/admin/css/themes/index.css new file mode 100644 index 0000000..0adb386 --- /dev/null +++ b/public/static/admin/css/themes/index.css @@ -0,0 +1,3050 @@ +.elem-style-demo .layui-btn, .elem-style-demo .elem-style-neomorphic .layui-form-radio, .elem-style-neomorphic .elem-style-demo .layui-form-radio, .elem-style-demo .elem-style-neomorphic .layui-form-checkbox, .elem-style-neomorphic .elem-style-demo .layui-form-checkbox, .elem-style-demo .elem-style-neomorphic .layui-form-select dl, .elem-style-neomorphic .layui-form-select .elem-style-demo dl, .elem-style-demo .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-demo .layui-nav-item, .elem-style-demo .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-demo .layuimini-header-menu > .layui-nav-item, .elem-style-demo .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-demo a, +.elem-style-demo .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-demo a, .elem-style-demo .elem-style-neomorphic .layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-demo .layui-side.layui-bg-black, +.elem-style-demo .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-neomorphic .elem-style-demo .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-demo .elem-style-neomorphic .layuimini-menu-left-zoom > ul, +.elem-style-neomorphic .elem-style-demo .layuimini-menu-left-zoom > ul, .elem-style-demo .elem-style-neomorphic .layuimini-qiuck-module, .elem-style-neomorphic .elem-style-demo .layuimini-qiuck-module, .elem-style-demo .elem-style-neomorphic .panel, .elem-style-neomorphic .elem-style-demo .panel, .elem-style-demo .elem-style-neomorphic .layui-card, .elem-style-neomorphic .elem-style-demo .layui-card, .elem-style-demo .elem-style-neomorphic .layui-layer, .elem-style-neomorphic .elem-style-demo .layui-layer, .elem-style-demo .elem-style-neomorphic .layuimini-main, .elem-style-neomorphic .elem-style-demo .layuimini-main, .elem-style-demo .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-demo .layui-inline[lay-event], .elem-style-demo .elem-style-win7 .layui-layer-easy .layui-layer-btn a, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-demo a, .elem-style-demo .elem-style-nes .layui-layer-easy .layui-layer-btn a, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-demo a, .elem-style-demo .elem-style-nes .layuimini-container .layui-table-tool .layui-inline[lay-event], .elem-style-nes .layuimini-container .layui-table-tool .elem-style-demo .layui-inline[lay-event], .elem-style-demo .elem-style-gtk .layuimini-header-menu > li.layui-nav-item, .elem-style-gtk .elem-style-demo .layuimini-header-menu > li.layui-nav-item, .elem-style-demo .elem-style-gtk .layui-tab-brief > .layui-tab-title li, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-demo li, .elem-style-demo .elem-style-gtk .layui-laydate-footer span, .elem-style-gtk .layui-laydate-footer .elem-style-demo span, .elem-style-demo .elem-style-gtk .laydate-footer-btns span, .elem-style-gtk .laydate-footer-btns .elem-style-demo span, .elem-style-demo .elem-style-gtk .layuimini-container .layui-table-tool .layui-inline[lay-event], .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-demo .layui-inline[lay-event], .elem-style-demo .elem-style-sicfi .layui-layer-easy .layui-layer-btn a, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-demo a { + color: #808185 !important; + background-color: #cde7ff !important; + border: 1px solid #d3dde6 !important; +} +.elem-style-demo .layui-layer-easy .layui-layer-title { + background-color: rgb(215, 215, 215) !important; + color: #6C6E71 !important; +} +.elem-style-demo .layui-layer-easy .layui-layer-setwin > a::after { + color: #6C6E71 !important; +} +.elem-style-demo .layui-layer-easy .layui-layer-btn .layui-layer-btn0 { + color: #808185 !important; + background-color: #cde7ff !important; + border: 1px solid #d3dde6 !important; +} +.elem-style-demo .layuimini-tab .layui-tab-title .layuimini-tab-active { + display: none !important; +} +.elem-style-demo .layuimini-tab .layui-tab-title li { + padding: 0 5px !important; + font-size: 12px; + border-width: 1px 1px 1px 0 !important; + border-style: solid !important; +} +.elem-style-demo .layuimini-tab .layui-tab-title li.layui-this { + color: #fff !important; + border-color: rgb(0, 0, 255) !important; + background: rgb(90, 173, 255) !important; +} +.elem-style-demo .layuimini-tab .layui-tab-title .layui-this span { + color: #fff !important; +} +.elem-style-demo .layuimini-tab > .layui-tab-title li, +.elem-style-demo .layuimini-tab > .close-box li { + line-height: 27px !important; +} +.elem-style-demo .layuimini-tab > .layui-tab-title, +.elem-style-demo .layuimini-tab > .close-box { + height: 28px !important; +} +.elem-style-demo .layuimini-tab .layui-tab-control > li { + height: 28px !important; + line-height: 28px !important; +} +.elem-style-demo .layuimini-container .layui-laypage .layui-laypage-curr .layui-laypage-em { + background-color: #6C6E71 !important; +} +.elem-style-demo .layuimini-container .layui-form-onswitch { + background-color: #cde7ff !important; + border-color: #cde7ff !important; +} +.elem-style-demo .layuimini-container .layui-form-switch { + background-color: #6C6E71; + border-color: #6C6E71; +} +.elem-style-demo .layui-table-tool .layui-inline[lay-event] { + border-color: transparent; +} +.elem-style-demo .layui-form-checked[lay-skin=primary] i { + border-color: #cde7ff !important; + background-color: #cde7ff !important; +} + +.elem-style-sicfi { + background-color: rgb(2, 17, 20); + color: rgb(126, 252, 246); +} +.elem-style-sicfi .layuimini-main { + background-color: rgb(2, 17, 20); +} +.elem-style-sicfi .layuimini-container { + background-color: rgb(2, 17, 20); +} +.elem-style-sicfi .layuimini-container .layui-table-tool { + background-color: rgb(2, 17, 20); +} +.elem-style-sicfi .layui-btn, .elem-style-sicfi .elem-style-neomorphic .layui-form-radio, .elem-style-neomorphic .elem-style-sicfi .layui-form-radio, .elem-style-sicfi .elem-style-neomorphic .layui-form-checkbox, .elem-style-neomorphic .elem-style-sicfi .layui-form-checkbox, .elem-style-sicfi .elem-style-neomorphic .layui-form-select dl, .elem-style-neomorphic .layui-form-select .elem-style-sicfi dl, .elem-style-sicfi .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-sicfi .layui-nav-item, .elem-style-sicfi .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-sicfi .layuimini-header-menu > .layui-nav-item, .elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-sicfi a, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-sicfi a, .elem-style-sicfi .elem-style-neomorphic .layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-sicfi .layui-side.layui-bg-black, +.elem-style-sicfi .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-neomorphic .elem-style-sicfi .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom > ul, +.elem-style-neomorphic .elem-style-sicfi .layuimini-menu-left-zoom > ul, .elem-style-sicfi .elem-style-neomorphic .layuimini-qiuck-module, .elem-style-neomorphic .elem-style-sicfi .layuimini-qiuck-module, .elem-style-sicfi .elem-style-neomorphic .panel, .elem-style-neomorphic .elem-style-sicfi .panel, .elem-style-sicfi .elem-style-neomorphic .layui-card, .elem-style-neomorphic .elem-style-sicfi .layui-card, .elem-style-sicfi .elem-style-neomorphic .layui-layer, .elem-style-neomorphic .elem-style-sicfi .layui-layer, .elem-style-sicfi .elem-style-neomorphic .layuimini-main, .elem-style-neomorphic .elem-style-sicfi .layuimini-main, .elem-style-sicfi .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-sicfi .layui-inline[lay-event], .elem-style-sicfi .elem-style-win7 .layui-layer-easy .layui-layer-btn a, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-sicfi a, .elem-style-sicfi .elem-style-nes .layui-layer-easy .layui-layer-btn a, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-sicfi a, .elem-style-sicfi .elem-style-nes .layuimini-container .layui-table-tool .layui-inline[lay-event], .elem-style-nes .layuimini-container .layui-table-tool .elem-style-sicfi .layui-inline[lay-event], .elem-style-sicfi .elem-style-gtk .layuimini-header-menu > li.layui-nav-item, .elem-style-gtk .elem-style-sicfi .layuimini-header-menu > li.layui-nav-item, .elem-style-sicfi .elem-style-gtk .layui-tab-brief > .layui-tab-title li, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-sicfi li, .elem-style-sicfi .elem-style-gtk .layui-laydate-footer span, .elem-style-gtk .layui-laydate-footer .elem-style-sicfi span, .elem-style-sicfi .elem-style-gtk .laydate-footer-btns span, .elem-style-gtk .laydate-footer-btns .elem-style-sicfi span, .elem-style-sicfi .elem-style-gtk .layuimini-container .layui-table-tool .layui-inline[lay-event], .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-sicfi .layui-inline[lay-event], .elem-style-sicfi .layui-layer-easy .layui-layer-btn a { + -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); + clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); + padding-right: 10px; + position: relative; + background-color: transparent; + border: 1px solid; + color: rgb(126, 252, 246); + text-shadow: rgb(126, 252, 246) 0px 0px 1px; + background-color: rgb(126, 252, 246); +} +.elem-style-sicfi .layui-btn.layui-btn-lg, .elem-style-sicfi .elem-style-neomorphic .layui-btn-lg.layui-form-radio, .elem-style-neomorphic .elem-style-sicfi .layui-btn-lg.layui-form-radio, .elem-style-sicfi .elem-style-neomorphic .layui-btn-lg.layui-form-checkbox, .elem-style-neomorphic .elem-style-sicfi .layui-btn-lg.layui-form-checkbox, .elem-style-sicfi .elem-style-neomorphic .layui-form-select dl.layui-btn-lg, .elem-style-neomorphic .layui-form-select .elem-style-sicfi dl.layui-btn-lg, .elem-style-sicfi .elem-style-neomorphic .layui-header .layui-nav .layui-btn-lg.layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-sicfi .layui-btn-lg.layui-nav-item, .elem-style-sicfi .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-lg.layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-sicfi .layuimini-header-menu > .layui-btn-lg.layui-nav-item, .elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-lg, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-sicfi a.layui-btn-lg, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-lg, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-sicfi a.layui-btn-lg, .elem-style-sicfi .elem-style-neomorphic .layui-btn-lg.layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-sicfi .layui-btn-lg.layui-side.layui-bg-black, +.elem-style-sicfi .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-lg, +.elem-style-neomorphic .elem-style-sicfi .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-lg, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-lg, +.elem-style-neomorphic .elem-style-sicfi .layuimini-menu-left-zoom > ul.layui-btn-lg, .elem-style-sicfi .elem-style-neomorphic .layui-btn-lg.layuimini-qiuck-module, .elem-style-neomorphic .elem-style-sicfi .layui-btn-lg.layuimini-qiuck-module, .elem-style-sicfi .elem-style-neomorphic .layui-btn-lg.panel, .elem-style-neomorphic .elem-style-sicfi .layui-btn-lg.panel, .elem-style-sicfi .elem-style-neomorphic .layui-btn-lg.layui-card, .elem-style-neomorphic .elem-style-sicfi .layui-btn-lg.layui-card, .elem-style-sicfi .elem-style-neomorphic .layui-btn-lg.layui-layer, .elem-style-neomorphic .elem-style-sicfi .layui-btn-lg.layui-layer, .elem-style-sicfi .elem-style-neomorphic .layui-btn-lg.layuimini-main, .elem-style-neomorphic .elem-style-sicfi .layui-btn-lg.layuimini-main, .elem-style-sicfi .elem-style-neomorphic .layui-table-tool .layui-btn-lg.layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-sicfi .layui-btn-lg.layui-inline[lay-event], .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layui-btn-lg, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layui-btn-lg, .elem-style-sicfi .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-lg.layui-inline[lay-event], .elem-style-nes .layuimini-container .layui-table-tool .elem-style-sicfi .layui-btn-lg.layui-inline[lay-event], .elem-style-sicfi .elem-style-gtk .layuimini-header-menu > li.layui-btn-lg.layui-nav-item, .elem-style-gtk .elem-style-sicfi .layuimini-header-menu > li.layui-btn-lg.layui-nav-item, .elem-style-sicfi .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-lg, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-sicfi li.layui-btn-lg, .elem-style-sicfi .elem-style-gtk .layui-laydate-footer span.layui-btn-lg, .elem-style-gtk .layui-laydate-footer .elem-style-sicfi span.layui-btn-lg, .elem-style-sicfi .elem-style-gtk .laydate-footer-btns span.layui-btn-lg, .elem-style-gtk .laydate-footer-btns .elem-style-sicfi span.layui-btn-lg, .elem-style-sicfi .elem-style-gtk .layuimini-container .layui-table-tool .layui-btn-lg.layui-inline[lay-event], .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-sicfi .layui-btn-lg.layui-inline[lay-event], .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-lg { + padding-right: 25px; +} +.elem-style-sicfi .layui-btn::before, .elem-style-sicfi .elem-style-neomorphic .layui-form-radio::before, .elem-style-neomorphic .elem-style-sicfi .layui-form-radio::before, .elem-style-sicfi .elem-style-neomorphic .layui-form-checkbox::before, .elem-style-neomorphic .elem-style-sicfi .layui-form-checkbox::before, .elem-style-sicfi .elem-style-neomorphic .layui-form-select dl::before, .elem-style-neomorphic .layui-form-select .elem-style-sicfi dl::before, .elem-style-sicfi .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item::before, .elem-style-neomorphic .layui-header .layui-nav .elem-style-sicfi .layui-nav-item::before, .elem-style-sicfi .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item::before, .elem-style-neomorphic .layui-header .elem-style-sicfi .layuimini-header-menu > .layui-nav-item::before, .elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a::before, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-sicfi a::before, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a::before, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-sicfi a::before, .elem-style-sicfi .elem-style-neomorphic .layui-side.layui-bg-black::before, .elem-style-neomorphic .elem-style-sicfi .layui-side.layui-bg-black::before, +.elem-style-sicfi .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul::before, +.elem-style-neomorphic .elem-style-sicfi .layui-side.layui-bg-black > .layuimini-menu-left > ul::before, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom > ul::before, +.elem-style-neomorphic .elem-style-sicfi .layuimini-menu-left-zoom > ul::before, .elem-style-sicfi .elem-style-neomorphic .layuimini-qiuck-module::before, .elem-style-neomorphic .elem-style-sicfi .layuimini-qiuck-module::before, .elem-style-sicfi .elem-style-neomorphic .panel::before, .elem-style-neomorphic .elem-style-sicfi .panel::before, .elem-style-sicfi .elem-style-neomorphic .layui-card::before, .elem-style-neomorphic .elem-style-sicfi .layui-card::before, .elem-style-sicfi .elem-style-neomorphic .layui-layer::before, .elem-style-neomorphic .elem-style-sicfi .layui-layer::before, .elem-style-sicfi .elem-style-neomorphic .layuimini-main::before, .elem-style-neomorphic .elem-style-sicfi .layuimini-main::before, .elem-style-sicfi .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event]::before, .elem-style-neomorphic .layui-table-tool .elem-style-sicfi .layui-inline[lay-event]::before, .elem-style-sicfi .elem-style-win7 .layui-layer-easy .layui-layer-btn a::before, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-sicfi a::before, .elem-style-sicfi .elem-style-nes .layui-layer-easy .layui-layer-btn a::before, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-sicfi a::before, .elem-style-sicfi .elem-style-nes .layuimini-container .layui-table-tool .layui-inline[lay-event]::before, .elem-style-nes .layuimini-container .layui-table-tool .elem-style-sicfi .layui-inline[lay-event]::before, .elem-style-sicfi .elem-style-gtk .layuimini-header-menu > li.layui-nav-item::before, .elem-style-gtk .elem-style-sicfi .layuimini-header-menu > li.layui-nav-item::before, .elem-style-sicfi .elem-style-gtk .layui-tab-brief > .layui-tab-title li::before, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-sicfi li::before, .elem-style-sicfi .elem-style-gtk .layui-laydate-footer span::before, .elem-style-gtk .layui-laydate-footer .elem-style-sicfi span::before, .elem-style-sicfi .elem-style-gtk .laydate-footer-btns span::before, .elem-style-gtk .laydate-footer-btns .elem-style-sicfi span::before, .elem-style-sicfi .elem-style-gtk .layuimini-container .layui-table-tool .layui-inline[lay-event]::before, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-sicfi .layui-inline[lay-event]::before, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a::before { + content: ""; + display: block; + position: absolute; + z-index: -1; + -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); + clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); + width: 100%; + height: 100%; + left: -0.5px; + top: -0.5px; + background-color: rgb(2, 17, 20); +} +.elem-style-sicfi .layui-btn:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-form-radio:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-form-radio:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-form-checkbox:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-form-checkbox:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-form-select dl:hover::after, .elem-style-neomorphic .layui-form-select .elem-style-sicfi dl:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item:hover::after, .elem-style-neomorphic .layui-header .layui-nav .elem-style-sicfi .layui-nav-item:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item:hover::after, .elem-style-neomorphic .layui-header .elem-style-sicfi .layuimini-header-menu > .layui-nav-item:hover::after, .elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a:hover::after, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-sicfi a:hover::after, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover::after, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-sicfi a:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-side.layui-bg-black:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-side.layui-bg-black:hover::after, +.elem-style-sicfi .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul:hover::after, +.elem-style-neomorphic .elem-style-sicfi .layui-side.layui-bg-black > .layuimini-menu-left > ul:hover::after, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom > ul:hover::after, +.elem-style-neomorphic .elem-style-sicfi .layuimini-menu-left-zoom > ul:hover::after, .elem-style-sicfi .elem-style-neomorphic .layuimini-qiuck-module:hover::after, .elem-style-neomorphic .elem-style-sicfi .layuimini-qiuck-module:hover::after, .elem-style-sicfi .elem-style-neomorphic .panel:hover::after, .elem-style-neomorphic .elem-style-sicfi .panel:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-card:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-card:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-layer:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-layer:hover::after, .elem-style-sicfi .elem-style-neomorphic .layuimini-main:hover::after, .elem-style-neomorphic .elem-style-sicfi .layuimini-main:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event]:hover::after, .elem-style-neomorphic .layui-table-tool .elem-style-sicfi .layui-inline[lay-event]:hover::after, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-sicfi a:hover::after, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-sicfi a:hover::after, .elem-style-sicfi .elem-style-nes .layuimini-container .layui-table-tool .layui-inline[lay-event]:hover::after, .elem-style-nes .layuimini-container .layui-table-tool .elem-style-sicfi .layui-inline[lay-event]:hover::after, .elem-style-sicfi .elem-style-gtk .layuimini-header-menu > li.layui-nav-item:hover::after, .elem-style-gtk .elem-style-sicfi .layuimini-header-menu > li.layui-nav-item:hover::after, .elem-style-sicfi .elem-style-gtk .layui-tab-brief > .layui-tab-title li:hover::after, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-sicfi li:hover::after, .elem-style-sicfi .elem-style-gtk .layui-laydate-footer span:hover::after, .elem-style-gtk .layui-laydate-footer .elem-style-sicfi span:hover::after, .elem-style-sicfi .elem-style-gtk .laydate-footer-btns span:hover::after, .elem-style-gtk .laydate-footer-btns .elem-style-sicfi span:hover::after, .elem-style-sicfi .elem-style-gtk .layuimini-container .layui-table-tool .layui-inline[lay-event]:hover::after, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-sicfi .layui-inline[lay-event]:hover::after, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a:hover::after { + content: ""; + display: block; + position: absolute; + z-index: -1; + -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); + clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); + width: 100%; + height: 100%; + left: -0.5px; + top: -0.5px; + background-color: rgba(126, 252, 246, 0.2); +} +.elem-style-sicfi .layui-btn.layui-btn-success, .elem-style-sicfi .elem-style-neomorphic .layui-btn-success.layui-form-radio, .elem-style-neomorphic .elem-style-sicfi .layui-btn-success.layui-form-radio, .elem-style-sicfi .elem-style-neomorphic .layui-btn-success.layui-form-checkbox, .elem-style-neomorphic .elem-style-sicfi .layui-btn-success.layui-form-checkbox, .elem-style-sicfi .elem-style-neomorphic .layui-form-select dl.layui-btn-success, .elem-style-neomorphic .layui-form-select .elem-style-sicfi dl.layui-btn-success, .elem-style-sicfi .elem-style-neomorphic .layui-header .layui-nav .layui-btn-success.layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-sicfi .layui-btn-success.layui-nav-item, .elem-style-sicfi .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-success.layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-sicfi .layuimini-header-menu > .layui-btn-success.layui-nav-item, .elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-success, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-sicfi a.layui-btn-success, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-success, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-sicfi a.layui-btn-success, .elem-style-sicfi .elem-style-neomorphic .layui-btn-success.layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-sicfi .layui-btn-success.layui-side.layui-bg-black, +.elem-style-sicfi .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-success, +.elem-style-neomorphic .elem-style-sicfi .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-success, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-success, +.elem-style-neomorphic .elem-style-sicfi .layuimini-menu-left-zoom > ul.layui-btn-success, .elem-style-sicfi .elem-style-neomorphic .layui-btn-success.layuimini-qiuck-module, .elem-style-neomorphic .elem-style-sicfi .layui-btn-success.layuimini-qiuck-module, .elem-style-sicfi .elem-style-neomorphic .layui-btn-success.panel, .elem-style-neomorphic .elem-style-sicfi .layui-btn-success.panel, .elem-style-sicfi .elem-style-neomorphic .layui-btn-success.layui-card, .elem-style-neomorphic .elem-style-sicfi .layui-btn-success.layui-card, .elem-style-sicfi .elem-style-neomorphic .layui-btn-success.layui-layer, .elem-style-neomorphic .elem-style-sicfi .layui-btn-success.layui-layer, .elem-style-sicfi .elem-style-neomorphic .layui-btn-success.layuimini-main, .elem-style-neomorphic .elem-style-sicfi .layui-btn-success.layuimini-main, .elem-style-sicfi .elem-style-neomorphic .layui-table-tool .layui-btn-success.layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-sicfi .layui-btn-success.layui-inline[lay-event], .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layui-btn-success, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layui-btn-success, .elem-style-sicfi .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-success.layui-inline[lay-event], .elem-style-nes .layuimini-container .layui-table-tool .elem-style-sicfi .layui-btn-success.layui-inline[lay-event], .elem-style-sicfi .elem-style-gtk .layuimini-header-menu > li.layui-btn-success.layui-nav-item, .elem-style-gtk .elem-style-sicfi .layuimini-header-menu > li.layui-btn-success.layui-nav-item, .elem-style-sicfi .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-success, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-sicfi li.layui-btn-success, .elem-style-sicfi .elem-style-gtk .layui-laydate-footer span.layui-btn-success, .elem-style-gtk .layui-laydate-footer .elem-style-sicfi span.layui-btn-success, .elem-style-sicfi .elem-style-gtk .laydate-footer-btns span.layui-btn-success, .elem-style-gtk .laydate-footer-btns .elem-style-sicfi span.layui-btn-success, .elem-style-sicfi .elem-style-gtk .layuimini-container .layui-table-tool .layui-btn-success.layui-inline[lay-event], .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-sicfi .layui-btn-success.layui-inline[lay-event], .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-success { + text-shadow: rgb(0, 255, 0) 0px 0px 1px; + color: rgb(0, 255, 0); + background-color: rgb(0, 255, 0); + border: unset; +} +.elem-style-sicfi .layui-btn.layui-btn-success:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-success.layui-form-radio:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-success.layui-form-radio:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-success.layui-form-checkbox:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-success.layui-form-checkbox:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-form-select dl.layui-btn-success:hover::after, .elem-style-neomorphic .layui-form-select .elem-style-sicfi dl.layui-btn-success:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-header .layui-nav .layui-btn-success.layui-nav-item:hover::after, .elem-style-neomorphic .layui-header .layui-nav .elem-style-sicfi .layui-btn-success.layui-nav-item:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-success.layui-nav-item:hover::after, .elem-style-neomorphic .layui-header .elem-style-sicfi .layuimini-header-menu > .layui-btn-success.layui-nav-item:hover::after, .elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-success:hover::after, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-sicfi a.layui-btn-success:hover::after, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-success:hover::after, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-sicfi a.layui-btn-success:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-success.layui-side.layui-bg-black:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-success.layui-side.layui-bg-black:hover::after, +.elem-style-sicfi .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-success:hover::after, +.elem-style-neomorphic .elem-style-sicfi .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-success:hover::after, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-success:hover::after, +.elem-style-neomorphic .elem-style-sicfi .layuimini-menu-left-zoom > ul.layui-btn-success:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-success.layuimini-qiuck-module:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-success.layuimini-qiuck-module:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-success.panel:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-success.panel:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-success.layui-card:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-success.layui-card:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-success.layui-layer:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-success.layui-layer:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-success.layuimini-main:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-success.layuimini-main:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-table-tool .layui-btn-success.layui-inline[lay-event]:hover::after, .elem-style-neomorphic .layui-table-tool .elem-style-sicfi .layui-btn-success.layui-inline[lay-event]:hover::after, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layui-btn-success:hover::after, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layui-btn-success:hover::after, .elem-style-sicfi .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-success.layui-inline[lay-event]:hover::after, .elem-style-nes .layuimini-container .layui-table-tool .elem-style-sicfi .layui-btn-success.layui-inline[lay-event]:hover::after, .elem-style-sicfi .elem-style-gtk .layuimini-header-menu > li.layui-btn-success.layui-nav-item:hover::after, .elem-style-gtk .elem-style-sicfi .layuimini-header-menu > li.layui-btn-success.layui-nav-item:hover::after, .elem-style-sicfi .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-success:hover::after, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-sicfi li.layui-btn-success:hover::after, .elem-style-sicfi .elem-style-gtk .layui-laydate-footer span.layui-btn-success:hover::after, .elem-style-gtk .layui-laydate-footer .elem-style-sicfi span.layui-btn-success:hover::after, .elem-style-sicfi .elem-style-gtk .laydate-footer-btns span.layui-btn-success:hover::after, .elem-style-gtk .laydate-footer-btns .elem-style-sicfi span.layui-btn-success:hover::after, .elem-style-sicfi .elem-style-gtk .layuimini-container .layui-table-tool .layui-btn-success.layui-inline[lay-event]:hover::after, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-sicfi .layui-btn-success.layui-inline[lay-event]:hover::after, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-success:hover::after { + background-color: rgba(0, 255, 0, 0.2); +} +.elem-style-sicfi .layui-btn.layui-btn-danger, .elem-style-sicfi .elem-style-neomorphic .layui-btn-danger.layui-form-radio, .elem-style-neomorphic .elem-style-sicfi .layui-btn-danger.layui-form-radio, .elem-style-sicfi .elem-style-neomorphic .layui-btn-danger.layui-form-checkbox, .elem-style-neomorphic .elem-style-sicfi .layui-btn-danger.layui-form-checkbox, .elem-style-sicfi .elem-style-neomorphic .layui-form-select dl.layui-btn-danger, .elem-style-neomorphic .layui-form-select .elem-style-sicfi dl.layui-btn-danger, .elem-style-sicfi .elem-style-neomorphic .layui-header .layui-nav .layui-btn-danger.layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-sicfi .layui-btn-danger.layui-nav-item, .elem-style-sicfi .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-danger.layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-sicfi .layuimini-header-menu > .layui-btn-danger.layui-nav-item, .elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-danger, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-sicfi a.layui-btn-danger, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-danger, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-sicfi a.layui-btn-danger, .elem-style-sicfi .elem-style-neomorphic .layui-btn-danger.layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-sicfi .layui-btn-danger.layui-side.layui-bg-black, +.elem-style-sicfi .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-danger, +.elem-style-neomorphic .elem-style-sicfi .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-danger, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-danger, +.elem-style-neomorphic .elem-style-sicfi .layuimini-menu-left-zoom > ul.layui-btn-danger, .elem-style-sicfi .elem-style-neomorphic .layui-btn-danger.layuimini-qiuck-module, .elem-style-neomorphic .elem-style-sicfi .layui-btn-danger.layuimini-qiuck-module, .elem-style-sicfi .elem-style-neomorphic .layui-btn-danger.panel, .elem-style-neomorphic .elem-style-sicfi .layui-btn-danger.panel, .elem-style-sicfi .elem-style-neomorphic .layui-btn-danger.layui-card, .elem-style-neomorphic .elem-style-sicfi .layui-btn-danger.layui-card, .elem-style-sicfi .elem-style-neomorphic .layui-btn-danger.layui-layer, .elem-style-neomorphic .elem-style-sicfi .layui-btn-danger.layui-layer, .elem-style-sicfi .elem-style-neomorphic .layui-btn-danger.layuimini-main, .elem-style-neomorphic .elem-style-sicfi .layui-btn-danger.layuimini-main, .elem-style-sicfi .elem-style-neomorphic .layui-table-tool .layui-btn-danger.layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-sicfi .layui-btn-danger.layui-inline[lay-event], .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layui-btn-danger, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layui-btn-danger, .elem-style-sicfi .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-danger.layui-inline[lay-event], .elem-style-nes .layuimini-container .layui-table-tool .elem-style-sicfi .layui-btn-danger.layui-inline[lay-event], .elem-style-sicfi .elem-style-gtk .layuimini-header-menu > li.layui-btn-danger.layui-nav-item, .elem-style-gtk .elem-style-sicfi .layuimini-header-menu > li.layui-btn-danger.layui-nav-item, .elem-style-sicfi .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-danger, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-sicfi li.layui-btn-danger, .elem-style-sicfi .elem-style-gtk .layui-laydate-footer span.layui-btn-danger, .elem-style-gtk .layui-laydate-footer .elem-style-sicfi span.layui-btn-danger, .elem-style-sicfi .elem-style-gtk .laydate-footer-btns span.layui-btn-danger, .elem-style-gtk .laydate-footer-btns .elem-style-sicfi span.layui-btn-danger, .elem-style-sicfi .elem-style-gtk .layuimini-container .layui-table-tool .layui-btn-danger.layui-inline[lay-event], .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-sicfi .layui-btn-danger.layui-inline[lay-event], .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-danger { + text-shadow: rgb(255, 0, 0) 0px 0px 1px; + color: rgb(255, 0, 0); + background-color: rgb(255, 0, 0); + border: unset; +} +.elem-style-sicfi .layui-btn.layui-btn-danger:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-danger.layui-form-radio:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-danger.layui-form-radio:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-danger.layui-form-checkbox:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-danger.layui-form-checkbox:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-form-select dl.layui-btn-danger:hover::after, .elem-style-neomorphic .layui-form-select .elem-style-sicfi dl.layui-btn-danger:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-header .layui-nav .layui-btn-danger.layui-nav-item:hover::after, .elem-style-neomorphic .layui-header .layui-nav .elem-style-sicfi .layui-btn-danger.layui-nav-item:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-danger.layui-nav-item:hover::after, .elem-style-neomorphic .layui-header .elem-style-sicfi .layuimini-header-menu > .layui-btn-danger.layui-nav-item:hover::after, .elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-danger:hover::after, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-sicfi a.layui-btn-danger:hover::after, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-danger:hover::after, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-sicfi a.layui-btn-danger:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-danger.layui-side.layui-bg-black:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-danger.layui-side.layui-bg-black:hover::after, +.elem-style-sicfi .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-danger:hover::after, +.elem-style-neomorphic .elem-style-sicfi .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-danger:hover::after, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-danger:hover::after, +.elem-style-neomorphic .elem-style-sicfi .layuimini-menu-left-zoom > ul.layui-btn-danger:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-danger.layuimini-qiuck-module:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-danger.layuimini-qiuck-module:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-danger.panel:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-danger.panel:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-danger.layui-card:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-danger.layui-card:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-danger.layui-layer:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-danger.layui-layer:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-danger.layuimini-main:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-danger.layuimini-main:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-table-tool .layui-btn-danger.layui-inline[lay-event]:hover::after, .elem-style-neomorphic .layui-table-tool .elem-style-sicfi .layui-btn-danger.layui-inline[lay-event]:hover::after, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layui-btn-danger:hover::after, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layui-btn-danger:hover::after, .elem-style-sicfi .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-danger.layui-inline[lay-event]:hover::after, .elem-style-nes .layuimini-container .layui-table-tool .elem-style-sicfi .layui-btn-danger.layui-inline[lay-event]:hover::after, .elem-style-sicfi .elem-style-gtk .layuimini-header-menu > li.layui-btn-danger.layui-nav-item:hover::after, .elem-style-gtk .elem-style-sicfi .layuimini-header-menu > li.layui-btn-danger.layui-nav-item:hover::after, .elem-style-sicfi .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-danger:hover::after, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-sicfi li.layui-btn-danger:hover::after, .elem-style-sicfi .elem-style-gtk .layui-laydate-footer span.layui-btn-danger:hover::after, .elem-style-gtk .layui-laydate-footer .elem-style-sicfi span.layui-btn-danger:hover::after, .elem-style-sicfi .elem-style-gtk .laydate-footer-btns span.layui-btn-danger:hover::after, .elem-style-gtk .laydate-footer-btns .elem-style-sicfi span.layui-btn-danger:hover::after, .elem-style-sicfi .elem-style-gtk .layuimini-container .layui-table-tool .layui-btn-danger.layui-inline[lay-event]:hover::after, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-sicfi .layui-btn-danger.layui-inline[lay-event]:hover::after, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-danger:hover::after { + background-color: rgba(255, 0, 0, 0.2); +} +.elem-style-sicfi .layui-btn.layuimini-btn-primary, .elem-style-sicfi .elem-style-neomorphic .layuimini-btn-primary.layui-form-radio, .elem-style-neomorphic .elem-style-sicfi .layuimini-btn-primary.layui-form-radio, .elem-style-sicfi .elem-style-neomorphic .layuimini-btn-primary.layui-form-checkbox, .elem-style-neomorphic .elem-style-sicfi .layuimini-btn-primary.layui-form-checkbox, .elem-style-sicfi .elem-style-neomorphic .layui-form-select dl.layuimini-btn-primary, .elem-style-neomorphic .layui-form-select .elem-style-sicfi dl.layuimini-btn-primary, .elem-style-sicfi .elem-style-neomorphic .layui-header .layui-nav .layuimini-btn-primary.layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-sicfi .layuimini-btn-primary.layui-nav-item, .elem-style-sicfi .elem-style-neomorphic .layui-header .layuimini-header-menu > .layuimini-btn-primary.layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-sicfi .layuimini-header-menu > .layuimini-btn-primary.layui-nav-item, .elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layuimini-btn-primary, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-sicfi a.layuimini-btn-primary, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layuimini-btn-primary, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-sicfi a.layuimini-btn-primary, .elem-style-sicfi .elem-style-neomorphic .layuimini-btn-primary.layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-sicfi .layuimini-btn-primary.layui-side.layui-bg-black, +.elem-style-sicfi .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layuimini-btn-primary, +.elem-style-neomorphic .elem-style-sicfi .layui-side.layui-bg-black > .layuimini-menu-left > ul.layuimini-btn-primary, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layuimini-btn-primary, +.elem-style-neomorphic .elem-style-sicfi .layuimini-menu-left-zoom > ul.layuimini-btn-primary, .elem-style-sicfi .elem-style-neomorphic .layuimini-btn-primary.layuimini-qiuck-module, .elem-style-neomorphic .elem-style-sicfi .layuimini-btn-primary.layuimini-qiuck-module, .elem-style-sicfi .elem-style-neomorphic .layuimini-btn-primary.panel, .elem-style-neomorphic .elem-style-sicfi .layuimini-btn-primary.panel, .elem-style-sicfi .elem-style-neomorphic .layuimini-btn-primary.layui-card, .elem-style-neomorphic .elem-style-sicfi .layuimini-btn-primary.layui-card, .elem-style-sicfi .elem-style-neomorphic .layuimini-btn-primary.layui-layer, .elem-style-neomorphic .elem-style-sicfi .layuimini-btn-primary.layui-layer, .elem-style-sicfi .elem-style-neomorphic .layuimini-btn-primary.layuimini-main, .elem-style-neomorphic .elem-style-sicfi .layuimini-btn-primary.layuimini-main, .elem-style-sicfi .elem-style-neomorphic .layui-table-tool .layuimini-btn-primary.layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-sicfi .layuimini-btn-primary.layui-inline[lay-event], .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layuimini-btn-primary, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layuimini-btn-primary, .elem-style-sicfi .elem-style-nes .layuimini-container .layui-table-tool .layuimini-btn-primary.layui-inline[lay-event], .elem-style-nes .layuimini-container .layui-table-tool .elem-style-sicfi .layuimini-btn-primary.layui-inline[lay-event], .elem-style-sicfi .elem-style-gtk .layuimini-header-menu > li.layuimini-btn-primary.layui-nav-item, .elem-style-gtk .elem-style-sicfi .layuimini-header-menu > li.layuimini-btn-primary.layui-nav-item, .elem-style-sicfi .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layuimini-btn-primary, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-sicfi li.layuimini-btn-primary, .elem-style-sicfi .elem-style-gtk .layui-laydate-footer span.layuimini-btn-primary, .elem-style-gtk .layui-laydate-footer .elem-style-sicfi span.layuimini-btn-primary, .elem-style-sicfi .elem-style-gtk .laydate-footer-btns span.layuimini-btn-primary, .elem-style-gtk .laydate-footer-btns .elem-style-sicfi span.layuimini-btn-primary, .elem-style-sicfi .elem-style-gtk .layuimini-container .layui-table-tool .layuimini-btn-primary.layui-inline[lay-event], .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-sicfi .layuimini-btn-primary.layui-inline[lay-event], .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layuimini-btn-primary { + text-shadow: rgb(255, 255, 153) 0px 0px 1px; + color: rgb(255, 255, 153); + background-color: rgb(255, 255, 153); + border: unset; +} +.elem-style-sicfi .layui-btn.layuimini-btn-primary:hover::after, .elem-style-sicfi .elem-style-neomorphic .layuimini-btn-primary.layui-form-radio:hover::after, .elem-style-neomorphic .elem-style-sicfi .layuimini-btn-primary.layui-form-radio:hover::after, .elem-style-sicfi .elem-style-neomorphic .layuimini-btn-primary.layui-form-checkbox:hover::after, .elem-style-neomorphic .elem-style-sicfi .layuimini-btn-primary.layui-form-checkbox:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-form-select dl.layuimini-btn-primary:hover::after, .elem-style-neomorphic .layui-form-select .elem-style-sicfi dl.layuimini-btn-primary:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-header .layui-nav .layuimini-btn-primary.layui-nav-item:hover::after, .elem-style-neomorphic .layui-header .layui-nav .elem-style-sicfi .layuimini-btn-primary.layui-nav-item:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-header .layuimini-header-menu > .layuimini-btn-primary.layui-nav-item:hover::after, .elem-style-neomorphic .layui-header .elem-style-sicfi .layuimini-header-menu > .layuimini-btn-primary.layui-nav-item:hover::after, .elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layuimini-btn-primary:hover::after, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-sicfi a.layuimini-btn-primary:hover::after, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layuimini-btn-primary:hover::after, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-sicfi a.layuimini-btn-primary:hover::after, .elem-style-sicfi .elem-style-neomorphic .layuimini-btn-primary.layui-side.layui-bg-black:hover::after, .elem-style-neomorphic .elem-style-sicfi .layuimini-btn-primary.layui-side.layui-bg-black:hover::after, +.elem-style-sicfi .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layuimini-btn-primary:hover::after, +.elem-style-neomorphic .elem-style-sicfi .layui-side.layui-bg-black > .layuimini-menu-left > ul.layuimini-btn-primary:hover::after, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layuimini-btn-primary:hover::after, +.elem-style-neomorphic .elem-style-sicfi .layuimini-menu-left-zoom > ul.layuimini-btn-primary:hover::after, .elem-style-sicfi .elem-style-neomorphic .layuimini-btn-primary.layuimini-qiuck-module:hover::after, .elem-style-neomorphic .elem-style-sicfi .layuimini-btn-primary.layuimini-qiuck-module:hover::after, .elem-style-sicfi .elem-style-neomorphic .layuimini-btn-primary.panel:hover::after, .elem-style-neomorphic .elem-style-sicfi .layuimini-btn-primary.panel:hover::after, .elem-style-sicfi .elem-style-neomorphic .layuimini-btn-primary.layui-card:hover::after, .elem-style-neomorphic .elem-style-sicfi .layuimini-btn-primary.layui-card:hover::after, .elem-style-sicfi .elem-style-neomorphic .layuimini-btn-primary.layui-layer:hover::after, .elem-style-neomorphic .elem-style-sicfi .layuimini-btn-primary.layui-layer:hover::after, .elem-style-sicfi .elem-style-neomorphic .layuimini-btn-primary.layuimini-main:hover::after, .elem-style-neomorphic .elem-style-sicfi .layuimini-btn-primary.layuimini-main:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-table-tool .layuimini-btn-primary.layui-inline[lay-event]:hover::after, .elem-style-neomorphic .layui-table-tool .elem-style-sicfi .layuimini-btn-primary.layui-inline[lay-event]:hover::after, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layuimini-btn-primary:hover::after, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layuimini-btn-primary:hover::after, .elem-style-sicfi .elem-style-nes .layuimini-container .layui-table-tool .layuimini-btn-primary.layui-inline[lay-event]:hover::after, .elem-style-nes .layuimini-container .layui-table-tool .elem-style-sicfi .layuimini-btn-primary.layui-inline[lay-event]:hover::after, .elem-style-sicfi .elem-style-gtk .layuimini-header-menu > li.layuimini-btn-primary.layui-nav-item:hover::after, .elem-style-gtk .elem-style-sicfi .layuimini-header-menu > li.layuimini-btn-primary.layui-nav-item:hover::after, .elem-style-sicfi .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layuimini-btn-primary:hover::after, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-sicfi li.layuimini-btn-primary:hover::after, .elem-style-sicfi .elem-style-gtk .layui-laydate-footer span.layuimini-btn-primary:hover::after, .elem-style-gtk .layui-laydate-footer .elem-style-sicfi span.layuimini-btn-primary:hover::after, .elem-style-sicfi .elem-style-gtk .laydate-footer-btns span.layuimini-btn-primary:hover::after, .elem-style-gtk .laydate-footer-btns .elem-style-sicfi span.layuimini-btn-primary:hover::after, .elem-style-sicfi .elem-style-gtk .layuimini-container .layui-table-tool .layuimini-btn-primary.layui-inline[lay-event]:hover::after, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-sicfi .layuimini-btn-primary.layui-inline[lay-event]:hover::after, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layuimini-btn-primary:hover::after { + background-color: rgba(255, 255, 153, 0.2); +} +.elem-style-sicfi .layui-btn.layui-btn-primary, .elem-style-sicfi .elem-style-neomorphic .layui-btn-primary.layui-form-radio, .elem-style-neomorphic .elem-style-sicfi .layui-btn-primary.layui-form-radio, .elem-style-sicfi .elem-style-neomorphic .layui-btn-primary.layui-form-checkbox, .elem-style-neomorphic .elem-style-sicfi .layui-btn-primary.layui-form-checkbox, .elem-style-sicfi .elem-style-neomorphic .layui-form-select dl.layui-btn-primary, .elem-style-neomorphic .layui-form-select .elem-style-sicfi dl.layui-btn-primary, .elem-style-sicfi .elem-style-neomorphic .layui-header .layui-nav .layui-btn-primary.layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-sicfi .layui-btn-primary.layui-nav-item, .elem-style-sicfi .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-primary.layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-sicfi .layuimini-header-menu > .layui-btn-primary.layui-nav-item, .elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-primary, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-sicfi a.layui-btn-primary, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-primary, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-sicfi a.layui-btn-primary, .elem-style-sicfi .elem-style-neomorphic .layui-btn-primary.layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-sicfi .layui-btn-primary.layui-side.layui-bg-black, +.elem-style-sicfi .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-primary, +.elem-style-neomorphic .elem-style-sicfi .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-primary, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-primary, +.elem-style-neomorphic .elem-style-sicfi .layuimini-menu-left-zoom > ul.layui-btn-primary, .elem-style-sicfi .elem-style-neomorphic .layui-btn-primary.layuimini-qiuck-module, .elem-style-neomorphic .elem-style-sicfi .layui-btn-primary.layuimini-qiuck-module, .elem-style-sicfi .elem-style-neomorphic .layui-btn-primary.panel, .elem-style-neomorphic .elem-style-sicfi .layui-btn-primary.panel, .elem-style-sicfi .elem-style-neomorphic .layui-btn-primary.layui-card, .elem-style-neomorphic .elem-style-sicfi .layui-btn-primary.layui-card, .elem-style-sicfi .elem-style-neomorphic .layui-btn-primary.layui-layer, .elem-style-neomorphic .elem-style-sicfi .layui-btn-primary.layui-layer, .elem-style-sicfi .elem-style-neomorphic .layui-btn-primary.layuimini-main, .elem-style-neomorphic .elem-style-sicfi .layui-btn-primary.layuimini-main, .elem-style-sicfi .elem-style-neomorphic .layui-table-tool .layui-btn-primary.layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-sicfi .layui-btn-primary.layui-inline[lay-event], .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layui-btn-primary, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layui-btn-primary, .elem-style-sicfi .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-primary.layui-inline[lay-event], .elem-style-nes .layuimini-container .layui-table-tool .elem-style-sicfi .layui-btn-primary.layui-inline[lay-event], .elem-style-sicfi .elem-style-gtk .layuimini-header-menu > li.layui-btn-primary.layui-nav-item, .elem-style-gtk .elem-style-sicfi .layuimini-header-menu > li.layui-btn-primary.layui-nav-item, .elem-style-sicfi .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-primary, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-sicfi li.layui-btn-primary, .elem-style-sicfi .elem-style-gtk .layui-laydate-footer span.layui-btn-primary, .elem-style-gtk .layui-laydate-footer .elem-style-sicfi span.layui-btn-primary, .elem-style-sicfi .elem-style-gtk .laydate-footer-btns span.layui-btn-primary, .elem-style-gtk .laydate-footer-btns .elem-style-sicfi span.layui-btn-primary, .elem-style-sicfi .elem-style-gtk .layuimini-container .layui-table-tool .layui-btn-primary.layui-inline[lay-event], .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-sicfi .layui-btn-primary.layui-inline[lay-event], .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-primary { + border: unset; +} +.elem-style-sicfi .layui-btn.layui-btn-normal, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layui-form-radio, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layui-form-radio, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layui-form-checkbox, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layui-form-checkbox, .elem-style-sicfi .elem-style-neomorphic .layui-form-select dl.layui-btn-normal, .elem-style-neomorphic .layui-form-select .elem-style-sicfi dl.layui-btn-normal, .elem-style-sicfi .elem-style-neomorphic .layui-header .layui-nav .layui-btn-normal.layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-sicfi .layui-btn-normal.layui-nav-item, .elem-style-sicfi .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-normal.layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-sicfi .layuimini-header-menu > .layui-btn-normal.layui-nav-item, .elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-normal, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-sicfi a.layui-btn-normal, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-normal, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-sicfi a.layui-btn-normal, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layui-side.layui-bg-black, +.elem-style-sicfi .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-normal, +.elem-style-neomorphic .elem-style-sicfi .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-normal, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-normal, +.elem-style-neomorphic .elem-style-sicfi .layuimini-menu-left-zoom > ul.layui-btn-normal, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layuimini-qiuck-module, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layuimini-qiuck-module, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.panel, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.panel, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layui-card, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layui-card, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layui-layer, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layui-layer, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layuimini-main, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layuimini-main, .elem-style-sicfi .elem-style-neomorphic .layui-table-tool .layui-btn-normal.layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-sicfi .layui-btn-normal.layui-inline[lay-event], .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layui-btn-normal, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layui-btn-normal, .elem-style-sicfi .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-normal.layui-inline[lay-event], .elem-style-nes .layuimini-container .layui-table-tool .elem-style-sicfi .layui-btn-normal.layui-inline[lay-event], .elem-style-sicfi .elem-style-gtk .layuimini-header-menu > li.layui-btn-normal.layui-nav-item, .elem-style-gtk .elem-style-sicfi .layuimini-header-menu > li.layui-btn-normal.layui-nav-item, .elem-style-sicfi .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-normal, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-sicfi li.layui-btn-normal, .elem-style-sicfi .elem-style-gtk .layui-laydate-footer span.layui-btn-normal, .elem-style-gtk .layui-laydate-footer .elem-style-sicfi span.layui-btn-normal, .elem-style-sicfi .elem-style-gtk .laydate-footer-btns span.layui-btn-normal, .elem-style-gtk .laydate-footer-btns .elem-style-sicfi span.layui-btn-normal, .elem-style-sicfi .elem-style-gtk .layuimini-container .layui-table-tool .layui-btn-normal.layui-inline[lay-event], .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-sicfi .layui-btn-normal.layui-inline[lay-event], .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-normal { + color: rgb(2, 17, 20); + background-color: rgb(126, 252, 246); + border: unset; +} +.elem-style-sicfi .layui-btn.layui-btn-normal::before, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layui-form-radio::before, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layui-form-radio::before, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layui-form-checkbox::before, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layui-form-checkbox::before, .elem-style-sicfi .elem-style-neomorphic .layui-form-select dl.layui-btn-normal::before, .elem-style-neomorphic .layui-form-select .elem-style-sicfi dl.layui-btn-normal::before, .elem-style-sicfi .elem-style-neomorphic .layui-header .layui-nav .layui-btn-normal.layui-nav-item::before, .elem-style-neomorphic .layui-header .layui-nav .elem-style-sicfi .layui-btn-normal.layui-nav-item::before, .elem-style-sicfi .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-normal.layui-nav-item::before, .elem-style-neomorphic .layui-header .elem-style-sicfi .layuimini-header-menu > .layui-btn-normal.layui-nav-item::before, .elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-normal::before, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-sicfi a.layui-btn-normal::before, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-normal::before, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-sicfi a.layui-btn-normal::before, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layui-side.layui-bg-black::before, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layui-side.layui-bg-black::before, +.elem-style-sicfi .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-normal::before, +.elem-style-neomorphic .elem-style-sicfi .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-normal::before, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-normal::before, +.elem-style-neomorphic .elem-style-sicfi .layuimini-menu-left-zoom > ul.layui-btn-normal::before, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layuimini-qiuck-module::before, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layuimini-qiuck-module::before, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.panel::before, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.panel::before, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layui-card::before, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layui-card::before, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layui-layer::before, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layui-layer::before, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layuimini-main::before, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layuimini-main::before, .elem-style-sicfi .elem-style-neomorphic .layui-table-tool .layui-btn-normal.layui-inline[lay-event]::before, .elem-style-neomorphic .layui-table-tool .elem-style-sicfi .layui-btn-normal.layui-inline[lay-event]::before, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layui-btn-normal::before, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layui-btn-normal::before, .elem-style-sicfi .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-normal.layui-inline[lay-event]::before, .elem-style-nes .layuimini-container .layui-table-tool .elem-style-sicfi .layui-btn-normal.layui-inline[lay-event]::before, .elem-style-sicfi .elem-style-gtk .layuimini-header-menu > li.layui-btn-normal.layui-nav-item::before, .elem-style-gtk .elem-style-sicfi .layuimini-header-menu > li.layui-btn-normal.layui-nav-item::before, .elem-style-sicfi .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-normal::before, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-sicfi li.layui-btn-normal::before, .elem-style-sicfi .elem-style-gtk .layui-laydate-footer span.layui-btn-normal::before, .elem-style-gtk .layui-laydate-footer .elem-style-sicfi span.layui-btn-normal::before, .elem-style-sicfi .elem-style-gtk .laydate-footer-btns span.layui-btn-normal::before, .elem-style-gtk .laydate-footer-btns .elem-style-sicfi span.layui-btn-normal::before, .elem-style-sicfi .elem-style-gtk .layuimini-container .layui-table-tool .layui-btn-normal.layui-inline[lay-event]::before, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-sicfi .layui-btn-normal.layui-inline[lay-event]::before, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-normal::before { + background-color: rgb(126, 252, 246); +} +.elem-style-sicfi .layui-btn.layui-btn-normal:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layui-form-radio:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layui-form-radio:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layui-form-checkbox:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layui-form-checkbox:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-form-select dl.layui-btn-normal:hover::after, .elem-style-neomorphic .layui-form-select .elem-style-sicfi dl.layui-btn-normal:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-header .layui-nav .layui-btn-normal.layui-nav-item:hover::after, .elem-style-neomorphic .layui-header .layui-nav .elem-style-sicfi .layui-btn-normal.layui-nav-item:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-normal.layui-nav-item:hover::after, .elem-style-neomorphic .layui-header .elem-style-sicfi .layuimini-header-menu > .layui-btn-normal.layui-nav-item:hover::after, .elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-normal:hover::after, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-sicfi a.layui-btn-normal:hover::after, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-normal:hover::after, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-sicfi a.layui-btn-normal:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layui-side.layui-bg-black:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layui-side.layui-bg-black:hover::after, +.elem-style-sicfi .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-normal:hover::after, +.elem-style-neomorphic .elem-style-sicfi .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-normal:hover::after, +.elem-style-sicfi .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-normal:hover::after, +.elem-style-neomorphic .elem-style-sicfi .layuimini-menu-left-zoom > ul.layui-btn-normal:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layuimini-qiuck-module:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layuimini-qiuck-module:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.panel:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.panel:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layui-card:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layui-card:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layui-layer:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layui-layer:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-btn-normal.layuimini-main:hover::after, .elem-style-neomorphic .elem-style-sicfi .layui-btn-normal.layuimini-main:hover::after, .elem-style-sicfi .elem-style-neomorphic .layui-table-tool .layui-btn-normal.layui-inline[lay-event]:hover::after, .elem-style-neomorphic .layui-table-tool .elem-style-sicfi .layui-btn-normal.layui-inline[lay-event]:hover::after, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layui-btn-normal:hover::after, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-sicfi a.layui-btn-normal:hover::after, .elem-style-sicfi .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-normal.layui-inline[lay-event]:hover::after, .elem-style-nes .layuimini-container .layui-table-tool .elem-style-sicfi .layui-btn-normal.layui-inline[lay-event]:hover::after, .elem-style-sicfi .elem-style-gtk .layuimini-header-menu > li.layui-btn-normal.layui-nav-item:hover::after, .elem-style-gtk .elem-style-sicfi .layuimini-header-menu > li.layui-btn-normal.layui-nav-item:hover::after, .elem-style-sicfi .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-normal:hover::after, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-sicfi li.layui-btn-normal:hover::after, .elem-style-sicfi .elem-style-gtk .layui-laydate-footer span.layui-btn-normal:hover::after, .elem-style-gtk .layui-laydate-footer .elem-style-sicfi span.layui-btn-normal:hover::after, .elem-style-sicfi .elem-style-gtk .laydate-footer-btns span.layui-btn-normal:hover::after, .elem-style-gtk .laydate-footer-btns .elem-style-sicfi span.layui-btn-normal:hover::after, .elem-style-sicfi .elem-style-gtk .layuimini-container .layui-table-tool .layui-btn-normal.layui-inline[lay-event]:hover::after, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-sicfi .layui-btn-normal.layui-inline[lay-event]:hover::after, .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-normal:hover::after { + background-color: rgb(126, 252, 246); +} +.elem-style-sicfi .layui-table { + background: rgb(2, 17, 20); + color: rgb(126, 252, 246); +} +.elem-style-sicfi .layui-table tr { + background-color: rgba(62, 251, 251, 0.05); +} +.elem-style-sicfi .layui-table td { + border-color: rgb(6, 216, 215); +} +.elem-style-sicfi .layui-table-header { + background-color: rgb(2, 17, 20); +} +.elem-style-sicfi .layuimini-container .layui-table-box { + border-color: rgb(6, 216, 215); +} +.elem-style-sicfi .layuimini-container .layui-table-box .layui-table-header th { + color: rgb(126, 252, 246) !important; +} +.elem-style-sicfi .layui-table-tool .layui-inline[lay-event] { + color: rgb(126, 252, 246); + border: none; + position: relative; +} +.elem-style-sicfi .layui-table-tool .layui-inline[lay-event]::after { + border-color: rgb(126, 252, 246); + border-width: 1px; + border-style: solid; + -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); + clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); + position: absolute; + left: 0; + top: 0; + width: calc(100% - 1px); + height: calc(100% - 1px); + content: ""; + display: block; +} +.elem-style-sicfi .layui-table tbody tr:hover { + background-color: rgba(126, 252, 246, 0.1); +} +.elem-style-sicfi .layuimini-main { + border-color: rgb(6, 216, 215); +} +.elem-style-sicfi .layui-table-header { + border-color: rgb(6, 216, 215); +} +.elem-style-sicfi .color-content > ul > li > a > div > span:nth-child(2) { + background-color: rgb(2, 17, 20) !important; +} +.elem-style-sicfi .layuimini-color .elem-content li { + -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); + clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); +} +.elem-style-sicfi .layuimini-color .elem-content li.layui-this { + background-color: rgb(126, 252, 246); + color: rgb(2, 17, 20) !important; + border-color: rgb(6, 216, 215); +} +.elem-style-sicfi .layuimini-color .more-menu-item { + color: rgb(126, 252, 246); +} +.elem-style-sicfi .layuimini-color .more-menu-item:hover { + background-color: rgba(62, 251, 251, 0.05); +} +.elem-style-sicfi .layui-layout-admin .layui-header { + background-color: rgba(62, 251, 251, 0.05) !important; +} +.elem-style-sicfi .layuimini-tab .layui-tab-title { + background-color: rgba(62, 251, 251, 0.05) !important; + border-color: rgb(6, 216, 215); +} +.elem-style-sicfi .layuimini-tab .layui-tab-title span { + color: rgba(62, 251, 251, 0.5); +} +.elem-style-sicfi .layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover, +.elem-style-sicfi .layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a { + color: rgb(2, 17, 20) !important; +} +.elem-style-sicfi .layui-layout-admin .layui-header .layui-nav .layui-nav-item a { + color: rgb(126, 252, 246) !important; +} +.elem-style-sicfi .layui-layout-admin .layui-header .layui-nav .layui-nav-item { + background-color: rgba(62, 251, 251, 0.5); +} +.elem-style-sicfi .layui-layout-admin .layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this, +.elem-style-sicfi .layuimini-tool i:hover { + background-color: rgb(126, 252, 246) !important; +} +.elem-style-sicfi .layuimini-tab .layui-tab-control > li { + background-color: rgb(2, 17, 20); + border-color: rgb(6, 216, 215); +} +.elem-style-sicfi .layuimini-tab .layui-tab-title li { + border-color: rgb(6, 216, 215); +} +.elem-style-sicfi .layui-flow-more a *, +.elem-style-sicfi .layui-laypage input, +.elem-style-sicfi .layui-table-view select[lay-ignore] { + border-color: rgb(6, 216, 215); + background-color: rgb(2, 17, 20); + color: rgb(126, 252, 246); +} +.elem-style-sicfi .layui-laypage button, +.elem-style-sicfi .layui-laypage input { + border-color: rgb(6, 216, 215); + background-color: rgb(2, 17, 20); + color: rgb(126, 252, 246); +} +.elem-style-sicfi .layuimini-container .layui-form-switch { + border-color: rgb(6, 216, 215) !important; + background-color: rgb(2, 17, 20) !important; +} +.elem-style-sicfi .layuimini-container .layui-form-onswitch { + background-color: rgb(126, 252, 246) !important; +} +.elem-style-sicfi .layuimini-container .layui-form-switch.layui-form-onswitch i { + background-color: rgb(2, 17, 20) !important; +} +.elem-style-sicfi .layuimini-container .layui-laypage .layui-laypage-curr .layui-laypage-em { + background-color: rgb(126, 252, 246) !important; +} +.elem-style-sicfi .layui-laypage .layui-laypage-curr em { + color: rgb(2, 17, 20) !important; +} +.elem-style-sicfi .layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active { + background-color: rgb(6, 216, 215); +} +.elem-style-sicfi .layui-table-view .layui-form-checkbox.layui-form-checked[lay-skin=primary] i { + border-color: rgb(126, 252, 246); + background-color: rgb(126, 252, 246); + color: rgb(2, 17, 20); +} +.elem-style-sicfi .layui-table-view .layui-form-checkbox[lay-skin=primary] i { + background-color: rgba(62, 251, 251, 0.05); +} +.elem-style-sicfi .layui-table-init { + background-color: rgb(2, 17, 20); +} +.elem-style-sicfi .box-border-line, .elem-style-sicfi .layui-card, .elem-style-sicfi .table-search-fieldset .layui-form-item:not(:last-child) { + position: relative; + border: 1px solid rgb(6, 216, 215); + border-width: 1px; +} +.elem-style-sicfi .box-border-line::before, .elem-style-sicfi .layui-card::before, .elem-style-sicfi .table-search-fieldset .layui-form-item:not(:last-child)::before { + content: ""; + position: absolute; + width: 50px; + height: 20px; + transition: all 0.2s; + border: 1px solid rgb(6, 216, 215); + top: -3px; + left: -3px; + border-right: none; + border-bottom: none; + pointer-events: none; +} +.elem-style-sicfi .box-border-line::after, .elem-style-sicfi .layui-card::after, .elem-style-sicfi .table-search-fieldset .layui-form-item:not(:last-child)::after { + content: ""; + position: absolute; + width: 50px; + height: 20px; + transition: all 0.2s; + border: 1px solid rgb(6, 216, 215); + bottom: -3px; + right: -3px; + border-left: none; + border-top: none; + pointer-events: none; +} +.elem-style-sicfi .box-border-line:hover::after, .elem-style-sicfi .layui-card:hover::after, .elem-style-sicfi .table-search-fieldset .layui-form-item:hover:not(:last-child)::after, .elem-style-sicfi .box-border-line:hover::before, .elem-style-sicfi .layui-card:hover::before, .elem-style-sicfi .table-search-fieldset .layui-form-item:hover:not(:last-child)::before { + width: calc(100% + 3px); + height: calc(100% + 3px); +} +.elem-style-sicfi .table-search-fieldset .layui-input-inline { + margin-right: 0; +} +.elem-style-sicfi .table-search-fieldset .layui-form-item:not(:last-child) { + margin-right: 10px; +} +.elem-style-sicfi .table-search-fieldset .layui-form-label { + border: unset; +} +.elem-style-sicfi .layui-form-pane .layui-form-label { + background-color: rgba(62, 251, 251, 0.05); + color: rgb(126, 252, 246); +} +.elem-style-sicfi .layuimini-container .table-search-fieldset { + color: rgb(126, 252, 246); + border-color: rgb(6, 216, 215); +} +.elem-style-sicfi .layui-form-select dl, +.elem-style-sicfi .layui-form-autocomplete dl { + color: rgb(126, 252, 246); + background-color: rgb(2, 17, 20); + border-color: rgb(6, 216, 215); +} +.elem-style-sicfi .layui-form-select dl dd.layui-this, +.elem-style-sicfi .layui-form-autocomplete dl dd.layui-this { + background-color: rgb(126, 252, 246) !important; + color: rgb(2, 17, 20); +} +.elem-style-sicfi .layui-form-select dl dd:hover, +.elem-style-sicfi .layui-form-autocomplete dl dd:hover { + background-color: rgb(6, 216, 215) !important; + color: rgb(2, 17, 20); +} +.elem-style-sicfi .layui-iconpicker-item, +.elem-style-sicfi .layui-iconpicker-item:hover { + border-color: rgb(6, 216, 215) !important; + color: rgb(2, 17, 20); +} +.elem-style-sicfi .layui-iconpicker-item .layui-iconpicker-icon:hover, +.elem-style-sicfi .layui-iconpicker-item:hover .layui-iconpicker-icon:hover { + border-color: rgb(6, 216, 215) !important; +} +.elem-style-sicfi .layui-nav-child { + background-color: rgb(2, 17, 20); + color: rgb(126, 252, 246); +} +.elem-style-sicfi .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a { + color: rgb(126, 252, 246) !important; +} +.elem-style-sicfi .layui-badge, +.elem-style-sicfi .layui-badge-dot, +.elem-style-sicfi .layui-badge-rim { + background-color: rgb(126, 252, 246); +} +.elem-style-sicfi .layui-nav .layui-nav-child a:hover { + background-color: rgba(62, 251, 251, 0.5); +} +.elem-style-sicfi .layui-table-tool-panel { + background-color: rgb(2, 17, 20); +} +.elem-style-sicfi .layui-form-checkbox[lay-skin=primary] span { + color: rgb(126, 252, 246); +} +.elem-style-sicfi .layui-table-tool-panel li:hover { + background-color: rgba(62, 251, 251, 0.5); +} +.elem-style-sicfi .layui-side.layui-bg-black, +.elem-style-sicfi .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-sicfi .layuimini-menu-left-zoom > ul { + background-color: rgb(2, 17, 20) !important; +} +.elem-style-sicfi .layui-side { + border-right: 1px solid rgb(126, 252, 246); +} +.elem-style-sicfi .layui-bg-blue { + background-color: #0000ff !important; +} +.elem-style-sicfi .layui-bg-orange { + background-color: rgb(255, 255, 153) !important; + color: rgb(2, 17, 20) !important; +} +.elem-style-sicfi .layui-bg-green { + background-color: rgb(0, 255, 0) !important; + color: rgb(2, 17, 20) !important; +} +.elem-style-sicfi .layui-table-hover { + background-color: rgba(62, 251, 251, 0.05); +} +.elem-style-sicfi .layui-table-grid-down { + background-color: rgb(2, 17, 20); + color: rgb(126, 252, 246); + border-color: unset; +} +.elem-style-sicfi .layui-table-tips-main { + background-color: rgb(126, 252, 246); + color: rgb(2, 17, 20); +} +.elem-style-sicfi .layui-layout-admin .layui-header .layuimini-tool i { + color: rgb(126, 252, 246); +} +.elem-style-sicfi .color-red { + color: rgb(255, 0, 0) !important; +} +.elem-style-sicfi .layuimini-tab .layui-tab-title .layui-this span { + color: rgb(126, 252, 246); +} +.elem-style-sicfi .layui-card { + background-color: rgba(62, 251, 251, 0.05); + border-radius: 0; +} +.elem-style-sicfi .layui-card .layui-card-header { + color: rgb(126, 252, 246); +} +.elem-style-sicfi .layui-text { + color: rgb(126, 252, 246); +} +.elem-style-sicfi .layuimini-qiuck-module { + cursor: pointer; +} +.elem-style-sicfi .layuimini-qiuck-module a i { + background-color: rgba(62, 251, 251, 0.05); + color: rgba(62, 251, 251, 0.5); +} +.elem-style-sicfi .layuimini-qiuck-module a cite { + color: rgba(62, 251, 251, 0.5); +} +.elem-style-sicfi .layuimini-qiuck-module:hover a i { + background-color: rgba(62, 251, 251, 0.5); + color: rgb(126, 252, 246); +} +.elem-style-sicfi .layuimini-qiuck-module:hover a cite { + color: rgb(126, 252, 246); +} +.elem-style-sicfi .layui-bg-number { + background-color: rgba(62, 251, 251, 0.05); +} +.elem-style-sicfi .layui-input, +.elem-style-sicfi .layui-select, +.elem-style-sicfi .layui-textarea, +.elem-style-sicfi .city-picker-span, +.elem-style-sicfi .main-input { + background-color: rgba(62, 251, 251, 0.05); + color: rgb(126, 252, 246); +} +.elem-style-sicfi .city-picker-span > .title > span { + color: rgb(126, 252, 246); +} +.elem-style-sicfi .city-picker-span > .title > span:hover { + background-color: rgb(126, 252, 246); + color: rgb(2, 17, 20); +} +.elem-style-sicfi .layui-form-radio:hover *, +.elem-style-sicfi .layui-form-radioed, +.elem-style-sicfi .layui-form-radioed > i { + color: rgb(126, 252, 246); +} +.elem-style-sicfi .layui-form-checked[lay-skin=primary] i { + border-color: rgb(126, 252, 246) !important; + background-color: rgb(126, 252, 246); + color: rgb(2, 17, 20); +} +.elem-style-sicfi .layui-input:focus, +.elem-style-sicfi .layui-textarea:focus { + border-color: rgb(126, 252, 246) !important; +} +.elem-style-sicfi .layui-input:hover, +.elem-style-sicfi .layui-textarea:hover { + border-color: rgb(126, 252, 246) !important; +} +.elem-style-sicfi .layui-badge-rim, +.elem-style-sicfi .layui-border, +.elem-style-sicfi .layui-colla-content, +.elem-style-sicfi .layui-colla-item, +.elem-style-sicfi .layui-collapse, +.elem-style-sicfi .layui-elem-field, +.elem-style-sicfi .layui-form-pane .layui-form-item[pane], +.elem-style-sicfi .layui-form-pane .layui-form-label, +.elem-style-sicfi .layui-input, +.elem-style-sicfi .layui-layedit, +.elem-style-sicfi .layui-layedit-tool, +.elem-style-sicfi .layui-panel, +.elem-style-sicfi .layui-quote-nm, +.elem-style-sicfi .layui-select, +.elem-style-sicfi .layui-tab-bar, +.elem-style-sicfi .layui-tab-card, +.elem-style-sicfi .layui-tab-title, +.elem-style-sicfi .layui-tab-title .layui-this::after, +.elem-style-sicfi .layui-textarea { + border-color: rgb(126, 252, 246) !important; +} +.elem-style-sicfi .form-search .layui-input-inline input, +.elem-style-sicfi .form-search .layui-input-inline select { + border-width: 0 0 0 1px; +} +.elem-style-sicfi .layuimini-tab .layui-tab-tool .layui-nav-child { + border-color: rgb(126, 252, 246); +} +.elem-style-sicfi .layui-nav .layui-nav-child a { + color: rgb(126, 252, 246); +} +.elem-style-sicfi .layui-form-item { + margin-bottom: 12px; +} +.elem-style-sicfi .layuimini-upload .layuimini-upload-btn { + background-color: rgb(2, 17, 20); +} +.elem-style-sicfi .layui-layer { + border: 1px solid rgb(126, 252, 246); + background-color: rgb(2, 17, 20); +} +.elem-style-sicfi .layui-layer-easy .layui-layer-title { + background-color: rgb(0, 125, 124) !important; + color: rgb(126, 252, 246) !important; +} +.elem-style-sicfi .layui-table td, +.elem-style-sicfi .layui-table th, +.elem-style-sicfi .layui-table-col-set, +.elem-style-sicfi .layui-table-fixed-r, +.elem-style-sicfi .layui-table-grid-down, +.elem-style-sicfi .layui-table-header, +.elem-style-sicfi .layui-table-page, +.elem-style-sicfi .layui-table-tips-main, +.elem-style-sicfi .layui-table-tool, +.elem-style-sicfi .layui-table-total, +.elem-style-sicfi .layui-table-view, +.elem-style-sicfi .layui-table[lay-skin=line], +.elem-style-sicfi .layui-table[lay-skin=row] { + border-color: rgb(6, 216, 215); +} +.elem-style-sicfi .layui-table tbody tr:hover, +.elem-style-sicfi .layui-table thead tr, +.elem-style-sicfi .layui-table-click, +.elem-style-sicfi .layui-table-header, +.elem-style-sicfi .layui-table-hover, +.elem-style-sicfi .layui-table-mend, +.elem-style-sicfi .layui-table-patch, +.elem-style-sicfi .layui-table-tool, +.elem-style-sicfi .layui-table-total, +.elem-style-sicfi .layui-table-total tr { + background-color: rgb(2, 17, 20); +} +.elem-style-sicfi .hr-line { + color: rgb(126, 252, 246); + border-color: rgb(6, 216, 215); + background-color: rgb(126, 252, 246); +} +.elem-style-sicfi .layui-layer-easy .layui-layer-btn { + background-color: rgb(2, 17, 20); + border-top: 1px solid rgb(6, 216, 215); +} +.elem-style-sicfi .layui-layer-easy .layui-layer-btn .layui-layer-btn0 { + background-color: rgb(126, 252, 246); + border-color: rgb(6, 216, 215); + color: rgb(126, 252, 246) !important; + -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); + clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); +} +.elem-style-sicfi .layui-layer-shade { + background-color: #fff !important; +} +.elem-style-sicfi .layuimini-menu-left .layui-nav-tree .layui-nav-item { + margin: 5px; + width: calc(100% - 10px); +} +.elem-style-sicfi .layuimini-menu-left .layui-nav .layui-nav-item { + -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); + clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0); + color: rgb(126, 252, 246); + background-color: rgba(62, 251, 251, 0.5); +} +.elem-style-sicfi .layuimini-menu-left .layui-nav .layui-nav-item.layui-this a { + background-color: rgb(126, 252, 246) !important; + color: rgb(2, 17, 20) !important; +} +.elem-style-sicfi .layuimini-menu-left .layui-nav .layui-nav-item.layui-this { + background-color: rgb(126, 252, 246) !important; + color: rgb(2, 17, 20) !important; +} +.elem-style-sicfi .layuimini-menu-left .layui-nav .layui-nav-item.layui-this span { + background-color: rgb(126, 252, 246) !important; + color: rgb(2, 17, 20) !important; +} +.elem-style-sicfi .layuimini-menu-left .layui-nav .layui-nav-item a:hover { + background-color: rgba(62, 251, 251, 0.5) !important; +} +.elem-style-sicfi .layuimini-menu-left .layui-nav .layui-nav-item a, +.elem-style-sicfi .layuimini-menu-left-zoom.layui-nav .layui-nav-item a { + color: rgb(126, 252, 246) !important; +} +.elem-style-sicfi .layuimini-menu-left .layui-nav-item a span { + color: rgb(126, 252, 246) !important; +} +.elem-style-sicfi .layuimini-menu-left .layui-nav-item:hover a span { + color: rgb(2, 17, 20) !important; +} +.elem-style-sicfi .layui-layout-admin .layuimini-logo { + background-color: rgb(2, 17, 20) !important; +} +.elem-style-sicfi .layuimini-menu-left .layui-nav-itemed > .layui-nav-child { + background-color: rgb(2, 17, 20) !important; +} +.elem-style-sicfi .layuimini-menu-left .layui-nav-tree .layui-this, +.elem-style-sicfi .layuimini-menu-left .layui-nav-tree .layui-this > a, +.elem-style-sicfi .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this, +.elem-style-sicfi .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a, +.elem-style-sicfi .layuimini-menu-left-zoom.layui-nav-tree .layui-this, +.elem-style-sicfi .layuimini-menu-left-zoom.layui-nav-tree .layui-this > a, +.elem-style-sicfi .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this, +.elem-style-sicfi .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a { + background-color: rgb(126, 252, 246) !important; + color: rgb(2, 17, 20) !important; +} +.elem-style-sicfi .layuimini-menu-left .layui-nav-tree .layui-this .layui-left-nav, +.elem-style-sicfi .layuimini-menu-left .layui-nav-tree .layui-this > a .layui-left-nav, +.elem-style-sicfi .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this .layui-left-nav, +.elem-style-sicfi .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a .layui-left-nav, +.elem-style-sicfi .layuimini-menu-left-zoom.layui-nav-tree .layui-this .layui-left-nav, +.elem-style-sicfi .layuimini-menu-left-zoom.layui-nav-tree .layui-this > a .layui-left-nav, +.elem-style-sicfi .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this .layui-left-nav, +.elem-style-sicfi .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a .layui-left-nav { + color: rgb(2, 17, 20) !important; +} +.elem-style-sicfi .layui-iconpicker-icon { + border-color: rgb(6, 216, 215) !important; + background-color: rgb(6, 216, 215) !important; +} +.elem-style-sicfi .layui-iconpicker .layui-anim { + background-color: rgb(2, 17, 20); +} +.elem-style-sicfi .layui-iconpicker .layui-iconpicker-list { + background-color: rgb(2, 17, 20); +} +.elem-style-sicfi .layui-header .layui-nav .layui-nav-child dd.layui-this a, +.elem-style-sicfi .layui-header .layui-nav-child dd.layui-this, +.elem-style-sicfi .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a { + background-color: rgba(62, 251, 251, 0.5) !important; +} + +.elem-style-gtk { + background-color: #f6f5f4; + color: #2e3436; +} +.elem-style-gtk .layuimini-main { + padding: 0; +} +.elem-style-gtk .layuimini-container .layui-table-box .layui-table-header th { + color: #979a9b !important; + font-weight: 700 !important; + font-weight: bold; + text-shadow: none; + border-color: #d7d2ce; + border-bottom: 1px solid; +} +.elem-style-gtk .layuimini-container .layui-table-box .layui-table-header th:not(:last-child) { + border-right: 1px solid #d7d2ce; +} +.elem-style-gtk .layui-table-view .layui-table td { + border-bottom: unset; +} +.elem-style-gtk .layui-table-view .layui-table td:not(:last-child) { + border-right: 1px solid #d7d2ce; +} +.elem-style-gtk .layui-table { + color: #2e3436; + background: #f6f5f4; +} +.elem-style-gtk .layui-table-view .layui-table[lay-size=sm] .layui-table-cell { + line-height: 30px; +} +.elem-style-gtk .layui-table tbody tr:hover, +.elem-style-gtk .layui-table thead tr, +.elem-style-gtk .layui-table-click, +.elem-style-gtk .layui-table-header, +.elem-style-gtk .layui-table-hover, +.elem-style-gtk .layui-table-mend, +.elem-style-gtk .layui-table-patch, +.elem-style-gtk .layui-table-tool, +.elem-style-gtk .layui-table-total, +.elem-style-gtk .layui-table-total tr { + background-color: unset; +} +.elem-style-gtk .layui-table-cell { + padding: 0 4px; +} +.elem-style-gtk .layui-table img { + height: 25px !important; + width: auto !important; +} +.elem-style-gtk .layui-btn, .elem-style-gtk .elem-style-neomorphic .layui-form-radio, .elem-style-neomorphic .elem-style-gtk .layui-form-radio, .elem-style-gtk .elem-style-neomorphic .layui-form-checkbox, .elem-style-neomorphic .elem-style-gtk .layui-form-checkbox, .elem-style-gtk .elem-style-neomorphic .layui-form-select dl, .elem-style-neomorphic .layui-form-select .elem-style-gtk dl, .elem-style-gtk .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-gtk .layui-nav-item, .elem-style-gtk .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-gtk .layuimini-header-menu > .layui-nav-item, .elem-style-gtk .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-gtk a, +.elem-style-gtk .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-gtk a, .elem-style-gtk .elem-style-neomorphic .layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-gtk .layui-side.layui-bg-black, +.elem-style-gtk .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-neomorphic .elem-style-gtk .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-gtk .elem-style-neomorphic .layuimini-menu-left-zoom > ul, +.elem-style-neomorphic .elem-style-gtk .layuimini-menu-left-zoom > ul, .elem-style-gtk .elem-style-neomorphic .layuimini-qiuck-module, .elem-style-neomorphic .elem-style-gtk .layuimini-qiuck-module, .elem-style-gtk .elem-style-neomorphic .panel, .elem-style-neomorphic .elem-style-gtk .panel, .elem-style-gtk .elem-style-neomorphic .layui-card, .elem-style-neomorphic .elem-style-gtk .layui-card, .elem-style-gtk .elem-style-neomorphic .layui-layer, .elem-style-neomorphic .elem-style-gtk .layui-layer, .elem-style-gtk .elem-style-neomorphic .layuimini-main, .elem-style-neomorphic .elem-style-gtk .layuimini-main, .elem-style-gtk .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-gtk .layui-inline[lay-event], .elem-style-gtk .elem-style-win7 .layui-layer-easy .layui-layer-btn a, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-gtk a, .elem-style-gtk .elem-style-nes .layui-layer-easy .layui-layer-btn a, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-gtk a, .elem-style-nes .layuimini-container .layui-table-tool .elem-style-gtk .layui-inline[lay-event], .elem-style-gtk .layuimini-header-menu > li.layui-nav-item, .elem-style-gtk .layui-tab-brief > .layui-tab-title li, .elem-style-gtk .layui-laydate-footer span, .elem-style-gtk .laydate-footer-btns span, .elem-style-gtk .layuimini-container .layui-table-tool .layui-inline[lay-event], .elem-style-gtk .elem-style-sicfi .layui-layer-easy .layui-layer-btn a, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-gtk a { + position: relative; + outline: none; + overflow: visible; + line-height: 28px; + border-radius: 5px; + transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94); + padding: 4px 9px; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + color: #2e3436; + outline-color: rgba(53, 132, 228, 0.5); + border: 1px solid #cdc7c2; + border-bottom-color: rgb(205, 199, 194); + border-bottom-color: #bfb8b1; + background-color: #f6f5f4; + box-shadow: inset 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.07); +} +.elem-style-gtk .layui-btn::before, .elem-style-gtk .elem-style-neomorphic .layui-form-radio::before, .elem-style-neomorphic .elem-style-gtk .layui-form-radio::before, .elem-style-gtk .elem-style-neomorphic .layui-form-checkbox::before, .elem-style-neomorphic .elem-style-gtk .layui-form-checkbox::before, .elem-style-gtk .elem-style-neomorphic .layui-form-select dl::before, .elem-style-neomorphic .layui-form-select .elem-style-gtk dl::before, .elem-style-gtk .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item::before, .elem-style-neomorphic .layui-header .layui-nav .elem-style-gtk .layui-nav-item::before, .elem-style-gtk .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item::before, .elem-style-neomorphic .layui-header .elem-style-gtk .layuimini-header-menu > .layui-nav-item::before, .elem-style-gtk .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a::before, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-gtk a::before, +.elem-style-gtk .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a::before, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-gtk a::before, .elem-style-gtk .elem-style-neomorphic .layui-side.layui-bg-black::before, .elem-style-neomorphic .elem-style-gtk .layui-side.layui-bg-black::before, +.elem-style-gtk .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul::before, +.elem-style-neomorphic .elem-style-gtk .layui-side.layui-bg-black > .layuimini-menu-left > ul::before, +.elem-style-gtk .elem-style-neomorphic .layuimini-menu-left-zoom > ul::before, +.elem-style-neomorphic .elem-style-gtk .layuimini-menu-left-zoom > ul::before, .elem-style-gtk .elem-style-neomorphic .layuimini-qiuck-module::before, .elem-style-neomorphic .elem-style-gtk .layuimini-qiuck-module::before, .elem-style-gtk .elem-style-neomorphic .panel::before, .elem-style-neomorphic .elem-style-gtk .panel::before, .elem-style-gtk .elem-style-neomorphic .layui-card::before, .elem-style-neomorphic .elem-style-gtk .layui-card::before, .elem-style-gtk .elem-style-neomorphic .layui-layer::before, .elem-style-neomorphic .elem-style-gtk .layui-layer::before, .elem-style-gtk .elem-style-neomorphic .layuimini-main::before, .elem-style-neomorphic .elem-style-gtk .layuimini-main::before, .elem-style-gtk .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event]::before, .elem-style-neomorphic .layui-table-tool .elem-style-gtk .layui-inline[lay-event]::before, .elem-style-gtk .elem-style-win7 .layui-layer-easy .layui-layer-btn a::before, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-gtk a::before, .elem-style-gtk .elem-style-nes .layui-layer-easy .layui-layer-btn a::before, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-gtk a::before, .elem-style-nes .layuimini-container .layui-table-tool .elem-style-gtk .layui-inline[lay-event]::before, .elem-style-gtk .layuimini-header-menu > li.layui-nav-item::before, .elem-style-gtk .layui-tab-brief > .layui-tab-title li::before, .elem-style-gtk .layui-laydate-footer span::before, .elem-style-gtk .laydate-footer-btns span::before, .elem-style-gtk .layuimini-container .layui-table-tool .layui-inline[lay-event]::before, .elem-style-gtk .elem-style-sicfi .layui-layer-easy .layui-layer-btn a::before, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-gtk a::before { + content: " "; + position: absolute; + pointer-events: none; + width: 100%; + height: 100%; + top: 0px; + left: 0px; + background: linear-gradient(to top, rgba(0, 0, 0, 0.03), transparent); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} +.elem-style-gtk .layui-btn::after, .elem-style-gtk .elem-style-neomorphic .layui-form-radio::after, .elem-style-neomorphic .elem-style-gtk .layui-form-radio::after, .elem-style-gtk .elem-style-neomorphic .layui-form-checkbox::after, .elem-style-neomorphic .elem-style-gtk .layui-form-checkbox::after, .elem-style-gtk .elem-style-neomorphic .layui-form-select dl::after, .elem-style-neomorphic .layui-form-select .elem-style-gtk dl::after, .elem-style-gtk .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item::after, .elem-style-neomorphic .layui-header .layui-nav .elem-style-gtk .layui-nav-item::after, .elem-style-gtk .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item::after, .elem-style-neomorphic .layui-header .elem-style-gtk .layuimini-header-menu > .layui-nav-item::after, .elem-style-gtk .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a::after, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-gtk a::after, +.elem-style-gtk .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a::after, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-gtk a::after, .elem-style-gtk .elem-style-neomorphic .layui-side.layui-bg-black::after, .elem-style-neomorphic .elem-style-gtk .layui-side.layui-bg-black::after, +.elem-style-gtk .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul::after, +.elem-style-neomorphic .elem-style-gtk .layui-side.layui-bg-black > .layuimini-menu-left > ul::after, +.elem-style-gtk .elem-style-neomorphic .layuimini-menu-left-zoom > ul::after, +.elem-style-neomorphic .elem-style-gtk .layuimini-menu-left-zoom > ul::after, .elem-style-gtk .elem-style-neomorphic .layuimini-qiuck-module::after, .elem-style-neomorphic .elem-style-gtk .layuimini-qiuck-module::after, .elem-style-gtk .elem-style-neomorphic .panel::after, .elem-style-neomorphic .elem-style-gtk .panel::after, .elem-style-gtk .elem-style-neomorphic .layui-card::after, .elem-style-neomorphic .elem-style-gtk .layui-card::after, .elem-style-gtk .elem-style-neomorphic .layui-layer::after, .elem-style-neomorphic .elem-style-gtk .layui-layer::after, .elem-style-gtk .elem-style-neomorphic .layuimini-main::after, .elem-style-neomorphic .elem-style-gtk .layuimini-main::after, .elem-style-gtk .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event]::after, .elem-style-neomorphic .layui-table-tool .elem-style-gtk .layui-inline[lay-event]::after, .elem-style-gtk .elem-style-win7 .layui-layer-easy .layui-layer-btn a::after, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-gtk a::after, .elem-style-gtk .elem-style-nes .layui-layer-easy .layui-layer-btn a::after, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-gtk a::after, .elem-style-nes .layuimini-container .layui-table-tool .elem-style-gtk .layui-inline[lay-event]::after, .elem-style-gtk .layuimini-header-menu > li.layui-nav-item::after, .elem-style-gtk .layui-tab-brief > .layui-tab-title li::after, .elem-style-gtk .layui-laydate-footer span::after, .elem-style-gtk .laydate-footer-btns span::after, .elem-style-gtk .layuimini-container .layui-table-tool .layui-inline[lay-event]::after, .elem-style-gtk .elem-style-sicfi .layui-layer-easy .layui-layer-btn a::after, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-gtk a::after { + content: ""; + position: absolute; + pointer-events: none; + z-index: 2; + display: inline-block; + border: 2px solid transparent; + border-radius: inherit; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + top: -4px; + left: -4px; + width: calc(100% + 4px); + height: calc(100% + 4px); +} +.elem-style-gtk .layui-btn.layui-btn-normal, .elem-style-gtk .elem-style-neomorphic .layui-btn-normal.layui-form-radio, .elem-style-neomorphic .elem-style-gtk .layui-btn-normal.layui-form-radio, .elem-style-gtk .elem-style-neomorphic .layui-btn-normal.layui-form-checkbox, .elem-style-neomorphic .elem-style-gtk .layui-btn-normal.layui-form-checkbox, .elem-style-gtk .elem-style-neomorphic .layui-form-select dl.layui-btn-normal, .elem-style-neomorphic .layui-form-select .elem-style-gtk dl.layui-btn-normal, .elem-style-gtk .elem-style-neomorphic .layui-header .layui-nav .layui-btn-normal.layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-gtk .layui-btn-normal.layui-nav-item, .elem-style-gtk .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-normal.layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-gtk .layuimini-header-menu > .layui-btn-normal.layui-nav-item, .elem-style-gtk .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-normal, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-gtk a.layui-btn-normal, +.elem-style-gtk .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-normal, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-gtk a.layui-btn-normal, .elem-style-gtk .elem-style-neomorphic .layui-btn-normal.layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-gtk .layui-btn-normal.layui-side.layui-bg-black, +.elem-style-gtk .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-normal, +.elem-style-neomorphic .elem-style-gtk .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-normal, +.elem-style-gtk .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-normal, +.elem-style-neomorphic .elem-style-gtk .layuimini-menu-left-zoom > ul.layui-btn-normal, .elem-style-gtk .elem-style-neomorphic .layui-btn-normal.layuimini-qiuck-module, .elem-style-neomorphic .elem-style-gtk .layui-btn-normal.layuimini-qiuck-module, .elem-style-gtk .elem-style-neomorphic .layui-btn-normal.panel, .elem-style-neomorphic .elem-style-gtk .layui-btn-normal.panel, .elem-style-gtk .elem-style-neomorphic .layui-btn-normal.layui-card, .elem-style-neomorphic .elem-style-gtk .layui-btn-normal.layui-card, .elem-style-gtk .elem-style-neomorphic .layui-btn-normal.layui-layer, .elem-style-neomorphic .elem-style-gtk .layui-btn-normal.layui-layer, .elem-style-gtk .elem-style-neomorphic .layui-btn-normal.layuimini-main, .elem-style-neomorphic .elem-style-gtk .layui-btn-normal.layuimini-main, .elem-style-gtk .elem-style-neomorphic .layui-table-tool .layui-btn-normal.layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-gtk .layui-btn-normal.layui-inline[lay-event], .elem-style-gtk .elem-style-win7 .layui-layer-easy .layui-layer-btn a.layui-btn-normal, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-gtk a.layui-btn-normal, .elem-style-gtk .elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-btn-normal, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-gtk a.layui-btn-normal, .elem-style-nes .layuimini-container .layui-table-tool .elem-style-gtk .layui-btn-normal.layui-inline[lay-event], .elem-style-gtk .layuimini-header-menu > li.layui-btn-normal.layui-nav-item, .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-normal, .elem-style-gtk .layui-laydate-footer span.layui-btn-normal, .elem-style-gtk .laydate-footer-btns span.layui-btn-normal, .elem-style-gtk .layuimini-container .layui-table-tool .layui-btn-normal.layui-inline[lay-event], .elem-style-gtk .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-normal, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-gtk a.layui-btn-normal { + color: #fff; + border-color: #1b6acb #1b6acb #15539e; + background-color: #3c88e5; + box-shadow: inset 0 1px #3181e3, 0 1px 2px rgba(0, 0, 0, 0.07); +} +.elem-style-gtk .layui-btn.layui-btn-danger, .elem-style-gtk .elem-style-neomorphic .layui-btn-danger.layui-form-radio, .elem-style-neomorphic .elem-style-gtk .layui-btn-danger.layui-form-radio, .elem-style-gtk .elem-style-neomorphic .layui-btn-danger.layui-form-checkbox, .elem-style-neomorphic .elem-style-gtk .layui-btn-danger.layui-form-checkbox, .elem-style-gtk .elem-style-neomorphic .layui-form-select dl.layui-btn-danger, .elem-style-neomorphic .layui-form-select .elem-style-gtk dl.layui-btn-danger, .elem-style-gtk .elem-style-neomorphic .layui-header .layui-nav .layui-btn-danger.layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-gtk .layui-btn-danger.layui-nav-item, .elem-style-gtk .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-danger.layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-gtk .layuimini-header-menu > .layui-btn-danger.layui-nav-item, .elem-style-gtk .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-danger, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-gtk a.layui-btn-danger, +.elem-style-gtk .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-danger, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-gtk a.layui-btn-danger, .elem-style-gtk .elem-style-neomorphic .layui-btn-danger.layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-gtk .layui-btn-danger.layui-side.layui-bg-black, +.elem-style-gtk .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-danger, +.elem-style-neomorphic .elem-style-gtk .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-danger, +.elem-style-gtk .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-danger, +.elem-style-neomorphic .elem-style-gtk .layuimini-menu-left-zoom > ul.layui-btn-danger, .elem-style-gtk .elem-style-neomorphic .layui-btn-danger.layuimini-qiuck-module, .elem-style-neomorphic .elem-style-gtk .layui-btn-danger.layuimini-qiuck-module, .elem-style-gtk .elem-style-neomorphic .layui-btn-danger.panel, .elem-style-neomorphic .elem-style-gtk .layui-btn-danger.panel, .elem-style-gtk .elem-style-neomorphic .layui-btn-danger.layui-card, .elem-style-neomorphic .elem-style-gtk .layui-btn-danger.layui-card, .elem-style-gtk .elem-style-neomorphic .layui-btn-danger.layui-layer, .elem-style-neomorphic .elem-style-gtk .layui-btn-danger.layui-layer, .elem-style-gtk .elem-style-neomorphic .layui-btn-danger.layuimini-main, .elem-style-neomorphic .elem-style-gtk .layui-btn-danger.layuimini-main, .elem-style-gtk .elem-style-neomorphic .layui-table-tool .layui-btn-danger.layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-gtk .layui-btn-danger.layui-inline[lay-event], .elem-style-gtk .elem-style-win7 .layui-layer-easy .layui-layer-btn a.layui-btn-danger, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-gtk a.layui-btn-danger, .elem-style-gtk .elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-btn-danger, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-gtk a.layui-btn-danger, .elem-style-nes .layuimini-container .layui-table-tool .elem-style-gtk .layui-btn-danger.layui-inline[lay-event], .elem-style-gtk .layuimini-header-menu > li.layui-btn-danger.layui-nav-item, .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-danger, .elem-style-gtk .layui-laydate-footer span.layui-btn-danger, .elem-style-gtk .laydate-footer-btns span.layui-btn-danger, .elem-style-gtk .layuimini-container .layui-table-tool .layui-btn-danger.layui-inline[lay-event], .elem-style-gtk .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-danger, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-gtk a.layui-btn-danger { + color: #fff; + border-color: #b2161d #b2161d #851015; + background-color: #e41f28; + box-shadow: inset 0 1px #db1a23, 0 1px 2px rgba(0, 0, 0, 0.07); +} +.elem-style-gtk .layui-btn.layui-btn-sm, .elem-style-gtk .elem-style-neomorphic .layui-btn-sm.layui-form-radio, .elem-style-neomorphic .elem-style-gtk .layui-btn-sm.layui-form-radio, .elem-style-gtk .elem-style-neomorphic .layui-btn-sm.layui-form-checkbox, .elem-style-neomorphic .elem-style-gtk .layui-btn-sm.layui-form-checkbox, .elem-style-gtk .elem-style-neomorphic .layui-form-select dl.layui-btn-sm, .elem-style-neomorphic .layui-form-select .elem-style-gtk dl.layui-btn-sm, .elem-style-gtk .elem-style-neomorphic .layui-header .layui-nav .layui-btn-sm.layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-gtk .layui-btn-sm.layui-nav-item, .elem-style-gtk .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-sm.layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-gtk .layuimini-header-menu > .layui-btn-sm.layui-nav-item, .elem-style-gtk .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-sm, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-gtk a.layui-btn-sm, +.elem-style-gtk .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-sm, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-gtk a.layui-btn-sm, .elem-style-gtk .elem-style-neomorphic .layui-btn-sm.layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-gtk .layui-btn-sm.layui-side.layui-bg-black, +.elem-style-gtk .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-sm, +.elem-style-neomorphic .elem-style-gtk .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-sm, +.elem-style-gtk .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-sm, +.elem-style-neomorphic .elem-style-gtk .layuimini-menu-left-zoom > ul.layui-btn-sm, .elem-style-gtk .elem-style-neomorphic .layui-btn-sm.layuimini-qiuck-module, .elem-style-neomorphic .elem-style-gtk .layui-btn-sm.layuimini-qiuck-module, .elem-style-gtk .elem-style-neomorphic .layui-btn-sm.panel, .elem-style-neomorphic .elem-style-gtk .layui-btn-sm.panel, .elem-style-gtk .elem-style-neomorphic .layui-btn-sm.layui-card, .elem-style-neomorphic .elem-style-gtk .layui-btn-sm.layui-card, .elem-style-gtk .elem-style-neomorphic .layui-btn-sm.layui-layer, .elem-style-neomorphic .elem-style-gtk .layui-btn-sm.layui-layer, .elem-style-gtk .elem-style-neomorphic .layui-btn-sm.layuimini-main, .elem-style-neomorphic .elem-style-gtk .layui-btn-sm.layuimini-main, .elem-style-gtk .elem-style-neomorphic .layui-table-tool .layui-btn-sm.layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-gtk .layui-btn-sm.layui-inline[lay-event], .elem-style-gtk .elem-style-win7 .layui-layer-easy .layui-layer-btn a.layui-btn-sm, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-gtk a.layui-btn-sm, .elem-style-gtk .elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-btn-sm, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-gtk a.layui-btn-sm, .elem-style-nes .layuimini-container .layui-table-tool .elem-style-gtk .layui-btn-sm.layui-inline[lay-event], .elem-style-gtk .layuimini-header-menu > li.layui-btn-sm.layui-nav-item, .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-sm, .elem-style-gtk .layui-laydate-footer span.layui-btn-sm, .elem-style-gtk .laydate-footer-btns span.layui-btn-sm, .elem-style-gtk .layuimini-container .layui-table-tool .layui-btn-sm.layui-inline[lay-event], .elem-style-gtk .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-sm, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-gtk a.layui-btn-sm { + line-height: 20px; +} +.elem-style-gtk .layui-btn.layui-btn-xs, .elem-style-gtk .elem-style-neomorphic .layui-btn-xs.layui-form-radio, .elem-style-neomorphic .elem-style-gtk .layui-btn-xs.layui-form-radio, .elem-style-gtk .elem-style-neomorphic .layui-btn-xs.layui-form-checkbox, .elem-style-neomorphic .elem-style-gtk .layui-btn-xs.layui-form-checkbox, .elem-style-gtk .elem-style-neomorphic .layui-form-select dl.layui-btn-xs, .elem-style-neomorphic .layui-form-select .elem-style-gtk dl.layui-btn-xs, .elem-style-gtk .elem-style-neomorphic .layui-header .layui-nav .layui-btn-xs.layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-gtk .layui-btn-xs.layui-nav-item, .elem-style-gtk .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-xs.layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-gtk .layuimini-header-menu > .layui-btn-xs.layui-nav-item, .elem-style-gtk .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-xs, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-gtk a.layui-btn-xs, +.elem-style-gtk .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-xs, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-gtk a.layui-btn-xs, .elem-style-gtk .elem-style-neomorphic .layui-btn-xs.layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-gtk .layui-btn-xs.layui-side.layui-bg-black, +.elem-style-gtk .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-xs, +.elem-style-neomorphic .elem-style-gtk .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-xs, +.elem-style-gtk .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-xs, +.elem-style-neomorphic .elem-style-gtk .layuimini-menu-left-zoom > ul.layui-btn-xs, .elem-style-gtk .elem-style-neomorphic .layui-btn-xs.layuimini-qiuck-module, .elem-style-neomorphic .elem-style-gtk .layui-btn-xs.layuimini-qiuck-module, .elem-style-gtk .elem-style-neomorphic .layui-btn-xs.panel, .elem-style-neomorphic .elem-style-gtk .layui-btn-xs.panel, .elem-style-gtk .elem-style-neomorphic .layui-btn-xs.layui-card, .elem-style-neomorphic .elem-style-gtk .layui-btn-xs.layui-card, .elem-style-gtk .elem-style-neomorphic .layui-btn-xs.layui-layer, .elem-style-neomorphic .elem-style-gtk .layui-btn-xs.layui-layer, .elem-style-gtk .elem-style-neomorphic .layui-btn-xs.layuimini-main, .elem-style-neomorphic .elem-style-gtk .layui-btn-xs.layuimini-main, .elem-style-gtk .elem-style-neomorphic .layui-table-tool .layui-btn-xs.layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-gtk .layui-btn-xs.layui-inline[lay-event], .elem-style-gtk .elem-style-win7 .layui-layer-easy .layui-layer-btn a.layui-btn-xs, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-gtk a.layui-btn-xs, .elem-style-gtk .elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-btn-xs, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-gtk a.layui-btn-xs, .elem-style-nes .layuimini-container .layui-table-tool .elem-style-gtk .layui-btn-xs.layui-inline[lay-event], .elem-style-gtk .layuimini-header-menu > li.layui-btn-xs.layui-nav-item, .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-xs, .elem-style-gtk .layui-laydate-footer span.layui-btn-xs, .elem-style-gtk .laydate-footer-btns span.layui-btn-xs, .elem-style-gtk .layuimini-container .layui-table-tool .layui-btn-xs.layui-inline[lay-event], .elem-style-gtk .elem-style-sicfi .layui-layer-easy .layui-layer-btn a.layui-btn-xs, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-gtk a.layui-btn-xs { + line-height: 12px; +} +.elem-style-gtk .layuimini-container .layui-table-tool .layui-inline[lay-event] { + line-height: 32px; + min-width: 32px; + min-height: 32px; + padding: 0; + border-radius: 9999px; +} +.elem-style-gtk .layui-laydate .layui-this { + background-color: #3584e4 !important; +} +.elem-style-gtk .layui-laydate-content td, +.elem-style-gtk .layui-laydate-content th { + width: 36px; + height: 36px; + border-radius: 100%; +} +.elem-style-gtk .laydate-footer-btns span { + line-height: 16px; +} +.elem-style-gtk .laydate-footer-btns span:not(:last-child) { + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.elem-style-gtk .laydate-footer-btns span:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.elem-style-gtk .layui-laydate-footer span { + line-height: 16px; +} +.elem-style-gtk .layui-laydate-footer span.layui-laydate-preview { + line-height: 22px; +} +.elem-style-gtk .layui-form-checked[lay-skin=primary] i { + border-color: #185fb4 !important; + background-color: #5094e8; + background-image: linear-gradient(0deg, #3987e5, #5094e8); +} +.elem-style-gtk .layui-form-checkbox[lay-skin=primary]:hover i { + border-color: #185fb4; + background-image: linear-gradient(0deg, #5094e8, #6ba5eb); +} +.elem-style-gtk .layui-table-view .layui-form-checkbox[lay-skin=primary] i { + border-radius: 3px; +} +.elem-style-gtk .layui-table-view .layui-form-checkbox i { + font-weight: bold; +} +.elem-style-gtk .layui-layer-title { + padding: 0 6px; + min-height: 46px; + border: 1px solid #bfb8b1; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + background: #f1f0ee linear-gradient(0deg, #dfdcd8, #f4f2f1) !important; + color: #2e3436 !important; + padding-left: 12px; + padding-right: 12px; + font-weight: bold; +} +.elem-style-gtk .layui-layer { + background-color: #f6f5f4; +} +.elem-style-gtk .layui-layer-easy .layui-layer-title ~ .layui-layer-setwin > a { + position: relative; + outline: none; + overflow: visible; + border-radius: 5px; + transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94); + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + outline-color: rgba(53, 132, 228, 0.5); + border: 1px solid #cdc7c2; + border-bottom-color: rgb(205, 199, 194); + border-bottom-color: #bfb8b1; + background-color: #f6f5f4; + box-shadow: inset 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.07); + height: 20px; + line-height: 20px; + width: 20px; + text-align: center; + display: inline-flex; + align-items: center; + justify-content: center; +} +.elem-style-gtk .layui-layer-easy .layui-layer-title ~ .layui-layer-setwin > a::after { + color: #2e3436 !important; +} +.elem-style-gtk .layui-layer-setwin { + display: flex; + align-items: center; +} +.elem-style-gtk .layuimini-container .layui-form-switch.layui-form-onswitch { + color: #ffffff; + border-color: #185fb4; + background-color: #3584e4; + text-shadow: 0 1px rgba(53, 132, 228, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); +} +.elem-style-gtk .layuimini-container .layui-form-switch { + border: 1px solid #cdc7c2; + border-radius: 20px; + color: rgba(46, 52, 54, 0.2); + background-color: #e1dedb; + text-shadow: 0 1px rgba(0, 0, 0, 0.1); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} +.elem-style-gtk .layui-form-switch { + height: 20px; + width: 40px; +} +.elem-style-gtk .layui-form-switch { + padding: 0; + line-height: 20px; +} +.elem-style-gtk .layui-form-switch.layui-form-onswitch i { + top: 0; + height: 20px; + width: 20px; + margin-left: -20px; +} +.elem-style-gtk .layui-form-switch i { + top: 0; + height: 20px; + width: 20px; + margin-left: -5px; + border-radius: 50%; + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #2e3436; + outline-color: rgba(53, 132, 228, 0.5); + border-color: #cdc7c2; + border-bottom-color: #bfb8b1; + background-color: #f6f5f4; + box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); +} +.elem-style-gtk .layuimini-main { + background-color: unset; +} +.elem-style-gtk .layui-tab-title li { + transition: none; + padding: 3px 12px; + min-height: 30px; + min-width: 65px; + display: flex; + justify-content: center; + align-items: center; + white-space: nowrap; + color: #2e3436; + font-weight: normal; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + border: 0; + border-top-style: none; + border-right-style: none; + border-bottom-style: none; + border-left-style: none; +} +.elem-style-gtk .layui-tab-title li:hover { + box-shadow: inset 0 -3px #c8c2bc; + background-color: #edebe9; +} +.elem-style-gtk .layui-tab-title li.layui-this { + box-shadow: inset 0 -3px #3584e4; + background-color: #f1f0ee; +} +.elem-style-gtk .layui-tab-title { + display: flex; + align-items: center; + flex-direction: row; + padding-left: 4px; + padding-right: 4px; +} +.elem-style-gtk .layuimini-tab > .layui-tab-title li, +.elem-style-gtk .layuimini-tab > .close-box li { + line-height: 20px !important; +} +.elem-style-gtk .layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active { + display: none; +} +.elem-style-gtk .layuimini-tab .layui-tab-title .layui-this span { + color: #2e3436 !important; +} +.elem-style-gtk .layuimini-tab .layui-tab-title span { + color: #2e3436 !important; +} +.elem-style-gtk .layuimini-tab .layui-tab-title .layuimini-tab-active { + display: none; +} +.elem-style-gtk .layuimini-tab .layui-tab-title { + background-color: #e1dedb; + border-color: #cdc7c2; +} +.elem-style-gtk .layui-layer-easy .layui-layer-btn { + background-color: #f2f2f2; +} +.elem-style-gtk .layui-layer-dialog .layui-layer-content { + background-color: #f2f2f2; +} +.elem-style-gtk .layui-layer-easy .layui-layer-btn a { + position: relative; + outline: none; + overflow: visible; + line-height: 22px; + height: 22px; + border-radius: 5px; + transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94); + padding: 4px 9px; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + color: #2e3436 !important; + outline-color: rgba(53, 132, 228, 0.5); + border: 1px solid #cdc7c2; + border-bottom-color: rgb(205, 199, 194); + border-bottom-color: #bfb8b1; + background-color: #f6f5f4; + box-shadow: inset 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.07); +} +.elem-style-gtk .layui-layer-easy .layui-layer-btn a::before { + content: " "; + position: absolute; + pointer-events: none; + width: 100%; + height: 100%; + top: 0px; + left: 0px; + background: linear-gradient(to top, rgba(0, 0, 0, 0.03), transparent); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} +.elem-style-gtk .layui-layer-easy .layui-layer-btn a::after { + content: ""; + position: absolute; + pointer-events: none; + z-index: 2; + display: inline-block; + border: 2px solid transparent; + border-radius: inherit; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + top: -4px; + left: -4px; + width: calc(100% + 4px); + height: calc(100% + 4px); +} +.elem-style-gtk .layui-layer-easy .layui-layer-btn a.layui-layer-btn0 { + color: #fff !important; + border-color: #1b6acb #1b6acb #15539e; + background-color: #3c88e5; + box-shadow: inset 0 1px #3181e3, 0 1px 2px rgba(0, 0, 0, 0.07); +} +.elem-style-gtk .layui-tab-brief > .layui-tab-title li:not(:last-child) { + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.elem-style-gtk .layui-tab-brief > .layui-tab-title li:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-this { + color: unset; + color: #2e3436; + border-color: #cdc7c2; + background-color: #d6d1cd; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); +} +.elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-this::after { + display: none; +} +.elem-style-gtk .layui-tab-brief > .layui-tab-title li:hover { + box-shadow: unset; + background-color: #edebe9; +} +.elem-style-gtk .layui-form-radio:hover *, +.elem-style-gtk .layui-form-radioed, +.elem-style-gtk .layui-form-radioed > i { + color: #5094e8; +} +.elem-style-gtk .layui-card .layui-card-header { + padding: 0 6px; + min-height: 46px; + border-width: 1px; + border-style: solid; + border-color: #bfb8b1; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + background: #f1f0ee linear-gradient(to top, #dfdcd8, #f4f2f1); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), inset 0 -2px 2px rgba(0, 0, 0, 0.02); +} +.elem-style-gtk .layui-card .layui-card-header .icon { + color: #979a9b !important; +} +.elem-style-gtk .layui-card .layui-card-body { + background-color: #f6f5f4; + border: 1px solid #cdc7c2; +} +.elem-style-gtk .layui-btn, .elem-style-gtk .elem-style-neomorphic .layui-form-radio, .elem-style-neomorphic .elem-style-gtk .layui-form-radio, .elem-style-gtk .elem-style-neomorphic .layui-form-checkbox, .elem-style-neomorphic .elem-style-gtk .layui-form-checkbox, .elem-style-gtk .elem-style-neomorphic .layui-form-select dl, .elem-style-neomorphic .layui-form-select .elem-style-gtk dl, .elem-style-gtk .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-gtk .layui-nav-item, .elem-style-gtk .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-gtk .layuimini-header-menu > .layui-nav-item, .elem-style-gtk .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-gtk a, +.elem-style-gtk .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-gtk a, .elem-style-gtk .elem-style-neomorphic .layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-gtk .layui-side.layui-bg-black, +.elem-style-gtk .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-neomorphic .elem-style-gtk .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-gtk .elem-style-neomorphic .layuimini-menu-left-zoom > ul, +.elem-style-neomorphic .elem-style-gtk .layuimini-menu-left-zoom > ul, .elem-style-gtk .elem-style-neomorphic .layuimini-qiuck-module, .elem-style-neomorphic .elem-style-gtk .layuimini-qiuck-module, .elem-style-gtk .elem-style-neomorphic .panel, .elem-style-neomorphic .elem-style-gtk .panel, .elem-style-gtk .elem-style-neomorphic .layui-card, .elem-style-neomorphic .elem-style-gtk .layui-card, .elem-style-gtk .elem-style-neomorphic .layui-layer, .elem-style-neomorphic .elem-style-gtk .layui-layer, .elem-style-gtk .elem-style-neomorphic .layuimini-main, .elem-style-neomorphic .elem-style-gtk .layuimini-main, .elem-style-gtk .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-gtk .layui-inline[lay-event], .elem-style-gtk .elem-style-win7 .layui-layer-easy .layui-layer-btn a, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-gtk a, .elem-style-gtk .elem-style-nes .layui-layer-easy .layui-layer-btn a, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-gtk a, .elem-style-nes .layuimini-container .layui-table-tool .elem-style-gtk .layui-inline[lay-event], .elem-style-gtk .layuimini-header-menu > li.layui-nav-item, .elem-style-gtk .elem-style-sicfi .layui-layer-easy .layui-layer-btn a, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-gtk a, .elem-style-gtk .layuimini-container .layui-table-tool .layui-inline[lay-event], .elem-style-gtk .laydate-footer-btns span, .elem-style-gtk .layui-laydate-footer span, .elem-style-gtk .layui-tab-brief > .layui-tab-title li, +.elem-style-gtk .layui-input, +.elem-style-gtk .layui-select, +.elem-style-gtk .layui-textarea, +.elem-style-gtk .layui-upload-button, +.elem-style-gtk .city-picker-span { + border-radius: 5px; + border: 1px solid #cdc7c2; +} +.elem-style-gtk .layui-side.layui-bg-black, +.elem-style-gtk .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-gtk .layuimini-menu-left-zoom > ul { + background-color: #f6f5f4 !important; +} +.elem-style-gtk .layuimini-menu-left { + background-color: #fbfafa; + border-right: 1px solid #cdc7c2; +} +.elem-style-gtk .layuimini-menu-left .layui-nav li:not(:first-child) { + border-top: 1px solid #cdc7c2; +} +.elem-style-gtk .layuimini-menu-left .layui-nav li.layui-this a { + background-color: #347cd3 !important; + color: #fff !important; +} +.elem-style-gtk .layuimini-menu-left .layui-nav .layui-this a, +.elem-style-gtk .layuimini-menu-left-zoom.layui-nav .layui-this a { + color: #2e3436 !important; +} +.elem-style-gtk .layuimini-menu-left .layui-nav .layui-nav-item.layui-this a:hover, +.elem-style-gtk .layuimini-menu-left-zoom.layui-nav .layui-nav-item.layui-this a:hover { + color: #fff !important; +} +.elem-style-gtk .layuimini-menu-left .layui-nav .layui-nav-item a, +.elem-style-gtk .layuimini-menu-left-zoom.layui-nav .layui-nav-item a { + color: #2e3436 !important; +} +.elem-style-gtk .layuimini-menu-left .layui-nav .layui-nav-item a:hover, +.elem-style-gtk .layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover { + color: #2e3436 !important; +} +.elem-style-gtk .layuimini-menu-left .layui-nav .layui-nav-item a { + height: 30px; + line-height: 30px; +} +.elem-style-gtk .layuimini-menu-left .layui-nav-itemed > .layui-nav-child { + background-color: rgba(46, 52, 54, 0.05) !important; + border-top: 1px solid #d7d2ce; +} +.elem-style-gtk .layuimini-menu-left .layui-nav-itemed > .layui-nav-child dd { + border-bottom: 1px solid #d7d2ce; +} +.elem-style-gtk .layuimini-menu-left .layui-nav-tree .layui-this, +.elem-style-gtk .layuimini-menu-left .layui-nav-tree .layui-this > a, +.elem-style-gtk .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this, +.elem-style-gtk .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a, +.elem-style-gtk .layuimini-menu-left-zoom.layui-nav-tree .layui-this, +.elem-style-gtk .layuimini-menu-left-zoom.layui-nav-tree .layui-this > a, +.elem-style-gtk .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this, +.elem-style-gtk .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a { + background-color: #347cd3 !important; + color: #fff !important; +} +.elem-style-gtk .layui-layout-admin .layuimini-logo { + background-color: unset !important; +} +.elem-style-gtk .layuimini-header-menu > li.layui-nav-item { + margin-top: 10px; + height: 30px !important; + line-height: 30px !important; +} +.elem-style-gtk .layuimini-header-menu > li.layui-nav-item::after { + background-color: transparent; +} +.elem-style-gtk .layuimini-header-menu > li.layui-nav-item:not(:last-child) { + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.elem-style-gtk .layuimini-header-menu > li.layui-nav-item:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.elem-style-gtk .layuimini-header-menu > li.layui-nav-item:nth-last-child(2) { + border-right-style: solid; + border-radius: 5px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.elem-style-gtk .layui-layout-admin .layui-header { + background-color: #f6f5f4 !important; +} +.elem-style-gtk .layui-layer-dialog { + border-radius: 20px; +} +.elem-style-gtk .layui-layer-iframe { + border-radius: 20px; +} +.elem-style-gtk .layuimini-tab .layui-tab-control > li { + background-color: #e1dedb; + border-style: solid; + border-color: #cdc7c2; +} +.elem-style-gtk .form-search .layui-btn, .elem-style-gtk .form-search .elem-style-neomorphic .layui-form-radio, .elem-style-neomorphic .elem-style-gtk .form-search .layui-form-radio, .elem-style-gtk .form-search .elem-style-neomorphic .layui-form-checkbox, .elem-style-neomorphic .elem-style-gtk .form-search .layui-form-checkbox, .elem-style-gtk .form-search .elem-style-neomorphic .layui-form-select dl, .elem-style-neomorphic .layui-form-select .elem-style-gtk .form-search dl, .elem-style-gtk .form-search .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-gtk .form-search .layui-nav-item, .elem-style-gtk .form-search .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-gtk .form-search .layuimini-header-menu > .layui-nav-item, .elem-style-gtk .form-search .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-gtk .form-search a, +.elem-style-gtk .form-search .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-gtk .form-search a, .elem-style-gtk .form-search .elem-style-neomorphic .layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-gtk .form-search .layui-side.layui-bg-black, +.elem-style-gtk .form-search .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-neomorphic .elem-style-gtk .form-search .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-gtk .form-search .elem-style-neomorphic .layuimini-menu-left-zoom > ul, +.elem-style-neomorphic .elem-style-gtk .form-search .layuimini-menu-left-zoom > ul, .elem-style-gtk .form-search .elem-style-neomorphic .layuimini-qiuck-module, .elem-style-neomorphic .elem-style-gtk .form-search .layuimini-qiuck-module, .elem-style-gtk .form-search .elem-style-neomorphic .panel, .elem-style-neomorphic .elem-style-gtk .form-search .panel, .elem-style-gtk .form-search .elem-style-neomorphic .layui-card, .elem-style-neomorphic .elem-style-gtk .form-search .layui-card, .elem-style-gtk .form-search .elem-style-neomorphic .layui-layer, .elem-style-neomorphic .elem-style-gtk .form-search .layui-layer, .elem-style-gtk .form-search .elem-style-neomorphic .layuimini-main, .elem-style-neomorphic .elem-style-gtk .form-search .layuimini-main, .elem-style-gtk .form-search .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-gtk .form-search .layui-inline[lay-event], .elem-style-gtk .form-search .elem-style-win7 .layui-layer-easy .layui-layer-btn a, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-gtk .form-search a, .elem-style-gtk .form-search .elem-style-nes .layui-layer-easy .layui-layer-btn a, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-gtk .form-search a, .elem-style-nes .layuimini-container .layui-table-tool .elem-style-gtk .form-search .layui-inline[lay-event], .elem-style-gtk .form-search .elem-style-sicfi .layui-layer-easy .layui-layer-btn a, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-gtk .form-search a, .elem-style-gtk .form-search .layuimini-container .layui-table-tool .layui-inline[lay-event], .elem-style-gtk .layuimini-container .layui-table-tool .form-search .layui-inline[lay-event], .elem-style-gtk .form-search .laydate-footer-btns span, .elem-style-gtk .laydate-footer-btns .form-search span, .elem-style-gtk .form-search .layui-laydate-footer span, .elem-style-gtk .layui-laydate-footer .form-search span, .elem-style-gtk .form-search .layui-tab-brief > .layui-tab-title li, .elem-style-gtk .layui-tab-brief > .layui-tab-title .form-search li, .elem-style-gtk .form-search .layuimini-header-menu > li.layui-nav-item { + height: 32px; + line-height: 22px; +} +.elem-style-gtk .form-search .layui-form-select dl { + transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.23); + border-top-left-radius: 0; + border-top-right-radius: 0; + border-radius: 9px; + border-top-left-radius: 0px; + border-top-right-radius: 0px; + box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.08); + top: 28px; +} +.elem-style-gtk .layui-form-select dl dd, +.elem-style-gtk .layui-form-select dl dt { + height: 30px; + line-height: 30px; + padding: 0 10px; +} +.elem-style-gtk .layuimini-container .layui-form-select dl dd.layui-this { + background-color: #3c88e5 !important; +} +.elem-style-gtk .layui-table-header .layui-table { + margin-bottom: 0; +} +.elem-style-gtk .layui-header .layui-nav .layui-nav-child dd.layui-this a, +.elem-style-gtk .layui-header .layui-nav-child dd.layui-this, +.elem-style-gtk .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a { + background-color: #3c88e5 !important; +} +.elem-style-gtk .layuimini-mobile-show .layui-nav-more { + top: 4px; +} +.elem-style-gtk .layui-layer-easy .layui-layer-setwin > span { + color: #2e3436; +} +.elem-style-gtk .layui-layer-easy .layui-layer-setwin > span:after { + color: #2e3436; +} +.elem-style-gtk .layui-layer-easy .layui-layer-setwin .layui-layer-max::after, +.elem-style-gtk .layui-layer-easy .layui-layer-setwin .layui-layer-max::before { + border-color: #2e3436; +} +.elem-style-gtk .layui-layer-easy .layui-layer-setwin .layui-layer-min::before { + background-color: #2e3436; +} + +.elem-style-nes a, +.elem-style-nes button { + cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0, pointer; +} +.elem-style-nes { + cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABFklEQVRYR9WXURLDIAhE6/0PbSdOtUpcd1Gnpv1KGpTHBpCE1/cXq+vrMph7dGvXZTtpfW10DCA5jrH1H0Jhs5E0hnZdCR+vb5S8Nn8mQCeS9BdSalYJqMBjAGzq59xAESN7VFVUgV8AZB/dZBR7QTFDCqGquvUBVVoEtgIwpQRzmANSFHgWQKExHdIrPeuMvQNDarXe6nC/AutgV3JW+6bgqQLeV8FekRtgV+ToDKEKnACYKsfZjjkam7a0ZpYTytwmgainpC3HvwBocgKOxqRjehoR9DFKNFYtOwCGYCszobeCbl26N6yyQ6g8X/Wex/rBPsNEV6qAMaJPMynIHQCoSqS9JSMmwef51LflTgCRszU7DvAGiV6mHWfsaVUAAAAASUVORK5CYII=), auto; + font-family: "ark-pixel"; +} +.elem-style-nes .public-border, .elem-style-nes .layui-table-box, .elem-style-nes .layuimini-main, .elem-style-nes .layui-card, .elem-style-nes .layui-layer, .elem-style-nes .layui-input, +.elem-style-nes .layui-select, +.elem-style-nes .layui-textarea, .elem-style-nes .layuimini-header-menu > .layui-nav-item, .elem-style-nes .layui-form-checkbox[lay-skin=primary] i, .elem-style-nes .layui-btn, .elem-style-nes .elem-style-neomorphic .layui-form-radio, .elem-style-neomorphic .elem-style-nes .layui-form-radio, .elem-style-nes .elem-style-neomorphic .layui-form-checkbox, .elem-style-neomorphic .elem-style-nes .layui-form-checkbox, .elem-style-nes .elem-style-neomorphic .layui-form-select dl, .elem-style-neomorphic .layui-form-select .elem-style-nes dl, .elem-style-nes .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .layui-nav-item, .elem-style-nes .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-nes .layuimini-header-menu > .layui-nav-item, .elem-style-nes .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes a, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes a, .elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black, +.elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom > ul, +.elem-style-neomorphic .elem-style-nes .layuimini-menu-left-zoom > ul, .elem-style-nes .elem-style-neomorphic .layuimini-qiuck-module, .elem-style-neomorphic .elem-style-nes .layuimini-qiuck-module, .elem-style-nes .elem-style-neomorphic .panel, .elem-style-neomorphic .elem-style-nes .panel, .elem-style-nes .elem-style-neomorphic .layui-card, .elem-style-neomorphic .elem-style-nes .layui-card, .elem-style-nes .elem-style-neomorphic .layui-layer, .elem-style-neomorphic .elem-style-nes .layui-layer, .elem-style-nes .elem-style-neomorphic .layuimini-main, .elem-style-neomorphic .elem-style-nes .layuimini-main, .elem-style-nes .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-nes .layui-inline[lay-event], .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes a, .elem-style-nes .layui-layer-easy .layui-layer-btn a, .elem-style-nes .layuimini-container .layui-table-tool .layui-inline[lay-event], .elem-style-nes .elem-style-sicfi .layui-layer-easy .layui-layer-btn a, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes a, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .layui-inline[lay-event], .elem-style-nes .elem-style-gtk .laydate-footer-btns span, .elem-style-gtk .laydate-footer-btns .elem-style-nes span, .elem-style-nes .elem-style-gtk .layui-laydate-footer span, .elem-style-gtk .layui-laydate-footer .elem-style-nes span, .elem-style-nes .elem-style-gtk .layui-tab-brief > .layui-tab-title li, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes li, .elem-style-nes .elem-style-gtk .layuimini-header-menu > li.layui-nav-item, .elem-style-gtk .elem-style-nes .layuimini-header-menu > li.layui-nav-item { + border-style: solid; + border-width: 3px; + border-image-slice: 2; + border-image-width: 2; + border-image-repeat: stretch; + border-image-source: url('data:image/svg+xml;utf8,'); + border-image-outset: 2; +} +.elem-style-nes .layui-btn, .elem-style-nes .elem-style-neomorphic .layui-form-radio, .elem-style-neomorphic .elem-style-nes .layui-form-radio, .elem-style-nes .elem-style-neomorphic .layui-form-checkbox, .elem-style-neomorphic .elem-style-nes .layui-form-checkbox, .elem-style-nes .elem-style-neomorphic .layui-form-select dl, .elem-style-neomorphic .layui-form-select .elem-style-nes dl, .elem-style-nes .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .layui-nav-item, .elem-style-nes .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-nes .layuimini-header-menu > .layui-nav-item, .elem-style-nes .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes a, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes a, .elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black, +.elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom > ul, +.elem-style-neomorphic .elem-style-nes .layuimini-menu-left-zoom > ul, .elem-style-nes .elem-style-neomorphic .layuimini-qiuck-module, .elem-style-neomorphic .elem-style-nes .layuimini-qiuck-module, .elem-style-nes .elem-style-neomorphic .panel, .elem-style-neomorphic .elem-style-nes .panel, .elem-style-nes .elem-style-neomorphic .layui-card, .elem-style-neomorphic .elem-style-nes .layui-card, .elem-style-nes .elem-style-neomorphic .layui-layer, .elem-style-neomorphic .elem-style-nes .layui-layer, .elem-style-nes .elem-style-neomorphic .layuimini-main, .elem-style-neomorphic .elem-style-nes .layuimini-main, .elem-style-nes .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-nes .layui-inline[lay-event], .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes a, .elem-style-nes .layui-layer-easy .layui-layer-btn a, .elem-style-nes .layuimini-container .layui-table-tool .layui-inline[lay-event], .elem-style-nes .elem-style-sicfi .layui-layer-easy .layui-layer-btn a, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes a, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .layui-inline[lay-event], .elem-style-nes .elem-style-gtk .laydate-footer-btns span, .elem-style-gtk .laydate-footer-btns .elem-style-nes span, .elem-style-nes .elem-style-gtk .layui-laydate-footer span, .elem-style-gtk .layui-laydate-footer .elem-style-nes span, .elem-style-nes .elem-style-gtk .layui-tab-brief > .layui-tab-title li, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes li, .elem-style-nes .elem-style-gtk .layuimini-header-menu > li.layui-nav-item, .elem-style-gtk .elem-style-nes .layuimini-header-menu > li.layui-nav-item { + line-height: 32px; + position: relative; + display: inline-block; + text-align: center; + vertical-align: middle; + cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0, pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + color: #212529; + background-color: #fff; + border-image-repeat: stretch; +} +.elem-style-nes .layui-btn::after, .elem-style-nes .elem-style-neomorphic .layui-form-radio::after, .elem-style-neomorphic .elem-style-nes .layui-form-radio::after, .elem-style-nes .elem-style-neomorphic .layui-form-checkbox::after, .elem-style-neomorphic .elem-style-nes .layui-form-checkbox::after, .elem-style-nes .elem-style-neomorphic .layui-form-select dl::after, .elem-style-neomorphic .layui-form-select .elem-style-nes dl::after, .elem-style-nes .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item::after, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .layui-nav-item::after, .elem-style-nes .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item::after, .elem-style-neomorphic .layui-header .elem-style-nes .layuimini-header-menu > .layui-nav-item::after, .elem-style-nes .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a::after, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes a::after, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a::after, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes a::after, .elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black::after, .elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black::after, +.elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul::after, +.elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black > .layuimini-menu-left > ul::after, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom > ul::after, +.elem-style-neomorphic .elem-style-nes .layuimini-menu-left-zoom > ul::after, .elem-style-nes .elem-style-neomorphic .layuimini-qiuck-module::after, .elem-style-neomorphic .elem-style-nes .layuimini-qiuck-module::after, .elem-style-nes .elem-style-neomorphic .panel::after, .elem-style-neomorphic .elem-style-nes .panel::after, .elem-style-nes .elem-style-neomorphic .layui-card::after, .elem-style-neomorphic .elem-style-nes .layui-card::after, .elem-style-nes .elem-style-neomorphic .layui-layer::after, .elem-style-neomorphic .elem-style-nes .layui-layer::after, .elem-style-nes .elem-style-neomorphic .layuimini-main::after, .elem-style-neomorphic .elem-style-nes .layuimini-main::after, .elem-style-nes .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event]::after, .elem-style-neomorphic .layui-table-tool .elem-style-nes .layui-inline[lay-event]::after, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes a::after, .elem-style-nes .layui-layer-easy .layui-layer-btn a::after, .elem-style-nes .layuimini-container .layui-table-tool .layui-inline[lay-event]::after, .elem-style-nes .elem-style-sicfi .layui-layer-easy .layui-layer-btn a::after, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes a::after, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .layui-inline[lay-event]::after, .elem-style-nes .elem-style-gtk .laydate-footer-btns span::after, .elem-style-gtk .laydate-footer-btns .elem-style-nes span::after, .elem-style-nes .elem-style-gtk .layui-laydate-footer span::after, .elem-style-gtk .layui-laydate-footer .elem-style-nes span::after, .elem-style-nes .elem-style-gtk .layui-tab-brief > .layui-tab-title li::after, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes li::after, .elem-style-nes .elem-style-gtk .layuimini-header-menu > li.layui-nav-item::after, .elem-style-gtk .elem-style-nes .layuimini-header-menu > li.layui-nav-item::after { + position: absolute; + top: -3px; + right: -3px; + bottom: -3px; + left: -3px; + content: ""; + box-shadow: inset -3px -3px #adafbc; +} +.elem-style-nes .layui-btn:hover, .elem-style-nes .elem-style-neomorphic .layui-form-radio:hover, .elem-style-neomorphic .elem-style-nes .layui-form-radio:hover, .elem-style-nes .elem-style-neomorphic .layui-form-checkbox:hover, .elem-style-neomorphic .elem-style-nes .layui-form-checkbox:hover, .elem-style-nes .elem-style-neomorphic .layui-form-select dl:hover, .elem-style-neomorphic .layui-form-select .elem-style-nes dl:hover, .elem-style-nes .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item:hover, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .layui-nav-item:hover, .elem-style-nes .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item:hover, .elem-style-neomorphic .layui-header .elem-style-nes .layuimini-header-menu > .layui-nav-item:hover, .elem-style-nes .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a:hover, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes a:hover, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes a:hover, .elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black:hover, .elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black:hover, +.elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul:hover, +.elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black > .layuimini-menu-left > ul:hover, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom > ul:hover, +.elem-style-neomorphic .elem-style-nes .layuimini-menu-left-zoom > ul:hover, .elem-style-nes .elem-style-neomorphic .layuimini-qiuck-module:hover, .elem-style-neomorphic .elem-style-nes .layuimini-qiuck-module:hover, .elem-style-nes .elem-style-neomorphic .panel:hover, .elem-style-neomorphic .elem-style-nes .panel:hover, .elem-style-nes .elem-style-neomorphic .layui-card:hover, .elem-style-neomorphic .elem-style-nes .layui-card:hover, .elem-style-nes .elem-style-neomorphic .layui-layer:hover, .elem-style-neomorphic .elem-style-nes .layui-layer:hover, .elem-style-nes .elem-style-neomorphic .layuimini-main:hover, .elem-style-neomorphic .elem-style-nes .layuimini-main:hover, .elem-style-nes .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event]:hover, .elem-style-neomorphic .layui-table-tool .elem-style-nes .layui-inline[lay-event]:hover, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes a:hover, .elem-style-nes .layui-layer-easy .layui-layer-btn a:hover, .elem-style-nes .layuimini-container .layui-table-tool .layui-inline[lay-event]:hover, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes a:hover, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .layui-inline[lay-event]:hover, .elem-style-nes .elem-style-gtk .laydate-footer-btns span:hover, .elem-style-gtk .laydate-footer-btns .elem-style-nes span:hover, .elem-style-nes .elem-style-gtk .layui-laydate-footer span:hover, .elem-style-gtk .layui-laydate-footer .elem-style-nes span:hover, .elem-style-nes .elem-style-gtk .layui-tab-brief > .layui-tab-title li:hover, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes li:hover, .elem-style-nes .elem-style-gtk .layuimini-header-menu > li.layui-nav-item:hover, .elem-style-gtk .elem-style-nes .layuimini-header-menu > li.layui-nav-item:hover { + color: #212529; + text-decoration: none; + background-color: #e7e7e7; +} +.elem-style-nes .layui-btn.layui-btn-sm, .elem-style-nes .elem-style-neomorphic .layui-btn-sm.layui-form-radio, .elem-style-neomorphic .elem-style-nes .layui-btn-sm.layui-form-radio, .elem-style-nes .elem-style-neomorphic .layui-btn-sm.layui-form-checkbox, .elem-style-neomorphic .elem-style-nes .layui-btn-sm.layui-form-checkbox, .elem-style-nes .elem-style-neomorphic .layui-form-select dl.layui-btn-sm, .elem-style-neomorphic .layui-form-select .elem-style-nes dl.layui-btn-sm, .elem-style-nes .elem-style-neomorphic .layui-header .layui-nav .layui-btn-sm.layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .layui-btn-sm.layui-nav-item, .elem-style-nes .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-sm.layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-nes .layuimini-header-menu > .layui-btn-sm.layui-nav-item, .elem-style-nes .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-sm, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes a.layui-btn-sm, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-sm, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes a.layui-btn-sm, .elem-style-nes .elem-style-neomorphic .layui-btn-sm.layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-nes .layui-btn-sm.layui-side.layui-bg-black, +.elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-sm, +.elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-sm, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-sm, +.elem-style-neomorphic .elem-style-nes .layuimini-menu-left-zoom > ul.layui-btn-sm, .elem-style-nes .elem-style-neomorphic .layui-btn-sm.layuimini-qiuck-module, .elem-style-neomorphic .elem-style-nes .layui-btn-sm.layuimini-qiuck-module, .elem-style-nes .elem-style-neomorphic .layui-btn-sm.panel, .elem-style-neomorphic .elem-style-nes .layui-btn-sm.panel, .elem-style-nes .elem-style-neomorphic .layui-btn-sm.layui-card, .elem-style-neomorphic .elem-style-nes .layui-btn-sm.layui-card, .elem-style-nes .elem-style-neomorphic .layui-btn-sm.layui-layer, .elem-style-neomorphic .elem-style-nes .layui-btn-sm.layui-layer, .elem-style-nes .elem-style-neomorphic .layui-btn-sm.layuimini-main, .elem-style-neomorphic .elem-style-nes .layui-btn-sm.layuimini-main, .elem-style-nes .elem-style-neomorphic .layui-table-tool .layui-btn-sm.layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-nes .layui-btn-sm.layui-inline[lay-event], .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-sm, .elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-btn-sm, .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-sm.layui-inline[lay-event], .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-sm, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .layui-btn-sm.layui-inline[lay-event], .elem-style-nes .elem-style-gtk .laydate-footer-btns span.layui-btn-sm, .elem-style-gtk .laydate-footer-btns .elem-style-nes span.layui-btn-sm, .elem-style-nes .elem-style-gtk .layui-laydate-footer span.layui-btn-sm, .elem-style-gtk .layui-laydate-footer .elem-style-nes span.layui-btn-sm, .elem-style-nes .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-sm, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes li.layui-btn-sm, .elem-style-nes .elem-style-gtk .layuimini-header-menu > li.layui-btn-sm.layui-nav-item, .elem-style-gtk .elem-style-nes .layuimini-header-menu > li.layui-btn-sm.layui-nav-item { + line-height: 100%; +} +.elem-style-nes .layui-btn.layui-btn-xs, .elem-style-nes .elem-style-neomorphic .layui-btn-xs.layui-form-radio, .elem-style-neomorphic .elem-style-nes .layui-btn-xs.layui-form-radio, .elem-style-nes .elem-style-neomorphic .layui-btn-xs.layui-form-checkbox, .elem-style-neomorphic .elem-style-nes .layui-btn-xs.layui-form-checkbox, .elem-style-nes .elem-style-neomorphic .layui-form-select dl.layui-btn-xs, .elem-style-neomorphic .layui-form-select .elem-style-nes dl.layui-btn-xs, .elem-style-nes .elem-style-neomorphic .layui-header .layui-nav .layui-btn-xs.layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .layui-btn-xs.layui-nav-item, .elem-style-nes .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-xs.layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-nes .layuimini-header-menu > .layui-btn-xs.layui-nav-item, .elem-style-nes .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-xs, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes a.layui-btn-xs, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-xs, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes a.layui-btn-xs, .elem-style-nes .elem-style-neomorphic .layui-btn-xs.layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-nes .layui-btn-xs.layui-side.layui-bg-black, +.elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-xs, +.elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-xs, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-xs, +.elem-style-neomorphic .elem-style-nes .layuimini-menu-left-zoom > ul.layui-btn-xs, .elem-style-nes .elem-style-neomorphic .layui-btn-xs.layuimini-qiuck-module, .elem-style-neomorphic .elem-style-nes .layui-btn-xs.layuimini-qiuck-module, .elem-style-nes .elem-style-neomorphic .layui-btn-xs.panel, .elem-style-neomorphic .elem-style-nes .layui-btn-xs.panel, .elem-style-nes .elem-style-neomorphic .layui-btn-xs.layui-card, .elem-style-neomorphic .elem-style-nes .layui-btn-xs.layui-card, .elem-style-nes .elem-style-neomorphic .layui-btn-xs.layui-layer, .elem-style-neomorphic .elem-style-nes .layui-btn-xs.layui-layer, .elem-style-nes .elem-style-neomorphic .layui-btn-xs.layuimini-main, .elem-style-neomorphic .elem-style-nes .layui-btn-xs.layuimini-main, .elem-style-nes .elem-style-neomorphic .layui-table-tool .layui-btn-xs.layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-nes .layui-btn-xs.layui-inline[lay-event], .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-xs, .elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-btn-xs, .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-xs.layui-inline[lay-event], .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-xs, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .layui-btn-xs.layui-inline[lay-event], .elem-style-nes .elem-style-gtk .laydate-footer-btns span.layui-btn-xs, .elem-style-gtk .laydate-footer-btns .elem-style-nes span.layui-btn-xs, .elem-style-nes .elem-style-gtk .layui-laydate-footer span.layui-btn-xs, .elem-style-gtk .layui-laydate-footer .elem-style-nes span.layui-btn-xs, .elem-style-nes .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-xs, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes li.layui-btn-xs, .elem-style-nes .elem-style-gtk .layuimini-header-menu > li.layui-btn-xs.layui-nav-item, .elem-style-gtk .elem-style-nes .layuimini-header-menu > li.layui-btn-xs.layui-nav-item { + line-height: 16px; +} +.elem-style-nes .layui-btn.layui-btn-normal, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layui-form-radio, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layui-form-radio, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layui-form-checkbox, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layui-form-checkbox, .elem-style-nes .elem-style-neomorphic .layui-form-select dl.layui-btn-normal, .elem-style-neomorphic .layui-form-select .elem-style-nes dl.layui-btn-normal, .elem-style-nes .elem-style-neomorphic .layui-header .layui-nav .layui-btn-normal.layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .layui-btn-normal.layui-nav-item, .elem-style-nes .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-normal.layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-nes .layuimini-header-menu > .layui-btn-normal.layui-nav-item, .elem-style-nes .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-normal, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes a.layui-btn-normal, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-normal, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes a.layui-btn-normal, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layui-side.layui-bg-black, +.elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-normal, +.elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-normal, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-normal, +.elem-style-neomorphic .elem-style-nes .layuimini-menu-left-zoom > ul.layui-btn-normal, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layuimini-qiuck-module, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layuimini-qiuck-module, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.panel, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.panel, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layui-card, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layui-card, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layui-layer, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layui-layer, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layuimini-main, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layuimini-main, .elem-style-nes .elem-style-neomorphic .layui-table-tool .layui-btn-normal.layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-nes .layui-btn-normal.layui-inline[lay-event], .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-normal, .elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-btn-normal, .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-normal.layui-inline[lay-event], .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-normal, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .layui-btn-normal.layui-inline[lay-event], .elem-style-nes .elem-style-gtk .laydate-footer-btns span.layui-btn-normal, .elem-style-gtk .laydate-footer-btns .elem-style-nes span.layui-btn-normal, .elem-style-nes .elem-style-gtk .layui-laydate-footer span.layui-btn-normal, .elem-style-gtk .layui-laydate-footer .elem-style-nes span.layui-btn-normal, .elem-style-nes .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-normal, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes li.layui-btn-normal, .elem-style-nes .elem-style-gtk .layuimini-header-menu > li.layui-btn-normal.layui-nav-item, .elem-style-gtk .elem-style-nes .layuimini-header-menu > li.layui-btn-normal.layui-nav-item { + color: #fff; + background-color: #209cee; +} +.elem-style-nes .layui-btn.layui-btn-normal::after, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layui-form-radio::after, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layui-form-radio::after, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layui-form-checkbox::after, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layui-form-checkbox::after, .elem-style-nes .elem-style-neomorphic .layui-form-select dl.layui-btn-normal::after, .elem-style-neomorphic .layui-form-select .elem-style-nes dl.layui-btn-normal::after, .elem-style-nes .elem-style-neomorphic .layui-header .layui-nav .layui-btn-normal.layui-nav-item::after, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .layui-btn-normal.layui-nav-item::after, .elem-style-nes .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-normal.layui-nav-item::after, .elem-style-neomorphic .layui-header .elem-style-nes .layuimini-header-menu > .layui-btn-normal.layui-nav-item::after, .elem-style-nes .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-normal::after, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes a.layui-btn-normal::after, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-normal::after, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes a.layui-btn-normal::after, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layui-side.layui-bg-black::after, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layui-side.layui-bg-black::after, +.elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-normal::after, +.elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-normal::after, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-normal::after, +.elem-style-neomorphic .elem-style-nes .layuimini-menu-left-zoom > ul.layui-btn-normal::after, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layuimini-qiuck-module::after, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layuimini-qiuck-module::after, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.panel::after, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.panel::after, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layui-card::after, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layui-card::after, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layui-layer::after, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layui-layer::after, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layuimini-main::after, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layuimini-main::after, .elem-style-nes .elem-style-neomorphic .layui-table-tool .layui-btn-normal.layui-inline[lay-event]::after, .elem-style-neomorphic .layui-table-tool .elem-style-nes .layui-btn-normal.layui-inline[lay-event]::after, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-normal::after, .elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-btn-normal::after, .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-normal.layui-inline[lay-event]::after, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-normal::after, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .layui-btn-normal.layui-inline[lay-event]::after, .elem-style-nes .elem-style-gtk .laydate-footer-btns span.layui-btn-normal::after, .elem-style-gtk .laydate-footer-btns .elem-style-nes span.layui-btn-normal::after, .elem-style-nes .elem-style-gtk .layui-laydate-footer span.layui-btn-normal::after, .elem-style-gtk .layui-laydate-footer .elem-style-nes span.layui-btn-normal::after, .elem-style-nes .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-normal::after, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes li.layui-btn-normal::after, .elem-style-nes .elem-style-gtk .layuimini-header-menu > li.layui-btn-normal.layui-nav-item::after, .elem-style-gtk .elem-style-nes .layuimini-header-menu > li.layui-btn-normal.layui-nav-item::after { + box-shadow: inset -3px -3px #006bb3; +} +.elem-style-nes .layui-btn.layui-btn-normal:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layui-form-radio:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layui-form-radio:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layui-form-checkbox:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layui-form-checkbox:hover, .elem-style-nes .elem-style-neomorphic .layui-form-select dl.layui-btn-normal:hover, .elem-style-neomorphic .layui-form-select .elem-style-nes dl.layui-btn-normal:hover, .elem-style-nes .elem-style-neomorphic .layui-header .layui-nav .layui-btn-normal.layui-nav-item:hover, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .layui-btn-normal.layui-nav-item:hover, .elem-style-nes .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-normal.layui-nav-item:hover, .elem-style-neomorphic .layui-header .elem-style-nes .layuimini-header-menu > .layui-btn-normal.layui-nav-item:hover, .elem-style-nes .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-normal:hover, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes a.layui-btn-normal:hover, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-normal:hover, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes a.layui-btn-normal:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layui-side.layui-bg-black:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layui-side.layui-bg-black:hover, +.elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-normal:hover, +.elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-normal:hover, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-normal:hover, +.elem-style-neomorphic .elem-style-nes .layuimini-menu-left-zoom > ul.layui-btn-normal:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layuimini-qiuck-module:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layuimini-qiuck-module:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.panel:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.panel:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layui-card:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layui-card:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layui-layer:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layui-layer:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-normal.layuimini-main:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-normal.layuimini-main:hover, .elem-style-nes .elem-style-neomorphic .layui-table-tool .layui-btn-normal.layui-inline[lay-event]:hover, .elem-style-neomorphic .layui-table-tool .elem-style-nes .layui-btn-normal.layui-inline[lay-event]:hover, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-normal:hover, .elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-btn-normal:hover, .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-normal.layui-inline[lay-event]:hover, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-normal:hover, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .layui-btn-normal.layui-inline[lay-event]:hover, .elem-style-nes .elem-style-gtk .laydate-footer-btns span.layui-btn-normal:hover, .elem-style-gtk .laydate-footer-btns .elem-style-nes span.layui-btn-normal:hover, .elem-style-nes .elem-style-gtk .layui-laydate-footer span.layui-btn-normal:hover, .elem-style-gtk .layui-laydate-footer .elem-style-nes span.layui-btn-normal:hover, .elem-style-nes .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-normal:hover, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes li.layui-btn-normal:hover, .elem-style-nes .elem-style-gtk .layuimini-header-menu > li.layui-btn-normal.layui-nav-item:hover, .elem-style-gtk .elem-style-nes .layuimini-header-menu > li.layui-btn-normal.layui-nav-item:hover { + background-color: #108de0; +} +.elem-style-nes .layui-btn.layui-btn-success, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layui-form-radio, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layui-form-radio, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layui-form-checkbox, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layui-form-checkbox, .elem-style-nes .elem-style-neomorphic .layui-form-select dl.layui-btn-success, .elem-style-neomorphic .layui-form-select .elem-style-nes dl.layui-btn-success, .elem-style-nes .elem-style-neomorphic .layui-header .layui-nav .layui-btn-success.layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .layui-btn-success.layui-nav-item, .elem-style-nes .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-success.layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-nes .layuimini-header-menu > .layui-btn-success.layui-nav-item, .elem-style-nes .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-success, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes a.layui-btn-success, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-success, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes a.layui-btn-success, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layui-side.layui-bg-black, +.elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-success, +.elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-success, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-success, +.elem-style-neomorphic .elem-style-nes .layuimini-menu-left-zoom > ul.layui-btn-success, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layuimini-qiuck-module, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layuimini-qiuck-module, .elem-style-nes .elem-style-neomorphic .layui-btn-success.panel, .elem-style-neomorphic .elem-style-nes .layui-btn-success.panel, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layui-card, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layui-card, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layui-layer, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layui-layer, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layuimini-main, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layuimini-main, .elem-style-nes .elem-style-neomorphic .layui-table-tool .layui-btn-success.layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-nes .layui-btn-success.layui-inline[lay-event], .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-success, .elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-btn-success, .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-success.layui-inline[lay-event], .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-success, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .layui-btn-success.layui-inline[lay-event], .elem-style-nes .elem-style-gtk .laydate-footer-btns span.layui-btn-success, .elem-style-gtk .laydate-footer-btns .elem-style-nes span.layui-btn-success, .elem-style-nes .elem-style-gtk .layui-laydate-footer span.layui-btn-success, .elem-style-gtk .layui-laydate-footer .elem-style-nes span.layui-btn-success, .elem-style-nes .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-success, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes li.layui-btn-success, .elem-style-nes .elem-style-gtk .layuimini-header-menu > li.layui-btn-success.layui-nav-item, .elem-style-gtk .elem-style-nes .layuimini-header-menu > li.layui-btn-success.layui-nav-item { + color: #fff; + background-color: #92cc41; +} +.elem-style-nes .layui-btn.layui-btn-success::after, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layui-form-radio::after, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layui-form-radio::after, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layui-form-checkbox::after, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layui-form-checkbox::after, .elem-style-nes .elem-style-neomorphic .layui-form-select dl.layui-btn-success::after, .elem-style-neomorphic .layui-form-select .elem-style-nes dl.layui-btn-success::after, .elem-style-nes .elem-style-neomorphic .layui-header .layui-nav .layui-btn-success.layui-nav-item::after, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .layui-btn-success.layui-nav-item::after, .elem-style-nes .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-success.layui-nav-item::after, .elem-style-neomorphic .layui-header .elem-style-nes .layuimini-header-menu > .layui-btn-success.layui-nav-item::after, .elem-style-nes .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-success::after, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes a.layui-btn-success::after, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-success::after, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes a.layui-btn-success::after, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layui-side.layui-bg-black::after, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layui-side.layui-bg-black::after, +.elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-success::after, +.elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-success::after, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-success::after, +.elem-style-neomorphic .elem-style-nes .layuimini-menu-left-zoom > ul.layui-btn-success::after, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layuimini-qiuck-module::after, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layuimini-qiuck-module::after, .elem-style-nes .elem-style-neomorphic .layui-btn-success.panel::after, .elem-style-neomorphic .elem-style-nes .layui-btn-success.panel::after, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layui-card::after, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layui-card::after, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layui-layer::after, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layui-layer::after, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layuimini-main::after, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layuimini-main::after, .elem-style-nes .elem-style-neomorphic .layui-table-tool .layui-btn-success.layui-inline[lay-event]::after, .elem-style-neomorphic .layui-table-tool .elem-style-nes .layui-btn-success.layui-inline[lay-event]::after, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-success::after, .elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-btn-success::after, .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-success.layui-inline[lay-event]::after, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-success::after, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .layui-btn-success.layui-inline[lay-event]::after, .elem-style-nes .elem-style-gtk .laydate-footer-btns span.layui-btn-success::after, .elem-style-gtk .laydate-footer-btns .elem-style-nes span.layui-btn-success::after, .elem-style-nes .elem-style-gtk .layui-laydate-footer span.layui-btn-success::after, .elem-style-gtk .layui-laydate-footer .elem-style-nes span.layui-btn-success::after, .elem-style-nes .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-success::after, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes li.layui-btn-success::after, .elem-style-nes .elem-style-gtk .layuimini-header-menu > li.layui-btn-success.layui-nav-item::after, .elem-style-gtk .elem-style-nes .layuimini-header-menu > li.layui-btn-success.layui-nav-item::after { + box-shadow: inset -3px -3px #4aa52e; +} +.elem-style-nes .layui-btn.layui-btn-success:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layui-form-radio:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layui-form-radio:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layui-form-checkbox:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layui-form-checkbox:hover, .elem-style-nes .elem-style-neomorphic .layui-form-select dl.layui-btn-success:hover, .elem-style-neomorphic .layui-form-select .elem-style-nes dl.layui-btn-success:hover, .elem-style-nes .elem-style-neomorphic .layui-header .layui-nav .layui-btn-success.layui-nav-item:hover, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .layui-btn-success.layui-nav-item:hover, .elem-style-nes .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-success.layui-nav-item:hover, .elem-style-neomorphic .layui-header .elem-style-nes .layuimini-header-menu > .layui-btn-success.layui-nav-item:hover, .elem-style-nes .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-success:hover, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes a.layui-btn-success:hover, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-success:hover, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes a.layui-btn-success:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layui-side.layui-bg-black:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layui-side.layui-bg-black:hover, +.elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-success:hover, +.elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-success:hover, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-success:hover, +.elem-style-neomorphic .elem-style-nes .layuimini-menu-left-zoom > ul.layui-btn-success:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layuimini-qiuck-module:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layuimini-qiuck-module:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-success.panel:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-success.panel:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layui-card:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layui-card:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layui-layer:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layui-layer:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-success.layuimini-main:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-success.layuimini-main:hover, .elem-style-nes .elem-style-neomorphic .layui-table-tool .layui-btn-success.layui-inline[lay-event]:hover, .elem-style-neomorphic .layui-table-tool .elem-style-nes .layui-btn-success.layui-inline[lay-event]:hover, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-success:hover, .elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-btn-success:hover, .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-success.layui-inline[lay-event]:hover, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-success:hover, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .layui-btn-success.layui-inline[lay-event]:hover, .elem-style-nes .elem-style-gtk .laydate-footer-btns span.layui-btn-success:hover, .elem-style-gtk .laydate-footer-btns .elem-style-nes span.layui-btn-success:hover, .elem-style-nes .elem-style-gtk .layui-laydate-footer span.layui-btn-success:hover, .elem-style-gtk .layui-laydate-footer .elem-style-nes span.layui-btn-success:hover, .elem-style-nes .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-success:hover, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes li.layui-btn-success:hover, .elem-style-nes .elem-style-gtk .layuimini-header-menu > li.layui-btn-success.layui-nav-item:hover, .elem-style-gtk .elem-style-nes .layuimini-header-menu > li.layui-btn-success.layui-nav-item:hover { + background-color: #92cc41; +} +.elem-style-nes .layui-btn.layui-btn-danger, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layui-form-radio, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layui-form-radio, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layui-form-checkbox, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layui-form-checkbox, .elem-style-nes .elem-style-neomorphic .layui-form-select dl.layui-btn-danger, .elem-style-neomorphic .layui-form-select .elem-style-nes dl.layui-btn-danger, .elem-style-nes .elem-style-neomorphic .layui-header .layui-nav .layui-btn-danger.layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .layui-btn-danger.layui-nav-item, .elem-style-nes .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-danger.layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-nes .layuimini-header-menu > .layui-btn-danger.layui-nav-item, .elem-style-nes .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-danger, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes a.layui-btn-danger, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-danger, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes a.layui-btn-danger, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layui-side.layui-bg-black, +.elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-danger, +.elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-danger, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-danger, +.elem-style-neomorphic .elem-style-nes .layuimini-menu-left-zoom > ul.layui-btn-danger, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layuimini-qiuck-module, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layuimini-qiuck-module, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.panel, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.panel, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layui-card, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layui-card, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layui-layer, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layui-layer, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layuimini-main, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layuimini-main, .elem-style-nes .elem-style-neomorphic .layui-table-tool .layui-btn-danger.layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-nes .layui-btn-danger.layui-inline[lay-event], .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-danger, .elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-btn-danger, .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-danger.layui-inline[lay-event], .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-danger, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .layui-btn-danger.layui-inline[lay-event], .elem-style-nes .elem-style-gtk .laydate-footer-btns span.layui-btn-danger, .elem-style-gtk .laydate-footer-btns .elem-style-nes span.layui-btn-danger, .elem-style-nes .elem-style-gtk .layui-laydate-footer span.layui-btn-danger, .elem-style-gtk .layui-laydate-footer .elem-style-nes span.layui-btn-danger, .elem-style-nes .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-danger, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes li.layui-btn-danger, .elem-style-nes .elem-style-gtk .layuimini-header-menu > li.layui-btn-danger.layui-nav-item, .elem-style-gtk .elem-style-nes .layuimini-header-menu > li.layui-btn-danger.layui-nav-item { + color: #fff; + background-color: #e76e55; +} +.elem-style-nes .layui-btn.layui-btn-danger::after, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layui-form-radio::after, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layui-form-radio::after, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layui-form-checkbox::after, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layui-form-checkbox::after, .elem-style-nes .elem-style-neomorphic .layui-form-select dl.layui-btn-danger::after, .elem-style-neomorphic .layui-form-select .elem-style-nes dl.layui-btn-danger::after, .elem-style-nes .elem-style-neomorphic .layui-header .layui-nav .layui-btn-danger.layui-nav-item::after, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .layui-btn-danger.layui-nav-item::after, .elem-style-nes .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-danger.layui-nav-item::after, .elem-style-neomorphic .layui-header .elem-style-nes .layuimini-header-menu > .layui-btn-danger.layui-nav-item::after, .elem-style-nes .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-danger::after, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes a.layui-btn-danger::after, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-danger::after, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes a.layui-btn-danger::after, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layui-side.layui-bg-black::after, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layui-side.layui-bg-black::after, +.elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-danger::after, +.elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-danger::after, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-danger::after, +.elem-style-neomorphic .elem-style-nes .layuimini-menu-left-zoom > ul.layui-btn-danger::after, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layuimini-qiuck-module::after, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layuimini-qiuck-module::after, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.panel::after, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.panel::after, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layui-card::after, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layui-card::after, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layui-layer::after, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layui-layer::after, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layuimini-main::after, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layuimini-main::after, .elem-style-nes .elem-style-neomorphic .layui-table-tool .layui-btn-danger.layui-inline[lay-event]::after, .elem-style-neomorphic .layui-table-tool .elem-style-nes .layui-btn-danger.layui-inline[lay-event]::after, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-danger::after, .elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-btn-danger::after, .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-danger.layui-inline[lay-event]::after, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-danger::after, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .layui-btn-danger.layui-inline[lay-event]::after, .elem-style-nes .elem-style-gtk .laydate-footer-btns span.layui-btn-danger::after, .elem-style-gtk .laydate-footer-btns .elem-style-nes span.layui-btn-danger::after, .elem-style-nes .elem-style-gtk .layui-laydate-footer span.layui-btn-danger::after, .elem-style-gtk .layui-laydate-footer .elem-style-nes span.layui-btn-danger::after, .elem-style-nes .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-danger::after, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes li.layui-btn-danger::after, .elem-style-nes .elem-style-gtk .layuimini-header-menu > li.layui-btn-danger.layui-nav-item::after, .elem-style-gtk .elem-style-nes .layuimini-header-menu > li.layui-btn-danger.layui-nav-item::after { + box-shadow: inset -3px -3px #8c2022; +} +.elem-style-nes .layui-btn.layui-btn-danger:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layui-form-radio:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layui-form-radio:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layui-form-checkbox:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layui-form-checkbox:hover, .elem-style-nes .elem-style-neomorphic .layui-form-select dl.layui-btn-danger:hover, .elem-style-neomorphic .layui-form-select .elem-style-nes dl.layui-btn-danger:hover, .elem-style-nes .elem-style-neomorphic .layui-header .layui-nav .layui-btn-danger.layui-nav-item:hover, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .layui-btn-danger.layui-nav-item:hover, .elem-style-nes .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-danger.layui-nav-item:hover, .elem-style-neomorphic .layui-header .elem-style-nes .layuimini-header-menu > .layui-btn-danger.layui-nav-item:hover, .elem-style-nes .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-danger:hover, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes a.layui-btn-danger:hover, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-danger:hover, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes a.layui-btn-danger:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layui-side.layui-bg-black:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layui-side.layui-bg-black:hover, +.elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-danger:hover, +.elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-danger:hover, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-danger:hover, +.elem-style-neomorphic .elem-style-nes .layuimini-menu-left-zoom > ul.layui-btn-danger:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layuimini-qiuck-module:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layuimini-qiuck-module:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.panel:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.panel:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layui-card:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layui-card:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layui-layer:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layui-layer:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-danger.layuimini-main:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-danger.layuimini-main:hover, .elem-style-nes .elem-style-neomorphic .layui-table-tool .layui-btn-danger.layui-inline[lay-event]:hover, .elem-style-neomorphic .layui-table-tool .elem-style-nes .layui-btn-danger.layui-inline[lay-event]:hover, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-danger:hover, .elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-btn-danger:hover, .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-danger.layui-inline[lay-event]:hover, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-danger:hover, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .layui-btn-danger.layui-inline[lay-event]:hover, .elem-style-nes .elem-style-gtk .laydate-footer-btns span.layui-btn-danger:hover, .elem-style-gtk .laydate-footer-btns .elem-style-nes span.layui-btn-danger:hover, .elem-style-nes .elem-style-gtk .layui-laydate-footer span.layui-btn-danger:hover, .elem-style-gtk .layui-laydate-footer .elem-style-nes span.layui-btn-danger:hover, .elem-style-nes .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-danger:hover, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes li.layui-btn-danger:hover, .elem-style-nes .elem-style-gtk .layuimini-header-menu > li.layui-btn-danger.layui-nav-item:hover, .elem-style-gtk .elem-style-nes .layuimini-header-menu > li.layui-btn-danger.layui-nav-item:hover { + background-color: #ce372b; +} +.elem-style-nes .layui-btn.layui-btn-warm, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layui-form-radio, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layui-form-radio, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layui-form-checkbox, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layui-form-checkbox, .elem-style-nes .elem-style-neomorphic .layui-form-select dl.layui-btn-warm, .elem-style-neomorphic .layui-form-select .elem-style-nes dl.layui-btn-warm, .elem-style-nes .elem-style-neomorphic .layui-header .layui-nav .layui-btn-warm.layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .layui-btn-warm.layui-nav-item, .elem-style-nes .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-warm.layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-nes .layuimini-header-menu > .layui-btn-warm.layui-nav-item, .elem-style-nes .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-warm, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes a.layui-btn-warm, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-warm, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes a.layui-btn-warm, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layui-side.layui-bg-black, +.elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-warm, +.elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-warm, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-warm, +.elem-style-neomorphic .elem-style-nes .layuimini-menu-left-zoom > ul.layui-btn-warm, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layuimini-qiuck-module, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layuimini-qiuck-module, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.panel, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.panel, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layui-card, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layui-card, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layui-layer, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layui-layer, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layuimini-main, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layuimini-main, .elem-style-nes .elem-style-neomorphic .layui-table-tool .layui-btn-warm.layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-nes .layui-btn-warm.layui-inline[lay-event], .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-warm, .elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-btn-warm, .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-warm.layui-inline[lay-event], .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-warm, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .layui-btn-warm.layui-inline[lay-event], .elem-style-nes .elem-style-gtk .laydate-footer-btns span.layui-btn-warm, .elem-style-gtk .laydate-footer-btns .elem-style-nes span.layui-btn-warm, .elem-style-nes .elem-style-gtk .layui-laydate-footer span.layui-btn-warm, .elem-style-gtk .layui-laydate-footer .elem-style-nes span.layui-btn-warm, .elem-style-nes .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-warm, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes li.layui-btn-warm, .elem-style-nes .elem-style-gtk .layuimini-header-menu > li.layui-btn-warm.layui-nav-item, .elem-style-gtk .elem-style-nes .layuimini-header-menu > li.layui-btn-warm.layui-nav-item { + color: #212529; + background-color: #f7d51d; +} +.elem-style-nes .layui-btn.layui-btn-warm::after, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layui-form-radio::after, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layui-form-radio::after, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layui-form-checkbox::after, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layui-form-checkbox::after, .elem-style-nes .elem-style-neomorphic .layui-form-select dl.layui-btn-warm::after, .elem-style-neomorphic .layui-form-select .elem-style-nes dl.layui-btn-warm::after, .elem-style-nes .elem-style-neomorphic .layui-header .layui-nav .layui-btn-warm.layui-nav-item::after, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .layui-btn-warm.layui-nav-item::after, .elem-style-nes .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-warm.layui-nav-item::after, .elem-style-neomorphic .layui-header .elem-style-nes .layuimini-header-menu > .layui-btn-warm.layui-nav-item::after, .elem-style-nes .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-warm::after, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes a.layui-btn-warm::after, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-warm::after, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes a.layui-btn-warm::after, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layui-side.layui-bg-black::after, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layui-side.layui-bg-black::after, +.elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-warm::after, +.elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-warm::after, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-warm::after, +.elem-style-neomorphic .elem-style-nes .layuimini-menu-left-zoom > ul.layui-btn-warm::after, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layuimini-qiuck-module::after, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layuimini-qiuck-module::after, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.panel::after, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.panel::after, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layui-card::after, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layui-card::after, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layui-layer::after, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layui-layer::after, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layuimini-main::after, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layuimini-main::after, .elem-style-nes .elem-style-neomorphic .layui-table-tool .layui-btn-warm.layui-inline[lay-event]::after, .elem-style-neomorphic .layui-table-tool .elem-style-nes .layui-btn-warm.layui-inline[lay-event]::after, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-warm::after, .elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-btn-warm::after, .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-warm.layui-inline[lay-event]::after, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-warm::after, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .layui-btn-warm.layui-inline[lay-event]::after, .elem-style-nes .elem-style-gtk .laydate-footer-btns span.layui-btn-warm::after, .elem-style-gtk .laydate-footer-btns .elem-style-nes span.layui-btn-warm::after, .elem-style-nes .elem-style-gtk .layui-laydate-footer span.layui-btn-warm::after, .elem-style-gtk .layui-laydate-footer .elem-style-nes span.layui-btn-warm::after, .elem-style-nes .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-warm::after, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes li.layui-btn-warm::after, .elem-style-nes .elem-style-gtk .layuimini-header-menu > li.layui-btn-warm.layui-nav-item::after, .elem-style-gtk .elem-style-nes .layuimini-header-menu > li.layui-btn-warm.layui-nav-item::after { + box-shadow: inset -3px -3px #e59400; +} +.elem-style-nes .layui-btn.layui-btn-warm:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layui-form-radio:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layui-form-radio:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layui-form-checkbox:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layui-form-checkbox:hover, .elem-style-nes .elem-style-neomorphic .layui-form-select dl.layui-btn-warm:hover, .elem-style-neomorphic .layui-form-select .elem-style-nes dl.layui-btn-warm:hover, .elem-style-nes .elem-style-neomorphic .layui-header .layui-nav .layui-btn-warm.layui-nav-item:hover, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .layui-btn-warm.layui-nav-item:hover, .elem-style-nes .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-btn-warm.layui-nav-item:hover, .elem-style-neomorphic .layui-header .elem-style-nes .layuimini-header-menu > .layui-btn-warm.layui-nav-item:hover, .elem-style-nes .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a.layui-btn-warm:hover, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes a.layui-btn-warm:hover, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a.layui-btn-warm:hover, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes a.layui-btn-warm:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layui-side.layui-bg-black:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layui-side.layui-bg-black:hover, +.elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-warm:hover, +.elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black > .layuimini-menu-left > ul.layui-btn-warm:hover, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom > ul.layui-btn-warm:hover, +.elem-style-neomorphic .elem-style-nes .layuimini-menu-left-zoom > ul.layui-btn-warm:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layuimini-qiuck-module:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layuimini-qiuck-module:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.panel:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.panel:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layui-card:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layui-card:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layui-layer:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layui-layer:hover, .elem-style-nes .elem-style-neomorphic .layui-btn-warm.layuimini-main:hover, .elem-style-neomorphic .elem-style-nes .layui-btn-warm.layuimini-main:hover, .elem-style-nes .elem-style-neomorphic .layui-table-tool .layui-btn-warm.layui-inline[lay-event]:hover, .elem-style-neomorphic .layui-table-tool .elem-style-nes .layui-btn-warm.layui-inline[lay-event]:hover, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-warm:hover, .elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-btn-warm:hover, .elem-style-nes .layuimini-container .layui-table-tool .layui-btn-warm.layui-inline[lay-event]:hover, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes a.layui-btn-warm:hover, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .layui-btn-warm.layui-inline[lay-event]:hover, .elem-style-nes .elem-style-gtk .laydate-footer-btns span.layui-btn-warm:hover, .elem-style-gtk .laydate-footer-btns .elem-style-nes span.layui-btn-warm:hover, .elem-style-nes .elem-style-gtk .layui-laydate-footer span.layui-btn-warm:hover, .elem-style-gtk .layui-laydate-footer .elem-style-nes span.layui-btn-warm:hover, .elem-style-nes .elem-style-gtk .layui-tab-brief > .layui-tab-title li.layui-btn-warm:hover, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes li.layui-btn-warm:hover, .elem-style-nes .elem-style-gtk .layuimini-header-menu > li.layui-btn-warm.layui-nav-item:hover, .elem-style-gtk .elem-style-nes .layuimini-header-menu > li.layui-btn-warm.layui-nav-item:hover { + color: #212529; + background-color: #f2c409; +} +.elem-style-nes .form-search .layui-btn, .elem-style-nes .form-search .elem-style-neomorphic .layui-form-radio, .elem-style-neomorphic .elem-style-nes .form-search .layui-form-radio, .elem-style-nes .form-search .elem-style-neomorphic .layui-form-checkbox, .elem-style-neomorphic .elem-style-nes .form-search .layui-form-checkbox, .elem-style-nes .form-search .elem-style-neomorphic .layui-form-select dl, .elem-style-neomorphic .layui-form-select .elem-style-nes .form-search dl, .elem-style-nes .form-search .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .form-search .layui-nav-item, .elem-style-nes .form-search .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-nes .form-search .layuimini-header-menu > .layui-nav-item, .elem-style-nes .form-search .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes .form-search a, +.elem-style-nes .form-search .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes .form-search a, .elem-style-nes .form-search .elem-style-neomorphic .layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-nes .form-search .layui-side.layui-bg-black, +.elem-style-nes .form-search .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-neomorphic .elem-style-nes .form-search .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-nes .form-search .elem-style-neomorphic .layuimini-menu-left-zoom > ul, +.elem-style-neomorphic .elem-style-nes .form-search .layuimini-menu-left-zoom > ul, .elem-style-nes .form-search .elem-style-neomorphic .layuimini-qiuck-module, .elem-style-neomorphic .elem-style-nes .form-search .layuimini-qiuck-module, .elem-style-nes .form-search .elem-style-neomorphic .panel, .elem-style-neomorphic .elem-style-nes .form-search .panel, .elem-style-nes .form-search .elem-style-neomorphic .layui-card, .elem-style-neomorphic .elem-style-nes .form-search .layui-card, .elem-style-nes .form-search .elem-style-neomorphic .layui-layer, .elem-style-neomorphic .elem-style-nes .form-search .layui-layer, .elem-style-nes .form-search .elem-style-neomorphic .layuimini-main, .elem-style-neomorphic .elem-style-nes .form-search .layuimini-main, .elem-style-nes .form-search .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-nes .form-search .layui-inline[lay-event], .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes .form-search a, .elem-style-nes .form-search .layui-layer-easy .layui-layer-btn a, .elem-style-nes .layui-layer-easy .layui-layer-btn .form-search a, .elem-style-nes .form-search .layuimini-container .layui-table-tool .layui-inline[lay-event], .elem-style-nes .layuimini-container .layui-table-tool .form-search .layui-inline[lay-event], .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes .form-search a, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .form-search .layui-inline[lay-event], .elem-style-nes .form-search .elem-style-gtk .laydate-footer-btns span, .elem-style-gtk .laydate-footer-btns .elem-style-nes .form-search span, .elem-style-nes .form-search .elem-style-gtk .layui-laydate-footer span, .elem-style-gtk .layui-laydate-footer .elem-style-nes .form-search span, .elem-style-nes .form-search .elem-style-gtk .layui-tab-brief > .layui-tab-title li, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes .form-search li, .elem-style-nes .form-search .elem-style-gtk .layuimini-header-menu > li.layui-nav-item, .elem-style-gtk .elem-style-nes .form-search .layuimini-header-menu > li.layui-nav-item { + line-height: 16px; + font-size: 14px; +} +.elem-style-nes .layuimini-container .layui-table-tool .layui-inline[lay-event] { + line-height: 24px; +} +.elem-style-nes .layui-table img { + image-rendering: pixelated; +} +.elem-style-nes .layui-form-checkbox[lay-skin=primary] i { + position: relative; +} +.elem-style-nes .layui-form-checked[lay-skin=primary] i { + background-color: unset; + color: #212529; + font-weight: bold; + font-size: 28px; +} +.elem-style-nes .layui-btn, .elem-style-nes .elem-style-neomorphic .layui-form-radio, .elem-style-neomorphic .elem-style-nes .layui-form-radio, .elem-style-nes .elem-style-neomorphic .layui-form-checkbox, .elem-style-neomorphic .elem-style-nes .layui-form-checkbox, .elem-style-nes .elem-style-neomorphic .layui-form-select dl, .elem-style-neomorphic .layui-form-select .elem-style-nes dl, .elem-style-nes .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-nes .layui-nav-item, .elem-style-nes .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-nes .layuimini-header-menu > .layui-nav-item, .elem-style-nes .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-nes a, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-nes a, .elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black, +.elem-style-nes .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-neomorphic .elem-style-nes .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-nes .elem-style-neomorphic .layuimini-menu-left-zoom > ul, +.elem-style-neomorphic .elem-style-nes .layuimini-menu-left-zoom > ul, .elem-style-nes .elem-style-neomorphic .layuimini-qiuck-module, .elem-style-neomorphic .elem-style-nes .layuimini-qiuck-module, .elem-style-nes .elem-style-neomorphic .panel, .elem-style-neomorphic .elem-style-nes .panel, .elem-style-nes .elem-style-neomorphic .layui-card, .elem-style-neomorphic .elem-style-nes .layui-card, .elem-style-nes .elem-style-neomorphic .layui-layer, .elem-style-neomorphic .elem-style-nes .layui-layer, .elem-style-nes .elem-style-neomorphic .layuimini-main, .elem-style-neomorphic .elem-style-nes .layuimini-main, .elem-style-nes .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-nes .layui-inline[lay-event], .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-nes a, .elem-style-nes .layui-layer-easy .layui-layer-btn a, .elem-style-nes .elem-style-sicfi .layui-layer-easy .layui-layer-btn a, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-nes a, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-nes .layui-inline[lay-event], .elem-style-nes .elem-style-gtk .laydate-footer-btns span, .elem-style-gtk .laydate-footer-btns .elem-style-nes span, .elem-style-nes .elem-style-gtk .layui-laydate-footer span, .elem-style-gtk .layui-laydate-footer .elem-style-nes span, .elem-style-nes .elem-style-gtk .layui-tab-brief > .layui-tab-title li, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-nes li, .elem-style-nes .elem-style-gtk .layuimini-header-menu > li.layui-nav-item, .elem-style-gtk .elem-style-nes .layuimini-header-menu > li.layui-nav-item, .elem-style-nes .layuimini-container .layui-table-tool .layui-inline[lay-event] { + font-size: 18px; +} +.elem-style-nes .layui-btn-sm { + font-size: 16px; +} +.elem-style-nes .layui-btn-xs { + font-size: 14px; +} +.elem-style-nes .layui-nav * { + font-size: 16px; +} +.elem-style-nes .layui-tab-title li { + font-size: 18px; +} +.elem-style-nes .layui-nav-tree .layui-nav-item { + border-bottom: 3px solid #212529; +} +.elem-style-nes .layuimini-header-menu > .layui-nav-item { + border-image-outset: 0; +} +.elem-style-nes .layui-table td, +.elem-style-nes .layui-table th { + font-size: 16px; + border-width: 0 2px 2px 0; + border-style: solid; + border-color: #212529; +} +.elem-style-nes .layui-form-label { + background-color: unset; + border: unset; + text-align: right; + color: #212529; + font-size: 16px; + font-weight: bold; +} +.elem-style-nes .layuimini-form > .layui-form-item > .layui-input-block tip, +.elem-style-nes .layuimini-form > .layui-form-item > .layui-inline tip { + font-size: 14px; +} +.elem-style-nes .layui-layer-easy .layui-layer-title { + background: unset !important; + color: #212529 !important; + font-size: 16px; + border-bottom: 1px solid #f0f0f0; +} +.elem-style-nes .layui-layer-easy .layui-layer-btn { + background: unset !important; +} +.elem-style-nes .layui-layer-easy .layui-layer-btn a { + color: #212529 !important; +} +.elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-layer-btn0 { + color: #fff !important; + background-color: #209cee; +} +.elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-layer-btn0::after { + box-shadow: inset -3px -3px #006bb3; +} +.elem-style-nes .layui-layer-easy .layui-layer-btn a.layui-layer-btn0:hover { + background-color: #108de0; +} +.elem-style-nes .layui-layer-dialog .layui-layer-content { + font-size: 16px; +} +.elem-style-nes .layui-layer-easy .layui-layer-setwin > span { + color: #212529; +} +.elem-style-nes .layui-layer-easy .layui-layer-setwin > span:after { + color: #212529; +} +.elem-style-nes .layui-layer-easy .layui-layer-setwin .layui-layer-max::after, +.elem-style-nes .layui-layer-easy .layui-layer-setwin .layui-layer-max::before { + border-color: #212529; +} +.elem-style-nes .layui-layer-easy .layui-layer-setwin .layui-layer-min::before { + background-color: #212529; +} +.elem-style-nes .layui-card .layui-card-header { + font-size: 18px; +} +.elem-style-nes .layui-table-box { + border-image-outset: 1; + margin-top: 5px; +} +.elem-style-nes .layuimini-container .layui-table-box .layui-table-header th { + color: #212529 !important; +} +.elem-style-nes .layui-table tbody tr:hover, +.elem-style-nes .layui-table thead tr, +.elem-style-nes .layui-table-click, +.elem-style-nes .layui-table-header, +.elem-style-nes .layui-table-hover, +.elem-style-nes .layui-table-mend, +.elem-style-nes .layui-table-patch, +.elem-style-nes .layui-table-tool, +.elem-style-nes .layui-table-total, +.elem-style-nes .layui-table-total tr { + background-color: unset; +} +.elem-style-nes .layui-table-header .layui-table { + margin-bottom: 0; +} +.elem-style-nes .layui-badge, +.elem-style-nes .layui-badge-rim { + position: relative; + border-radius: 0; +} +.elem-style-nes .layui-badge::after, +.elem-style-nes .layui-badge-rim::after { + content: ""; + position: absolute; + left: 0; + width: 100%; + height: 100%; + top: 0; + pointer-events: none; + box-shadow: 0 4px #209cee, 0 -4px #209cee, 4px 0 #209cee, -4px 0 #209cee; +} +.elem-style-nes .layui-badge.layui-bg-blue, +.elem-style-nes .layui-badge-rim.layui-bg-blue { + background-color: #209cee; +} +.elem-style-nes .layui-badge.layui-bg-blue::after, +.elem-style-nes .layui-badge-rim.layui-bg-blue::after { + box-shadow: 0 4px #209cee, 0 -4px #209cee, 4px 0 #209cee, -4px 0 #209cee; +} +.elem-style-nes .layui-badge.layui-bg-gray, +.elem-style-nes .layui-badge-rim.layui-bg-gray { + background-color: #92cc41; +} +.elem-style-nes .layui-badge.layui-bg-gray::after, +.elem-style-nes .layui-badge-rim.layui-bg-gray::after { + box-shadow: 0 4px #92cc41, 0 -4px #92cc41, 4px 0 #92cc41, -4px 0 #92cc41; +} +.elem-style-nes .layuimini-color .elem-content li { + cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0, pointer; +} + +.elem-style-win7 { + color: #222; + background-color: #f0f0f0; +} +.elem-style-win7 .layui-btn, .elem-style-win7 .elem-style-neomorphic .layui-form-radio, .elem-style-neomorphic .elem-style-win7 .layui-form-radio, .elem-style-win7 .elem-style-neomorphic .layui-form-checkbox, .elem-style-neomorphic .elem-style-win7 .layui-form-checkbox, .elem-style-win7 .elem-style-neomorphic .layui-form-select dl, .elem-style-neomorphic .layui-form-select .elem-style-win7 dl, .elem-style-win7 .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-win7 .layui-nav-item, .elem-style-win7 .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-win7 .layuimini-header-menu > .layui-nav-item, .elem-style-win7 .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-win7 a, +.elem-style-win7 .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-win7 a, .elem-style-win7 .elem-style-neomorphic .layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-win7 .layui-side.layui-bg-black, +.elem-style-win7 .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-neomorphic .elem-style-win7 .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-win7 .elem-style-neomorphic .layuimini-menu-left-zoom > ul, +.elem-style-neomorphic .elem-style-win7 .layuimini-menu-left-zoom > ul, .elem-style-win7 .elem-style-neomorphic .layuimini-qiuck-module, .elem-style-neomorphic .elem-style-win7 .layuimini-qiuck-module, .elem-style-win7 .elem-style-neomorphic .panel, .elem-style-neomorphic .elem-style-win7 .panel, .elem-style-win7 .elem-style-neomorphic .layui-card, .elem-style-neomorphic .elem-style-win7 .layui-card, .elem-style-win7 .elem-style-neomorphic .layui-layer, .elem-style-neomorphic .elem-style-win7 .layui-layer, .elem-style-win7 .elem-style-neomorphic .layuimini-main, .elem-style-neomorphic .elem-style-win7 .layuimini-main, .elem-style-win7 .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-win7 .layui-inline[lay-event], .elem-style-win7 .layui-layer-easy .layui-layer-btn a, .elem-style-win7 .elem-style-sicfi .layui-layer-easy .layui-layer-btn a, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-win7 a, .elem-style-win7 .elem-style-gtk .layuimini-container .layui-table-tool .layui-inline[lay-event], .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-win7 .layui-inline[lay-event], .elem-style-win7 .elem-style-gtk .laydate-footer-btns span, .elem-style-gtk .laydate-footer-btns .elem-style-win7 span, .elem-style-win7 .elem-style-gtk .layui-laydate-footer span, .elem-style-gtk .layui-laydate-footer .elem-style-win7 span, .elem-style-win7 .elem-style-gtk .layui-tab-brief > .layui-tab-title li, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-win7 li, .elem-style-win7 .elem-style-gtk .layuimini-header-menu > li.layui-nav-item, .elem-style-gtk .elem-style-win7 .layuimini-header-menu > li.layui-nav-item, .elem-style-win7 .elem-style-nes .layuimini-container .layui-table-tool .layui-inline[lay-event], .elem-style-nes .layuimini-container .layui-table-tool .elem-style-win7 .layui-inline[lay-event], .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-win7 a { + background: linear-gradient(180deg, #eee 45%, #ddd 0, #bbb); + border: 1.5px solid #888; + border-radius: 3px; + box-shadow: inset 0 -1px 1px hsla(0, 0%, 100%, 0.8), inset 0 1px 1px #fff; + box-sizing: border-box; + color: #222; +} +.elem-style-win7 .layui-btn:hover, .elem-style-win7 .elem-style-neomorphic .layui-form-radio:hover, .elem-style-neomorphic .elem-style-win7 .layui-form-radio:hover, .elem-style-win7 .elem-style-neomorphic .layui-form-checkbox:hover, .elem-style-neomorphic .elem-style-win7 .layui-form-checkbox:hover, .elem-style-win7 .elem-style-neomorphic .layui-form-select dl:hover, .elem-style-neomorphic .layui-form-select .elem-style-win7 dl:hover, .elem-style-win7 .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item:hover, .elem-style-neomorphic .layui-header .layui-nav .elem-style-win7 .layui-nav-item:hover, .elem-style-win7 .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item:hover, .elem-style-neomorphic .layui-header .elem-style-win7 .layuimini-header-menu > .layui-nav-item:hover, .elem-style-win7 .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a:hover, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-win7 a:hover, +.elem-style-win7 .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-win7 a:hover, .elem-style-win7 .elem-style-neomorphic .layui-side.layui-bg-black:hover, .elem-style-neomorphic .elem-style-win7 .layui-side.layui-bg-black:hover, +.elem-style-win7 .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul:hover, +.elem-style-neomorphic .elem-style-win7 .layui-side.layui-bg-black > .layuimini-menu-left > ul:hover, +.elem-style-win7 .elem-style-neomorphic .layuimini-menu-left-zoom > ul:hover, +.elem-style-neomorphic .elem-style-win7 .layuimini-menu-left-zoom > ul:hover, .elem-style-win7 .elem-style-neomorphic .layuimini-qiuck-module:hover, .elem-style-neomorphic .elem-style-win7 .layuimini-qiuck-module:hover, .elem-style-win7 .elem-style-neomorphic .panel:hover, .elem-style-neomorphic .elem-style-win7 .panel:hover, .elem-style-win7 .elem-style-neomorphic .layui-card:hover, .elem-style-neomorphic .elem-style-win7 .layui-card:hover, .elem-style-win7 .elem-style-neomorphic .layui-layer:hover, .elem-style-neomorphic .elem-style-win7 .layui-layer:hover, .elem-style-win7 .elem-style-neomorphic .layuimini-main:hover, .elem-style-neomorphic .elem-style-win7 .layuimini-main:hover, .elem-style-win7 .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event]:hover, .elem-style-neomorphic .layui-table-tool .elem-style-win7 .layui-inline[lay-event]:hover, .elem-style-win7 .layui-layer-easy .layui-layer-btn a:hover, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-win7 a:hover, .elem-style-win7 .elem-style-gtk .layuimini-container .layui-table-tool .layui-inline[lay-event]:hover, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-win7 .layui-inline[lay-event]:hover, .elem-style-win7 .elem-style-gtk .laydate-footer-btns span:hover, .elem-style-gtk .laydate-footer-btns .elem-style-win7 span:hover, .elem-style-win7 .elem-style-gtk .layui-laydate-footer span:hover, .elem-style-gtk .layui-laydate-footer .elem-style-win7 span:hover, .elem-style-win7 .elem-style-gtk .layui-tab-brief > .layui-tab-title li:hover, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-win7 li:hover, .elem-style-win7 .elem-style-gtk .layuimini-header-menu > li.layui-nav-item:hover, .elem-style-gtk .elem-style-win7 .layuimini-header-menu > li.layui-nav-item:hover, .elem-style-win7 .elem-style-nes .layuimini-container .layui-table-tool .layui-inline[lay-event]:hover, .elem-style-nes .layuimini-container .layui-table-tool .elem-style-win7 .layui-inline[lay-event]:hover, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-win7 a:hover { + background: linear-gradient(180deg, #e5f4fd 45%, #b3e0f9 0); + border-color: #72a2c5; +} +.elem-style-win7 .layui-layer-easy .layui-layer-btn a { + color: #222 !important; + height: 26px; + line-height: 26px; + font-size: 12px; +} +.elem-style-win7 .layui-layer-title { + background: linear-gradient(90deg, hsla(0, 0%, 100%, 0.4), rgba(0, 0, 0, 0.1), hsla(0, 0%, 100%, 0.2)), linear-gradient(55deg, transparent, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1) 50%, transparent 53%), #4580c4 !important; + border: 1px solid rgba(0, 0, 0, 0.6); + border-radius: 6px 6px 0 0; + height: 27px; + line-height: 27px; + color: #000 !important; + letter-spacing: 0; + font-size: 12px; + text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff; + padding: 0 80px 0 8px; + border: 0; + box-shadow: inset 0 0.5px #fff; +} +.elem-style-win7 .layui-layer-easy .layui-layer-title ~ .layui-layer-setwin { + height: 27px !important; + top: 1px; +} +.elem-style-win7 .layui-layer-easy .layui-layer-title ~ .layui-layer-setwin > span { + height: 20px !important; + line-height: 20px !important; + background: linear-gradient(hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3) 45%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, hsla(0, 0%, 100%, 0.5)) !important; + border: 0; + border-radius: 0; + border-bottom-right-radius: 0px; + border-right: 1px solid rgba(0, 0, 0, 0.6); + box-shadow: inset 0 0 0 0.5px #eee; + box-sizing: border-box; + padding: 0; + position: relative; + margin-left: 0; + min-width: 26px; + text-align: center; +} +.elem-style-win7 .layui-layer-easy .layui-layer-title ~ .layui-layer-setwin > span:hover { + background: radial-gradient(circle at 50% 100%, #2aceda, transparent 60%), linear-gradient(#a9d2e8 50%, #196c9b 0) !important; +} +.elem-style-win7 .layui-layer-easy .layui-layer-title ~ .layui-layer-setwin > span:last-child { + border: 0; + border-bottom-right-radius: 5px; +} +.elem-style-win7 .layui-layer-easy .layui-layer-title ~ .layui-layer-setwin > span:first-child { + border-bottom-left-radius: 5px; +} +.elem-style-win7 .layui-layer-easy .layui-layer-title ~ .layui-layer-setwin > span.layui-layer-close1 { + background-color: #d04a37 !important; + min-width: 45px !important; +} +.elem-style-win7 .layui-layer-easy .layui-layer-title ~ .layui-layer-setwin > span.layui-layer-close1:hover { + filter: contrast(1.3); + background-image: linear-gradient(hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0.3) 45%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, hsla(0, 0%, 100%, 0.5)) !important; +} +.elem-style-win7 .layui-layer-dialog { + border-radius: 20px; +} +.elem-style-win7 .layui-layer-iframe { + border-radius: 20px; +} +.elem-style-win7 .layui-layer:not(.layui-layer-loading) .layui-layer-content { + background: #f0f0f0; + border: 1px solid rgba(0, 0, 0, 0.6); + box-shadow: 0 -1px 1px 0.5px #fff; + margin: 0 6px 0 6px; + padding: 6px; + border-bottom-width: 0; +} +.elem-style-win7 .layui-layer:not(.layui-layer-loading)::before { + background: linear-gradient(transparent 20%, hsla(0, 0%, 100%, 0.7) 40%, transparent 41%), linear-gradient(90deg, hsla(0, 0%, 100%, 0.4), rgba(0, 0, 0, 0.1), hsla(0, 0%, 100%, 0.2)), linear-gradient(55deg, transparent, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1) 50%, transparent 53%), #4580c4; + border-radius: 6px; + content: ""; + height: 100%; + position: absolute; + width: 100%; + z-index: -1; +} +.elem-style-win7 .layui-layer:not(.layui-layer-loading).layui-layer-iframe::before { + height: calc(100% + 20px); +} +.elem-style-win7 .layui-layer-easy .layui-layer-btn { + background: #f0f0f0; + border: 1px solid rgba(0, 0, 0, 0.6); + box-shadow: 0 0 1px 0.5px #fff; + margin: 0 6px 6px; + padding: 6px; + border-top: 0; + text-align: right !important; +} +.elem-style-win7 .layui-card { + border: 1px solid rgba(0, 0, 0, 0.6); + border-radius: 6px; + box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.6); + font: 9pt Segoe UI, sans-serif; + position: relative; + z-index: 0; +} +.elem-style-win7 .layui-card::before { + background: linear-gradient(transparent 20%, hsla(0, 0%, 100%, 0.7) 40%, transparent 41%), linear-gradient(90deg, hsla(0, 0%, 100%, 0.4), rgba(0, 0, 0, 0.1), hsla(0, 0%, 100%, 0.2)), linear-gradient(55deg, transparent, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1) 50%, transparent 53%), #4580c4; + border-radius: 6px; + content: ""; + height: 100%; + position: absolute; + width: 100%; + z-index: -1; +} +.elem-style-win7 .layui-card .layui-card-header { + align-items: center; + background: linear-gradient(90deg, hsla(0, 0%, 100%, 0.4), rgba(0, 0, 0, 0.1), hsla(0, 0%, 100%, 0.2)), linear-gradient(55deg, transparent, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.1) 50%, transparent 53%), #4580c4; + border-radius: 6px 6px 0 0; + font: 9pt Segoe UI, sans-serif; + justify-content: space-between; + padding: 6px; + border: 0; + box-shadow: inset 0 0.5px #fff; + height: 15px; + color: #000; + letter-spacing: 0; + line-height: 15px; + text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff; +} +.elem-style-win7 .layui-card .layui-card-body { + background: #f0f0f0; + border: 1px solid rgba(0, 0, 0, 0.6); + box-shadow: 0 0 1px 0.5px #fff; + margin: 0 6px 6px; + padding: 6px; +} +.elem-style-win7 .layui-tab-brief > .layui-tab-title .layui-this { + color: #222; +} +.elem-style-win7 .layuimini-tab .layui-tab-control > li { + height: 27px !important; + line-height: 27px !important; +} +.elem-style-win7 .layui-form-checkbox[lay-skin=primary] i { + background: #ddd; + border: 1px solid #888; + box-shadow: inset 0 0 0 1.5px #eee, inset 0 2px 4px #888, inset -2px -3px 4px #fff; + box-sizing: border-box; + content: ""; + display: inline-block; + height: 13px; + margin-right: 6px; + width: 13px; + color: transparent; +} +.elem-style-win7 .layui-form-checked[lay-skin=primary] i { + color: #16638f; + border-color: #888; + display: block; + font-weight: 700; + position: absolute; +} +.elem-style-win7 .layui-form-checked[lay-skin=primary] i::before { + font-size: 14px; +} +.elem-style-win7 .layui-form-radio:hover *, +.elem-style-win7 .layui-form-radioed, +.elem-style-win7 .layui-form-radioed > i { + color: #16638f; +} +.elem-style-win7 .layui-input { + background-color: #fff; + border: 1px solid #ccc; + border-top-color: rgb(204, 204, 204); + border-radius: 2px; + border-top-color: #888; + box-sizing: border-box; + font: 9pt Segoe UI, sans-serif; + padding: 3px 4px 5px; +} +.elem-style-win7 .layui-input, +.elem-style-win7 .layui-select, +.elem-style-win7 .layui-textarea { + height: unset; +} +.elem-style-win7 .layui-form-label { + padding: 3px 15px; + font: 9pt Segoe UI, sans-serif; +} +.elem-style-win7 .layuimini-form > .layui-form-item .required::after { + top: 2px; +} +.elem-style-win7 .form-search .layui-input-inline input, +.elem-style-win7 .form-search .layui-input-inline select { + height: unset; + line-height: unset; +} +.elem-style-win7 .form-search .layui-form-label { + height: unset; + background: unset; + text-align: right; + border: unset; +} +.elem-style-win7 .layuimini-upload-btn .layui-btn, .elem-style-win7 .layuimini-upload-btn .elem-style-neomorphic .layui-form-radio, .elem-style-neomorphic .elem-style-win7 .layuimini-upload-btn .layui-form-radio, .elem-style-win7 .layuimini-upload-btn .elem-style-neomorphic .layui-form-checkbox, .elem-style-neomorphic .elem-style-win7 .layuimini-upload-btn .layui-form-checkbox, .elem-style-win7 .layuimini-upload-btn .elem-style-neomorphic .layui-form-select dl, .elem-style-neomorphic .layui-form-select .elem-style-win7 .layuimini-upload-btn dl, .elem-style-win7 .layuimini-upload-btn .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item, .elem-style-neomorphic .layui-header .layui-nav .elem-style-win7 .layuimini-upload-btn .layui-nav-item, .elem-style-win7 .layuimini-upload-btn .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item, .elem-style-neomorphic .layui-header .elem-style-win7 .layuimini-upload-btn .layuimini-header-menu > .layui-nav-item, .elem-style-win7 .layuimini-upload-btn .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item .elem-style-win7 .layuimini-upload-btn a, +.elem-style-win7 .layuimini-upload-btn .elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item .elem-style-win7 .layuimini-upload-btn a, .elem-style-win7 .layuimini-upload-btn .elem-style-neomorphic .layui-side.layui-bg-black, .elem-style-neomorphic .elem-style-win7 .layuimini-upload-btn .layui-side.layui-bg-black, +.elem-style-win7 .layuimini-upload-btn .elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-neomorphic .elem-style-win7 .layuimini-upload-btn .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-win7 .layuimini-upload-btn .elem-style-neomorphic .layuimini-menu-left-zoom > ul, +.elem-style-neomorphic .elem-style-win7 .layuimini-upload-btn .layuimini-menu-left-zoom > ul, .elem-style-win7 .layuimini-upload-btn .elem-style-neomorphic .layuimini-qiuck-module, .elem-style-neomorphic .elem-style-win7 .layuimini-upload-btn .layuimini-qiuck-module, .elem-style-win7 .layuimini-upload-btn .elem-style-neomorphic .panel, .elem-style-neomorphic .elem-style-win7 .layuimini-upload-btn .panel, .elem-style-win7 .layuimini-upload-btn .elem-style-neomorphic .layui-card, .elem-style-neomorphic .elem-style-win7 .layuimini-upload-btn .layui-card, .elem-style-win7 .layuimini-upload-btn .elem-style-neomorphic .layui-layer, .elem-style-neomorphic .elem-style-win7 .layuimini-upload-btn .layui-layer, .elem-style-win7 .layuimini-upload-btn .elem-style-neomorphic .layuimini-main, .elem-style-neomorphic .elem-style-win7 .layuimini-upload-btn .layuimini-main, .elem-style-win7 .layuimini-upload-btn .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event], .elem-style-neomorphic .layui-table-tool .elem-style-win7 .layuimini-upload-btn .layui-inline[lay-event], .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-win7 .layuimini-upload-btn a, .elem-style-win7 .layuimini-upload-btn .elem-style-gtk .layuimini-container .layui-table-tool .layui-inline[lay-event], .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-win7 .layuimini-upload-btn .layui-inline[lay-event], .elem-style-win7 .layuimini-upload-btn .elem-style-gtk .laydate-footer-btns span, .elem-style-gtk .laydate-footer-btns .elem-style-win7 .layuimini-upload-btn span, .elem-style-win7 .layuimini-upload-btn .elem-style-gtk .layui-laydate-footer span, .elem-style-gtk .layui-laydate-footer .elem-style-win7 .layuimini-upload-btn span, .elem-style-win7 .layuimini-upload-btn .elem-style-gtk .layui-tab-brief > .layui-tab-title li, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-win7 .layuimini-upload-btn li, .elem-style-win7 .layuimini-upload-btn .elem-style-gtk .layuimini-header-menu > li.layui-nav-item, .elem-style-gtk .elem-style-win7 .layuimini-upload-btn .layuimini-header-menu > li.layui-nav-item, .elem-style-win7 .layuimini-upload-btn .elem-style-nes .layuimini-container .layui-table-tool .layui-inline[lay-event], .elem-style-nes .layuimini-container .layui-table-tool .elem-style-win7 .layuimini-upload-btn .layui-inline[lay-event], .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-win7 .layuimini-upload-btn a, .elem-style-win7 .layuimini-upload-btn .layui-layer-easy .layui-layer-btn a, .elem-style-win7 .layui-layer-easy .layui-layer-btn .layuimini-upload-btn a { + height: 25px; + line-height: 25px; +} + +.elem-style-neomorphic { + background-color: #EBECF0; +} +.elem-style-neomorphic .layui-layout-admin .layui-header { + background-color: #EBECF0 !important; +} +.elem-style-neomorphic .layuimini-container .layui-btn-success { + color: #4bb368; +} +.elem-style-neomorphic .layuimini-container .layui-btn-danger { + color: #f56c6c; +} +.elem-style-neomorphic .layuimini-container .layuimini-btn-primary { + color: #2c3e50; +} +.elem-style-neomorphic .layuimini-container .layui-btn-primary { + color: #5f5f5f; +} +.elem-style-neomorphic .layuimini-container .layui-btn-normal { + color: #1e9fff; +} +.elem-style-neomorphic .layui-btn, .elem-style-neomorphic .layui-form-radio, .elem-style-neomorphic .layui-form-checkbox, .elem-style-neomorphic .layui-form-select dl, .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item, .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a, .elem-style-neomorphic .layui-side.layui-bg-black, +.elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-neomorphic .layuimini-menu-left-zoom > ul, .elem-style-neomorphic .layuimini-qiuck-module, .elem-style-neomorphic .panel, .elem-style-neomorphic .layui-card, .elem-style-neomorphic .layui-layer, .elem-style-neomorphic .layuimini-main, .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event], .elem-style-neomorphic .elem-style-sicfi .layui-layer-easy .layui-layer-btn a, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-neomorphic a, .elem-style-neomorphic .elem-style-gtk .layuimini-container .layui-table-tool .layui-inline[lay-event], .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-neomorphic .layui-inline[lay-event], .elem-style-neomorphic .elem-style-gtk .laydate-footer-btns span, .elem-style-gtk .laydate-footer-btns .elem-style-neomorphic span, .elem-style-neomorphic .elem-style-gtk .layui-laydate-footer span, .elem-style-gtk .layui-laydate-footer .elem-style-neomorphic span, .elem-style-neomorphic .elem-style-gtk .layui-tab-brief > .layui-tab-title li, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-neomorphic li, .elem-style-neomorphic .elem-style-gtk .layuimini-header-menu > li.layui-nav-item, .elem-style-gtk .elem-style-neomorphic .layuimini-header-menu > li.layui-nav-item, .elem-style-neomorphic .elem-style-nes .layuimini-container .layui-table-tool .layui-inline[lay-event], .elem-style-nes .layuimini-container .layui-table-tool .elem-style-neomorphic .layui-inline[lay-event], .elem-style-neomorphic .elem-style-nes .layui-layer-easy .layui-layer-btn a, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-neomorphic a, .elem-style-neomorphic .elem-style-win7 .layui-layer-easy .layui-layer-btn a, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-neomorphic a { + border: 0; + outline: 0; + border-radius: 10px; + background-color: #EBECF0; + text-shadow: 1px 1px 0 #FFF; + color: #61677C; + box-shadow: -5px -5px 20px #FFF, 5px 5px 20px #BABECC; + transition: all 0.2s ease-in-out; + cursor: pointer; + font-weight: 600; +} +.elem-style-neomorphic .layui-btn:hover, .elem-style-neomorphic .layui-form-radio:hover, .elem-style-neomorphic .layui-form-checkbox:hover, .elem-style-neomorphic .layui-form-select dl:hover, .elem-style-neomorphic .layui-header .layui-nav .layui-nav-item:hover, .elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item:hover, .elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a:hover, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover, .elem-style-neomorphic .layui-side.layui-bg-black:hover, +.elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul:hover, +.elem-style-neomorphic .layuimini-menu-left-zoom > ul:hover, .elem-style-neomorphic .layuimini-qiuck-module:hover, .elem-style-neomorphic .panel:hover, .elem-style-neomorphic .layui-card:hover, .elem-style-neomorphic .layui-layer:hover, .elem-style-neomorphic .layuimini-main:hover, .elem-style-neomorphic .layui-table-tool .layui-inline[lay-event]:hover, .elem-style-neomorphic .elem-style-sicfi .layui-layer-easy .layui-layer-btn a:hover, .elem-style-sicfi .layui-layer-easy .layui-layer-btn .elem-style-neomorphic a:hover, .elem-style-gtk .layuimini-container .layui-table-tool .elem-style-neomorphic .layui-inline[lay-event]:hover, .elem-style-neomorphic .elem-style-gtk .laydate-footer-btns span:hover, .elem-style-gtk .laydate-footer-btns .elem-style-neomorphic span:hover, .elem-style-neomorphic .elem-style-gtk .layui-laydate-footer span:hover, .elem-style-gtk .layui-laydate-footer .elem-style-neomorphic span:hover, .elem-style-neomorphic .elem-style-gtk .layui-tab-brief > .layui-tab-title li:hover, .elem-style-gtk .layui-tab-brief > .layui-tab-title .elem-style-neomorphic li:hover, .elem-style-neomorphic .elem-style-gtk .layuimini-header-menu > li.layui-nav-item:hover, .elem-style-gtk .elem-style-neomorphic .layuimini-header-menu > li.layui-nav-item:hover, .elem-style-nes .layuimini-container .layui-table-tool .elem-style-neomorphic .layui-inline[lay-event]:hover, .elem-style-neomorphic .elem-style-nes .layui-layer-easy .layui-layer-btn a:hover, .elem-style-nes .layui-layer-easy .layui-layer-btn .elem-style-neomorphic a:hover, .elem-style-neomorphic .elem-style-win7 .layui-layer-easy .layui-layer-btn a:hover, .elem-style-win7 .layui-layer-easy .layui-layer-btn .elem-style-neomorphic a:hover { + box-shadow: -2px -2px 5px #FFF, 2px 2px 5px #BABECC; +} +.elem-style-neomorphic .layuimini-main { + text-shadow: 0.5px 0.5px 0 #fff; +} +.elem-style-neomorphic .layui-layer-easy .layui-layer-title { + background-color: transparent !important; + color: #61677C !important; +} +.elem-style-neomorphic .layui-layer-easy .layui-layer-setwin > span { + color: #61677C !important; +} +.elem-style-neomorphic .layui-layer-easy .layui-layer-setwin > span::before { + border-color: #61677C !important; +} +.elem-style-neomorphic .layui-layer-easy .layui-layer-setwin > span::after { + border-color: #61677C !important; +} +.elem-style-neomorphic .layui-layer-easy .layui-layer-setwin .layui-layer-min::before { + background-color: #61677C !important; +} +.elem-style-neomorphic .layui-card { + text-shadow: 0.5px 0.5px 0 #fff; +} +.elem-style-neomorphic .layuimini-container .layui-table-tool { + background-color: transparent; +} +.elem-style-neomorphic .layui-table { + background-color: #EBECF0; +} +.elem-style-neomorphic .panel { + text-shadow: 0.5px 0.5px 0 #fff; +} +.elem-style-neomorphic .layuimini-qiuck-module i { + background-color: transparent; +} +.elem-style-neomorphic .layui-side.layui-bg-black, +.elem-style-neomorphic .layui-side.layui-bg-black > .layuimini-menu-left > ul, +.elem-style-neomorphic .layuimini-menu-left-zoom > ul { + background-color: #EBECF0 !important; + border-radius: 0; +} +.elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a:hover, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover { + box-shadow: -2px -2px 5px #FFF, 2px 2px 5px #BABECC; +} +.elem-style-neomorphic .layui-nav-tree .layui-nav-item { + margin: 10px; + width: calc(100% - 20px); +} +.elem-style-neomorphic .layuimini-menu-left .layui-nav-itemed > .layui-nav-child { + background-color: transparent !important; +} +.elem-style-neomorphic .layui-nav-tree .layui-nav-child dd { + margin: 10px; + width: calc(100% - 20px); +} +.elem-style-neomorphic .layuimini-menu-left .layui-nav-tree .layui-this, +.elem-style-neomorphic .layuimini-menu-left .layui-nav-tree .layui-this > a, +.elem-style-neomorphic .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this, +.elem-style-neomorphic .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav-tree .layui-this, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav-tree .layui-this > a, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a { + background-color: inherit !important; +} +.elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-nav-item a:hover, +.elem-style-neomorphic .layuimini-menu-left .layui-nav .layui-this a, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover, +.elem-style-neomorphic .layuimini-menu-left-zoom.layui-nav .layui-this a { + color: #61677C !important; +} +.elem-style-neomorphic .layui-layout-admin .layuimini-logo { + background-color: transparent !important; +} +.elem-style-neomorphic .layui-header .layuimini-header-menu > .layui-nav-item { + margin: 10px; + line-height: 40px !important; + height: 40px !important; +} +.elem-style-neomorphic .layui-header .layui-nav .layui-nav-item { + margin: 10px; + line-height: 40px !important; + height: 40px !important; +} +.elem-style-neomorphic .layui-btn-xs { + padding: 0 9px; +} +.elem-style-neomorphic .layui-input, +.elem-style-neomorphic .layui-textarea { + border: 0; + outline: 0; + font-size: 16px; + border-radius: 320px; + padding: 16px; + background-color: #EBECF0; + text-shadow: 1px 1px 0 #FFF; + margin-right: 8px; + box-shadow: inset 2px 2px 5px #BABECC, inset -5px -5px 10px #FFF; + width: 100%; + box-sizing: border-box; + transition: all 0.2s ease-in-out; + -moz-appearance: none; + appearance: none; + -webkit-appearance: none; +} +.elem-style-neomorphic .layuimini-upload .layuimini-upload-btn { + background-color: transparent !important; +} +.elem-style-neomorphic .layui-form-pane .layui-form-label { + background-color: transparent; + text-align: right; +} +.elem-style-neomorphic .layuimini-container .layui-form-select dl dd.layui-this { + background-color: transparent !important; + color: #2c3e50; +} +.elem-style-neomorphic .layuimini-color .elem-content li.layui-this { + text-shadow: 0.5px 0.5px 0 #FFF; +} +.elem-style-neomorphic .layui-form-checkbox { + padding: 10px 10px 10px 24px; +} +.elem-style-neomorphic .layui-form-checkbox > i { + left: 6px; + top: 10px; + text-shadow: 0.5px 0.5px 0 #fff; +} +.elem-style-neomorphic .layui-form-checked:hover > div, +.elem-style-neomorphic .layui-form-checked > div { + color: #16b777; +} +.elem-style-neomorphic .layui-tree .layui-form-checkbox[lay-skin=primary], +.elem-style-neomorphic .laytable-cell-checkbox .layui-form-checkbox[lay-skin=primary] { + padding: 13px; +} +.elem-style-neomorphic .layui-tree .layui-form-checkbox[lay-skin=primary] > i, +.elem-style-neomorphic .laytable-cell-checkbox .layui-form-checkbox[lay-skin=primary] > i { + left: 5px; + top: 5px; +} +.elem-style-neomorphic .layui-tree-txt { + margin-left: 10px; +} +.elem-style-neomorphic .layui-form-radio:hover > *, +.elem-style-neomorphic .layui-form-radioed, +.elem-style-neomorphic .layui-form-radioed > i { + color: #16b777; +} +.elem-style-neomorphic .layui-table-tips-c { + text-shadow: 0.5px 0.5px 0 #fff; +} +.elem-style-neomorphic .layuimini-tab .layui-tab-title { + background-color: #EBECF0; +} +.elem-style-neomorphic .layuimini-tab .layui-tab-control > li { + background-color: #EBECF0; +} + +@font-face { + font-family: "ark-pixel"; + src: url("./nes/ark-pixel-font-12px/ark-pixel-12px-zh_cn.ttf") format("truetype"), url("./nes/ark-pixel-font-12px/ark-pixel-12px-zh_hk.ttf") format("truetype"), url("./nes/ark-pixel-font-12px/ark-pixel-12px-zh_tr.ttf") format("truetype"), url("./nes/ark-pixel-font-12px/ark-pixel-12px-zh_tw.ttf") format("truetype"), url("./nes/ark-pixel-font-12px/ark-pixel-12px-ja.ttf") format("truetype"), url("./nes/ark-pixel-font-12px/ark-pixel-12px-ko.ttf") format("truetype"), url("./nes/ark-pixel-font-12px/ark-pixel-12px-latin.ttf") format("truetype"); +} + +/**暗黑主题**/ +:root{ + /* =====色板===== */ + /*常量,不随明暗主题变化*/ + --color-white: #FFFFFF; + --color-black: #000000; + + --lay-color-white: #FAFAFA; + --lay-color-black: #333333; + + --lay-color-red-1: #FFF1E8; + --lay-color-red-2: #FFD7C0; + --lay-color-red-3: #FFBB99; + --lay-color-red-4: #FF9C71; + --lay-color-red-5: #FF7A4A; + --lay-color-red-6: #FF5722; + --lay-color-red-7: #D23B15; + --lay-color-red-8: #A6250B; + --lay-color-red-9: #791404; + --lay-color-red-10: #4D0800; + + --lay-color-blue-1: #E8F9FF; + --lay-color-blue-2: #C0ECFF; + --lay-color-blue-3: #97DCFF; + --lay-color-blue-4: #6FCAFF; + --lay-color-blue-5: #46B5FF; + --lay-color-blue-6: #1E9FFF; + --lay-color-blue-7: #1379D2; + --lay-color-blue-8: #0A58A6; + --lay-color-blue-9: #043A79; + --lay-color-blue-10: #00214D; + + --lay-color-lightblue-1: #E8FDFF; + --lay-color-lightblue-2: #C1F4FB; + --lay-color-lightblue-3: #9CEAF7; + --lay-color-lightblue-4: #77DDF4; + --lay-color-lightblue-5: #53CEF0; + --lay-color-lightblue-6: #31BDEC; + --lay-color-lightblue-7: #1F95C4; + --lay-color-lightblue-8: #10709C; + --lay-color-lightblue-9: #064E74; + --lay-color-lightblue-10: #002F4D; + + --lay-color-layuigreen-1: #E8FFF9; + --lay-color-layuigreen-2: #B5F1E3; + --lay-color-layuigreen-3: #87E3D1; + --lay-color-layuigreen-4: #5DD6C1; + --lay-color-layuigreen-5: #37C8B5; + --lay-color-layuigreen-6: #16BAAA; + --lay-color-layuigreen-7: #0E9F95; + --lay-color-layuigreen-8: #08837F; + --lay-color-layuigreen-9: #036868; + --lay-color-layuigreen-10: #004A4D; + + --lay-color-green-1: #E8FFF2; + --lay-color-green-2: #B5F1D1; + --lay-color-green-3: #86E2B4; + --lay-color-green-4: #5CD49C; + --lay-color-green-5: #37C588; + --lay-color-green-6: #16B777; + --lay-color-green-7: #0E9C68; + --lay-color-green-8: #088259; + --lay-color-green-9: #036749; + --lay-color-green-10: #004D38; + + --lay-color-orange-1: #FFFCE8; + --lay-color-orange-2: #FFF5BA; + --lay-color-orange-3: #FFEA8B; + --lay-color-orange-4: #FFDC5D; + --lay-color-orange-5: #FFCB2E; + --lay-color-orange-6: #FFB800; + --lay-color-orange-7: #D29000; + --lay-color-orange-8: #A66C00; + --lay-color-orange-9: #794B00; + --lay-color-orange-10: #4D2D00; + + --lay-color-cyan-1: #E8F6FF; + --lay-color-cyan-2: #B9CEDD; + --lay-color-cyan-3: #8FA7BB; + --lay-color-cyan-4: #6A829A; + --lay-color-cyan-5: #4A5F78; + --lay-color-cyan-6: #2F4056; + --lay-color-cyan-7: #223654; + --lay-color-cyan-8: #162C51; + --lay-color-cyan-9: #0B214F; + --lay-color-cyan-10: #00174D; + + --lay-color-purple-1: #FDE8FF; + --lay-color-purple-2: #EDBEF4; + --lay-color-purple-3: #DC97E8; + --lay-color-purple-4: #C972DD; + --lay-color-purple-5: #B651D1; + --lay-color-purple-6: #A233C6; + --lay-color-purple-7: #8120A8; + --lay-color-purple-8: #631289; + --lay-color-purple-9: #48076B; + --lay-color-purple-10: #2F004D; + + --lay-color-black-1: #E8F8FF; + --lay-color-black-2: #BFD0D8; + --lay-color-black-3: #98A8B1; + --lay-color-black-4: #73818A; + --lay-color-black-5: #505B63; + --lay-color-black-6: #2F363C; + --lay-color-black-7: #23303C; + --lay-color-black-8: #18293C; + --lay-color-black-9: #0C213C; + --lay-color-black-10: #00183C; + + --lay-color-gray-1: #FAFAFA; + --lay-color-gray-2: #F6F6F6; + --lay-color-gray-3: #EEEEEE; + --lay-color-gray-4: #E2E2E2; + --lay-color-gray-5: #DDDDDD; + --lay-color-gray-6: #D2D2D2; + --lay-color-gray-7: #CCCCCC; + --lay-color-gray-8: #C2C2C2; + --lay-color-gray-9: #AAAAAA; + --lay-color-gray-10: #939393; + + --lay-color-gray-11: #858585; + --lay-color-gray-12: #7b7b7b; + --lay-color-gray-13: #686868; + + /* =====语义===== */ + /* 主色 */ + --lay-color-primary: var(--lay-color-layuigreen-6); + --lay-color-primary-hover: var(--lay-color-layuigreen-5); + --lay-color-primary-active: var(--lay-color-layuigreen-7); + --lay-color-primary-disabled: var(--lay-color-layuigreen-3); + --lay-color-primary-light: var(--lay-color-layuigreen-4); + + /* 次色 */ + --lay-color-secondary: var(--lay-color-green-6); + --lay-color-secondary-hover: var(--lay-color-green-5); + --lay-color-secondary-active: var(--lay-color-green-7); + --lay-color-secondary-disabled: var(--lay-color-green-3); + --lay-color-secondary-light: var(--lay-color-green-4); + + /* 引导 */ + --lay-color-info: var(--lay-color-lightblue-6); + --lay-color-info-hover: var(--lay-color-lightblue-5); + --lay-color-info-active: var(--lay-color-lightblue-7); + --lay-color-info-disabled: var(--lay-color-lightblue-3); + --lay-color-info-light: var(--lay-color-lightblue-4); + + /* 百搭 */ + --lay-color-normal: var(--lay-color-blue-6); + --lay-color-normal-hover: var(--lay-color-blue-5); + --lay-color-normal-active: var(--lay-color-blue-7); + --lay-color-normal-disabled: var(--lay-color-blue-3); + --lay-color-normal-light: var(--lay-color-blue-4); + + /* 警示 */ + --lay-color-warning: var(--lay-color-orange-6); + --lay-color-warning-hover: var(--lay-color-orange-5); + --lay-color-warning-active: var(--lay-color-orange-7); + --lay-color-warning-disabled: var(--lay-color-orange-3); + --lay-color-warning-light: var(--lay-color-orange-4); + + /* 成功 */ + --lay-color-success: var(--lay-color-green-6); + --lay-color-success-hover: var(--lay-color-green-5); + --lay-color-success-active: var(--lay-color-green-7); + --lay-color-success-disabled: var(--lay-color-green-3); + --lay-color-success-light: var(--lay-color-green-4); + + /* 错误 */ + --lay-color-danger: var(--lay-color-red-6); + --lay-color-danger-hover: var(--lay-color-red-5); + --lay-color-danger-active: var(--lay-color-red-7); + --lay-color-danger-disabled: var(--lay-color-red-3); + --lay-color-danger-light: var(--lay-color-red-4); + + --lay-color-bg-1: #17171A; /*整体背景*/ + --lay-color-bg-2: #232324; /*一级容器背景,卡片,面板*/ + --lay-color-bg-3: #2a2a2b; /*二级容器背景*/ + --lay-color-bg-4: #313132; /*三级容器背景*/ + --lay-color-bg-5: #373739; /*下拉弹出框、Tooltip 背景颜色*/ + --lay-color-bg-white: #f6f6f6; /*白色背景*/ + + --lay-color-text-1: rgba(255,255,255,.9); /*强调/正文标题*/ + --lay-color-text-2: rgba(255,255,255,.7); /*次强调/语句*/ + --lay-color-text-3: rgba(255,255,255,.5); /*次要信息*/ + --lay-color-text-4: rgba(255,255,255,.3);/*禁用状态文字 */ + + --lay-color-border-1: #2e2e30; + --lay-color-border-2: #484849; + --lay-color-border-3: #5f5f60; + --lay-color-border-4: #929293; + + --lay-color-fill-1: rgba(255,255,255,.04);/*浅/禁用*/ + --lay-color-fill-2: rgba(255,255,255,.08);/*常规/白底悬浮*/ + --lay-color-fill-3: rgba(255,255,255,.12); /*深/灰底悬浮*/ + --lay-color-fill-4: rgba(255,255,255,.16);/*重/特殊场景*/ + + --lay-color-hover: var(--lay-color-fill-3); /*bg*/ + --lay-color-active: var(--lay-color-fill-3); /*bg*/ + + --lay-shadow-1: 0 4px 6px rgba(0, 0, 0, 6%), 0 1px 10px rgba(0, 0, 0, 8%), 0 2px 4px rgba(0, 0, 0, 12%);/*基础/下层投影 卡片面板*/ + --lay-shadow-2: 0 8px 10px rgba(0, 0, 0, 12%), 0 3px 14px rgba(0, 0, 0, 10%), 0 5px 5px rgba(0, 0, 0, 16%);/*中层投影 下拉菜单,选择器*/ + --lay-shadow-3: 0 16px 24px rgba(0, 0, 0, 14%), 0 6px 30px rgba(0, 0, 0, 12%), 0 8px 10px rgba(0, 0, 0, 20%);/*上层投影 弹窗*/ +} +.elem-style-dark blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{-webkit-tap-highlight-color: rgba(0, 0, 0, 0)} /*danger: 勿改*/ +.elem-style-dark body{color:var(--lay-color-text-2)!important;background-color: var(--lay-color-bg-1) !important; color-scheme: dark;} +.elem-style-dark hr{border-bottom:1px solid var(--lay-color-border-2)!important} +.elem-style-dark a{color:var(--lay-color-text-1);} +.elem-style-dark a:hover{color:var(--lay-color-text-3)} +/* 三角形 */ +.elem-style-dark .layui-edge{border-color:transparent} +.elem-style-dark .layui-edge-top{border-bottom-color:var(--lay-color-border-4)} +.elem-style-dark .layui-edge-right{border-left-color:var(--lay-color-border-4)} +.elem-style-dark .layui-edge-bottom{border-top-color:var(--lay-color-border-4)} +.elem-style-dark .layui-edge-left{border-right-color:var(--lay-color-border-4)} +/* 禁用文字 */ +.elem-style-dark .layui-disabled,.layui-disabled:hover{color:var(--lay-color-text-4)!important} +/* 图标 */ +.elem-style-dark .layui-icon{-moz-osx-font-smoothing:grayscale} +/* admin 布局 */ +.elem-style-dark .layui-layout-admin .layui-header{background-color:var(--lay-color-bg-2)} +.elem-style-dark .layui-layout-admin .layui-footer{box-shadow:-1px 0 4px rgb(0 0 0 / 12%);background-color:var(--lay-color-bg-2)} +.elem-style-dark .layui-layout-admin .layui-logo{color:var(--lay-color-primary);box-shadow:0 1px 2px 0 rgb(0 0 0 / 15%)} +/* 引用 */ +.elem-style-dark .layui-elem-quote{border-left:5px solid var(--lay-color-secondary);background-color:var(--lay-color-fill-1)} +.elem-style-dark .layui-quote-nm{border-color: var(--lay-color-fill-1)} +/* 进度条 */ +.elem-style-dark .layui-progress{background-color: var(--lay-color-bg-3)} +.elem-style-dark .layui-progress-bar{background-color:var( --lay-color-secondary)} +.elem-style-dark .layui-progress-text{color:var(--lay-color-text-2)} +.elem-style-dark .layui-progress-big .layui-progress-text{color: var(--lay-color-text-1)} +/* 折叠面板 */ +.elem-style-dark .layui-colla-title{color: var(--lay-color-text-1);background-color: var(--lay-color-bg-2)} +.elem-style-dark .layui-colla-content{color:var(--lay-color-text-2)} +/* 卡片面板 */ +.elem-style-dark .layui-card{background-color: var(--lay-color-bg-2);box-shadow:var(--lay-shadow-1)} +.elem-style-dark .layui-card-header{border-bottom:1px solid var(--lay-color-border-2);color:var(--lay-color-text-1)} +/* 常规面板 */ +.elem-style-dark .layui-panel{box-shadow:var(--lay-shadow-1);background-color: var( --lay-color-bg-2);color: var(--lay-color-text-1)} +.elem-style-dark .layui-menu-body-panel{box-shadow: var(--lay-shadow-2)} +/* 窗口面板 */ +.elem-style-dark .layui-panel-window{border-top:5px solid var(--lay-color-border-2);background-color: var(--lay-color-bg-2)} +/* 背景颜色 */ +.elem-style-dark .layui-bg-red{background-color:var(--lay-color-red-6)!important;color: var(--lay-color-white)!important} +.elem-style-dark .layui-bg-orange{background-color:var(--lay-color-orange-6)!important;color: var(--lay-color-white)!important} +.elem-style-dark .layui-bg-green{background-color:var(--lay-color-layuigreen-6)!important;color: var(--lay-color-white)!important} +.elem-style-dark .layui-bg-cyan{background-color:var(--lay-color-cyan-6)!important;color: var(--lay-color-white)!important} +.elem-style-dark .layui-bg-blue{background-color: var(--lay-color-blue-6)!important;color: var(--lay-color-white)!important} +.elem-style-dark .layui-bg-black{background-color:var(--lay-color-black-6)!important;color: var(--lay-color-white)!important} +.elem-style-dark .layui-bg-purple{background-color: var(--lay-color-purple-6)!important; color: var(--lay-color-white)!important;} +.elem-style-dark .layui-bg-gray{background-color:var(--lay-color-gray-1)!important;color: var(--lay-color-black-6)!important} +/* 徽章 */ +.elem-style-dark .layui-badge-rim{border-color: var(--lay-color-border-1)!important;} +.elem-style-dark .layui-border{border-color: var(--lay-color-border-1)!important;} +.elem-style-dark .layui-colla-content{border-color: var(--lay-color-border-1)!important;} +.elem-style-dark .layui-colla-item{border-color: var(--lay-color-border-1)!important;} +.elem-style-dark .layui-collapse{border-color: var(--lay-color-border-1)!important;} +.elem-style-dark .layui-elem-field{border-color: var(--lay-color-border-1)!important;} +.elem-style-dark .layui-form-pane .layui-form-item[pane]{border-color: var(--lay-color-border-1)!important;} +.elem-style-dark .layui-form-pane .layui-form-label{border-color: var(--lay-color-border-1)!important;} +.elem-style-dark .layui-input{border-color: var(--lay-color-border-1)!important;} +.elem-style-dark .layui-input-split{border-color: var(--lay-color-border-1)!important;} +.elem-style-dark .layui-panel{border-color: var(--lay-color-border-1)!important;} +.elem-style-dark .layui-select{border-color: var(--lay-color-border-1)!important;} +.elem-style-dark .layui-tab-bar{border-color: var(--lay-color-border-1)!important;} +.elem-style-dark .layui-tab-card{border-color: var(--lay-color-border-1)!important;} +.elem-style-dark .layui-tab-title{border-color: var(--lay-color-border-1)!important;} +.elem-style-dark .layui-tab-title .layui-this:after{border-color: var(--lay-color-border-1)!important;} +.elem-style-dark .layui-textarea{border-color: var(--lay-color-border-1)!important;} +/* 边框颜色 */ +.elem-style-dark .layui-border{color:var(--lay-color-text-1)!important} +.elem-style-dark .layui-border-red{border-color:var(--lay-color-red-6)!important;color:var(--lay-color-red-6)!important} +.elem-style-dark .layui-border-orange{border-color:var(--lay-color-orange-6)!important;color:var(--lay-color-orange-6)!important} +.elem-style-dark .layui-border-green{border-color:var(--lay-color-layuigreen-6)!important;color:var(--lay-color-layuigreen-6)!important} +.elem-style-dark .layui-border-cyan{border-color:var(--lay-color-cyan-6)!important;color:var(--lay-color-cyan-6)!important} +.elem-style-dark .layui-border-blue{border-color: var(--lay-color-blue-6)!important;color: var(--lay-color-blue-6)!important} +.elem-style-dark .layui-border-purple{border-color: var(--lay-color-purple-6)!important; color: var(--lay-color-purple-6)!important;} +.elem-style-dark .layui-border-black{border-color:var(--lay-color-black-6)!important;color:var(--lay-color-text-1)!important} +/* 文本区域 */ +.elem-style-dark .layui-text{color:var(--lay-color-text-3)} +.elem-style-dark .layui-text h1{color: var(--lay-color-text-2)} +.elem-style-dark .layui-text h2{color: var(--lay-color-text-2)} +.elem-style-dark .layui-text h3{color: var(--lay-color-text-2)} +.elem-style-dark .layui-text h4{color: var(--lay-color-text-2)} +.elem-style-dark .layui-text h5{color: var(--lay-color-text-2)} +.elem-style-dark .layui-text h6{color: var(--lay-color-text-2)} +.elem-style-dark .elem-style-dark .layui-text-em{color: var(--lay-color-text-2)!important} +.elem-style-dark .layui-word-aux{color: var(--lay-color-text-2)!important} +.elem-style-dark .layui-text a:not(.layui-btn){color:var(--lay-color-lightblue-6)} +.elem-style-dark .layui-text blockquote:not(.layui-elem-quote){border-left:5px solid var(--lay-color-border-4)} +/* 字体颜色 */ +.elem-style-dark .layui-font-red{color:var(--lay-color-red-6)!important} +.elem-style-dark .layui-font-orange{color:var(--lay-color-orange-6)!important} +.elem-style-dark .layui-font-green{color:var(--lay-color-layuigreen-6)!important} +.elem-style-dark .layui-font-cyan{color:var(--lay-color-cyan-6)!important} +.elem-style-dark .layui-font-blue{color:var(--lay-color-lightblue-6)!important} +.elem-style-dark .layui-font-black{color:var(--lay-color-black)!important} +.elem-style-dark .layui-font-purple{color:var(--lay-color-purple-6)!important;} +.elem-style-dark .layui-font-gray{color:var(--lay-color-gray-7)!important} +/* 按钮 */ +.elem-style-dark .layui-btn{border:1px solid transparent;background-color:var(--lay-color-primary);color: var(--lay-color-text-1)} +.elem-style-dark .layui-btn:hover{color: var(--lay-color-text-2)} +.elem-style-dark .layui-btn-primary{border-color:var(--lay-color-border-2);color:var(--lay-color-text-1);background-color: var(--lay-color-bg-4)} +.elem-style-dark .layui-btn-primary:hover{border-color: transparent;color:var(--lay-color-text-2)} +.elem-style-dark .layui-btn-normal{background-color: var(--lay-color-normal)} +.elem-style-dark .layui-btn-warm{background-color:var(--lay-color-warning)} +.elem-style-dark .layui-btn-danger{background-color:var(--lay-color-danger)} +.elem-style-dark .layui-btn-checked{background-color:var(--lay-color-success)} +.elem-style-dark .layui-btn-disabled{border-color: var(--lay-color-border-2)!important;background-color: var(--lay-color-bg-2)!important;color: var(--lay-color-text-4)!important} +.elem-style-dark .layui-btn-disabled:active{border-color: var(--lay-color-border-2)!important;background-color: var(--lay-color-bg-2)!important;color: var(--lay-color-text-4)!important} +.elem-style-dark .layui-btn-disabled:hover{border-color: var(--lay-color-border-2)!important;background-color: var(--lay-color-bg-2)!important;color: var(--lay-color-text-4)!important} +.elem-style-dark .layui-btn-group .layui-btn{border-left:1px solid var(--lay-color-border-2)} +.elem-style-dark .layui-btn-group .layui-btn-primary:hover{border-color:var(--lay-color-border-2);color:var(--lay-color-primary)} +.elem-style-dark .layui-btn-group .layui-btn-primary:first-child{border-left:1px solid var(--lay-color-gray-5)} +/*表单*/ +.elem-style-dark .layui-input{background-color: var(--lay-color-fill-2);color: var(--lay-color-text-2)} +.elem-style-dark .layui-select{background-color: var(--lay-color-fill-2);color: var(--lay-color-text-2)} +.elem-style-dark .layui-textarea{background-color: var(--lay-color-fill-2);color: var(--lay-color-text-2)} +.elem-style-dark .layui-input:hover{border-color: var(--lay-color-border-2)!important} +.elem-style-dark .layui-textarea:hover{border-color: var(--lay-color-border-2)!important} +.elem-style-dark .layui-input:focus{border-color: var(--lay-color-secondary-hover)!important;background-color: var(--lay-color-bg-2);box-shadow: 0 0 0 3px rgba(22, 183, 119, 0.08);} +.elem-style-dark .layui-textarea:focus{border-color: var(--lay-color-secondary-hover)!important;background-color: var(--lay-color-bg-2);box-shadow: 0 0 0 3px rgba(22, 183, 119, 0.08);} +.elem-style-dark .layui-input[disabled]{background-color: var(--lay-color-fill-1);color: var(--lay-color-text-4);border-color: var(--lay-color-border-1)!important;box-shadow: 0 0 0 0;} +.elem-style-dark .layui-select[disabled]{background-color: var(--lay-color-fill-1);color: var(--lay-color-text-4);border-color: var(--lay-color-border-1)!important;box-shadow: 0 0 0 0;} +.elem-style-dark .layui-textarea[disabled]{background-color: var(--lay-color-fill-1);color: var(--lay-color-text-4);border-color: var(--lay-color-border-1)!important;box-shadow: 0 0 0 0;} +.elem-style-dark .layui-input.layui-disabled{background-color: var(--lay-color-fill-1);color: var(--lay-color-text-4);border-color: var(--lay-color-border-1)!important;box-shadow: 0 0 0 0;} +.elem-style-dark .layui-textarea.layui-disabled{background-color: var(--lay-color-fill-1);color: var(--lay-color-text-4);border-color: var(--lay-color-border-1)!important;box-shadow: 0 0 0 0;} +.elem-style-dark .layui-form-danger+.layui-form-select .layui-input{border-color:var(--lay-color-danger)!important;box-shadow: 0 0 0 3px rgba(255, 87, 34, 0.08);} +.elem-style-dark .layui-form-danger:focus{border-color:var(--lay-color-danger)!important;box-shadow: 0 0 0 3px rgba(255, 87, 34, 0.08);} +/* 输入框点缀 */ +.elem-style-dark .layui-input-prefix .layui-icon{color: var(--lay-color-gray-8)} +.elem-style-dark .layui-input-split .layui-icon{color: var(--lay-color-gray-8)} +.elem-style-dark .layui-input-suffix .layui-icon{color: var(--lay-color-gray-8)} +.elem-style-dark .layui-input-wrap .layui-input:hover+.layui-input-split{border-color: var(--lay-color-border-2)} +.elem-style-dark .layui-input-wrap .layui-input[disabled]:hover+.layui-input-split{border-color: var(--lay-color-border-1)} +.elem-style-dark .layui-input-wrap .layui-input:focus+.layui-input-split{border-color: var(--lay-color-secondary-hover)} +.elem-style-dark .layui-input-wrap .layui-input.layui-form-danger:focus + .layui-input-split{border-color: var(--lay-color-danger);} +.elem-style-dark .layui-input-affix .layui-icon{color: var(--lay-color-text-2)} +.elem-style-dark .layui-input-affix .layui-icon-clear{color:var(--lay-color-text-2)} +.elem-style-dark .layui-input-affix .layui-icon:hover{color:var(--lay-color-text-3)} +/* 数字输入框动态点缀 */ +.elem-style-dark .layui-input-wrap .layui-input-number .layui-icon-up{border-bottom-color:var(--lay-color-border-1)} +.elem-style-dark .layui-input-wrap .layui-input[type="number"].layui-input-number-out-of-range{color:var(--lay-color-danger)} +/* 下拉选择 */ +.elem-style-dark .layui-form-select{color:var(--lay-color-text-2)} +.elem-style-dark .layui-form-select .layui-edge{border-top-color:var(--lay-color-gray-8)} +.elem-style-dark .layui-form-select dl{border:1px solid var( --lay-color-border-2);background-color: var(--lay-color-bg-5);box-shadow:var(--lay-shadow-2)} +.elem-style-dark .layui-form-select dl dt{color:var(--lay-color-gray-8)} +.elem-style-dark .layui-form-select dl dd:hover{background-color:var(--lay-color-active)} +.elem-style-dark .layui-form-select dl dd.layui-select-tips{color:var(--lay-color-text-2)} +.elem-style-dark .layui-form-select dl dd.layui-this{background-color: var(--lay-color-active);color: var(--lay-color-text-1)} +.elem-style-dark .layui-form-select dl dd.layui-disabled{background-color: var(--lay-color-bg-5)} +.elem-style-dark .layui-form-select dl dd:hover.layui-disabled{background-color: var(--lay-color-bg-5)} +.elem-style-dark .layui-select-none{color:var(--lay-color-black-8)} +.elem-style-dark .layui-select-disabled .layui-disabled{border-color:var(--lay-color-border-1)!important} +.elem-style-dark .layui-select-disabled .layui-edge{border-top-color:var(--lay-color-gray-6)} +/* 复选框 */ +.elem-style-dark .layui-form-checkbox{background-color:var(--lay-color-fill-2)} +.elem-style-dark .layui-form-checkbox>div{background-color:var(--lay-color-fill-3);color:var(--lay-color-text-2)} +.elem-style-dark .layui-form-checkbox:hover>div{background-color: var(--lay-color-active)} +.elem-style-dark .layui-form-checkbox>i{background-color: var(--lay-color-fill-1);border-top-color:var(--lay-color-border-1);border-right-color:var(--lay-color-border-1);border-bottom-color:var(--lay-color-border-1);border-left-color:initial;color:var(--lay-color-text-1)} +.elem-style-dark .layui-form-checkbox:hover>i{border-color:var(--lay-color-border-2);color:var(--lay-color-text-4)} +.elem-style-dark .layui-form-checked,.layui-form-checked:hover{border-color:var(--lay-color-secondary-active)} +.elem-style-dark .layui-form-checked>div,.layui-form-checked:hover>div{background-color:var(--lay-color-secondary)} +.elem-style-dark .layui-form-checked>i,.layui-form-checked:hover>i{color:var(--lay-color-secondary-hover)} +.elem-style-dark .layui-form-checkbox.layui-checkbox-disabled>div{background-color: var(--lay-color-fill-3) !important;} +/* 复选框-默认风格 */ +.elem-style-dark .layui-form-checkbox[lay-skin=primary]{background-image:none;background-color:initial;border-color:initial!important} +.elem-style-dark .layui-form-checkbox[lay-skin=primary]>div{background-image:none;background-color:initial;color:var(--lay-color-text-2)} +.elem-style-dark .layui-form-checkbox[lay-skin=primary]>i{border-color:var(--lay-color-border-1);background-color:var(--lay-color-fill-2)} +.elem-style-dark .layui-form-checkbox[lay-skin=primary]:hover>i{border-color:var(--lay-color-secondary-hover);color:var(--lay-color-text-1)} +.elem-style-dark .layui-form-checked[lay-skin=primary]>i{background-color:var(--lay-color-secondary);color:var(--lay-color-text-1);border-color:var(--lay-color-secondary-active)!important} +.elem-style-dark .layui-checkbox-disabled[lay-skin=primary] >div{background:none!important;color:var(--lay-color-text-4)!important} +.elem-style-dark .layui-form-checked.layui-checkbox-disabled[lay-skin=primary]>i{background-color:var(--lay-color-fill-1)!important;border-color:var(--lay-color-border-2)!important} +.elem-style-dark .layui-checkbox-disabled[lay-skin=primary]:hover>i{border-color:var(--lay-color-border-1)} +.elem-style-dark .layui-form-checkbox[lay-skin="primary"]>.layui-icon-indeterminate:before{background-color: var(--lay-color-secondary-hover);opacity: 1;} +.elem-style-dark .layui-form-checkbox[lay-skin="primary"]:hover>.layui-icon-indeterminate:before{opacity: 1;} +.elem-style-dark .layui-form-checkbox[lay-skin="primary"]>.layui-icon-indeterminate{border-color: var(--lay-color-secondary-hover);} +/* 复选框-开关风格 */ +.elem-style-dark .layui-form-switch{border-color:var(--lay-color-border-2);background-color:var(--lay-color-fill-2)} +.elem-style-dark .layui-form-switch>i{background-color:var(--lay-color-gray-4)} +.elem-style-dark .layui-form-switch.layui-checkbox-disabled>i{background-color:var(--lay-color-gray-7);} +.elem-style-dark .layui-form-switch>div{color:var(--lay-color-gray-8)!important} +.elem-style-dark .layui-form-onswitch{border-color:var(--lay-color-secondary-active);background-color:var(--lay-color-secondary)} +.elem-style-dark .layui-form-onswitch>i{background-color:var(--lay-color-gray-4)} +.elem-style-dark .layui-form-onswitch>div{color:var(--lay-color-text-1)!important} +.elem-style-dark .layui-checkbox-disabled{border-color:var(--lay-color-border-2)!important} +.elem-style-dark .layui-checkbox-disabled>div{background-color:var(--lay-color-fill-3)!important;color: var(--lay-color-text-4)!important;} +.elem-style-dark .layui-checkbox-disabled>i{border-color:var(--lay-color-border-2)!important} +.elem-style-dark .layui-checkbox-disabled:hover>i{color:var(--lay-color-text-1)!important} +.elem-style-dark .layui-form-switch.layui-checkbox-disabled>div{background-color:initial!important;color: var(--lay-color-text-3)!important;} +/*复选框背景优化*/ +.elem-style-dark .layui-form-checkbox>i:before{opacity:0;filter:alpha(opacity=0)} +.elem-style-dark .layui-form-checkbox:hover>i:before{opacity:1;filter:alpha(opacity=100)} +.elem-style-dark .layui-form-checked.layui-checkbox-disabled:hover>i:before,.layui-form-checked:hover>i:before,.layui-form-checked>i:before{opacity:1;filter:alpha(opacity=100)} +.elem-style-dark .layui-form-checkbox[lay-skin=primary]:hover>i:before{opacity:0;filter:alpha(opacity=0)} +.elem-style-dark .layui-form-checked[lay-skin=primary]:hover>i:before{opacity:1;filter:alpha(opacity=100)} +.elem-style-dark .layui-checkbox-disabled:hover>i:before{opacity:0;filter:alpha(opacity=0)} +/*单选框*/ +.elem-style-dark .layui-form-radio>i{color:var(--lay-color-gray-8)} +.elem-style-dark .layui-form-radio:hover>*,.layui-form-radioed,.layui-form-radioed>i{color:var(--lay-color-secondary)} +.elem-style-dark .layui-radio-disabled>i{color:var(--lay-color-text-4)!important} +.elem-style-dark .layui-radio-disabled>*{color:var(--lay-color-text-4)!important} +/* 表单方框风格 */ +.elem-style-dark .layui-form-pane .layui-form-label{background-color:var(--lay-color-bg-2)} +/** 分页 **/ +.elem-style-dark .layui-laypage a{border:1px solid var(--lay-color-border-2)} +.elem-style-dark .layui-laypage button{border:1px solid var(--lay-color-border-2)} +.elem-style-dark .layui-laypage input{border:1px solid var(--lay-color-border-2)} +.elem-style-dark .layui-laypage select{border:1px solid var(--lay-color-border-2)} +/*.elem-style-dark .layui-laypage span{border:1px solid var(--lay-color-border-2)}*/ +.elem-style-dark .layui-laypage a{background-color: var(--lay-color-bg-2);color: var(--lay-color-text-2)} +.elem-style-dark .layui-laypage span{background-color: var(--lay-color-bg-2);color: var(--lay-color-text-2)} +.elem-style-dark .layui-laypage a[data-page]{color:var(--lay-color-text-2)} +.elem-style-dark .layui-laypage a:hover{color: var(--lay-color-primary)} +.elem-style-dark .layui-laypage .layui-laypage-spr{color:var(--lay-color-text-3)} +.elem-style-dark .layui-laypage .layui-laypage-curr em{color: var(--lay-color-white)} +.elem-style-dark .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: var(--lay-color-primary)} +.elem-style-dark .layui-laypage .layui-laypage-skip{color:var(--lay-color-text-3)} +.elem-style-dark .layui-laypage button{background-color: var(--lay-color-bg-2)} +.elem-style-dark .layui-laypage input{background-color: var(--lay-color-bg-2)} +.elem-style-dark .layui-laypage input:focus{border-color: var(--lay-color-primary)!important} +.elem-style-dark .layui-laypage select:focus{border-color: var(--lay-color-primary)!important} +/** 流加载 **/ +.elem-style-dark .layui-flow-more{color:var(--lay-color-text-1)} +.elem-style-dark .layui-flow-more a cite{background-color: var(--lay-color-bg-4);color: var(--lay-color-text-1)} +.elem-style-dark .layui-flow-more a i{color:var(--lay-color-text-2)} +/** 表格 **/ +.elem-style-dark .layui-table{background-color: var(--lay-color-bg-2);color: var(--lay-color-text-2)} +.elem-style-dark .layui-table-mend{background-color: var(--lay-color-bg-2)} +.elem-style-dark .layui-table-click{background-color:var(--lay-color-fill-3)} +.elem-style-dark .layui-table-hover{background-color:var(--lay-color-fill-3)} +.elem-style-dark .layui-table[lay-even] tbody tr:nth-child(even){background-color:var(--lay-color-fill-3)} +.elem-style-dark .layui-table-checked{background-color: var(--lay-color-fill-2);color: var(--lay-color-text-1)} +.elem-style-dark .layui-table-checked.layui-table-hover{background-color: var(--lay-color-fill-3);} +.elem-style-dark .layui-table-checked.layui-table-click{background-color: var(--lay-color-fill-3);} +.elem-style-dark .layui-table td{border-color: var(--lay-color-border-2)} +.elem-style-dark .layui-table th{border-color: var(--lay-color-border-2)} +.elem-style-dark .layui-table-col-set{border-color: var(--lay-color-border-2)} +.elem-style-dark .layui-table-fixed-r{border-color: var(--lay-color-border-2)} +.elem-style-dark .layui-table-grid-down{border-color: var(--lay-color-border-2)} +.elem-style-dark .layui-table-header{border-color: var(--lay-color-border-2)} +.elem-style-dark .layui-table-mend{border-color: var(--lay-color-border-2)} +.elem-style-dark .layui-table-page{border-color: var(--lay-color-border-2)} +.elem-style-dark .layui-table-tips-main{border-color: var(--lay-color-border-2)} +.elem-style-dark .layui-table-tool{border-color: var(--lay-color-border-2)} +.elem-style-dark .layui-table-total{border-color: var(--lay-color-border-2)} +.elem-style-dark .layui-table-view{border-color: var(--lay-color-border-2)} +.elem-style-dark .layui-table[lay-skin=line]{border-color: var(--lay-color-border-2)} +.elem-style-dark .layui-table[lay-skin=row]{border-color: var(--lay-color-border-2)} +.elem-style-dark .layui-table-view .layui-table td[data-edit]:hover:after{border:1px solid var(--lay-color-primary-active)} +.elem-style-dark .layui-table-init{background-color: var(--lay-color-bg-2);} +.elem-style-dark .layui-table-init .layui-icon{color:var(--lay-color-gray-8);} +.elem-style-dark .layui-table-page{background-color: var(--lay-color-bg-2);} +.elem-style-dark .layui-table-tool{background-color: var(--lay-color-bg-2);} +.elem-style-dark .layui-table-tool .layui-inline[lay-event]{color:var(--lay-color-text-3);border:1px solid var(--lay-color-border-2)} +.elem-style-dark .layui-table-tool .layui-inline[lay-event]:hover{border:1px solid var(--lay-color-border-3)} +.elem-style-dark .layui-table-tool-panel{color: var(--lay-color-text-1); border:1px solid var(--lay-color-border-2);background-color: var(--lay-color-bg-5);box-shadow:var(--lay-shadow-2)} +.elem-style-dark .layui-table-tool-panel li:hover{background-color:var(--lay-color-active)} +.elem-style-dark .layui-table-col-set{background-color: var(--lay-color-white)} +.elem-style-dark .layui-table-sort .layui-table-sort-asc{border-bottom-color:var(--lay-color-gray-8)} +.elem-style-dark .layui-table-sort .layui-table-sort-asc:hover{border-bottom-color:var(--lay-color-gray-11)} +.elem-style-dark .layui-table-sort .layui-table-sort-desc{border-top-color:var(--lay-color-gray-8)} +.elem-style-dark .layui-table-sort .layui-table-sort-desc:hover{border-top-color:var(--lay-color-gray-11)} +.elem-style-dark .layui-table-sort[lay-sort=asc] .layui-table-sort-asc{border-bottom-color:var(--lay-color-gray-13)} +.elem-style-dark .layui-table-sort[lay-sort=desc] .layui-table-sort-desc{border-top-color:var(--lay-color-gray-13)} +.elem-style-dark .layui-table-cell .layui-table-link{color: var(--lay-color-lightblue-5)} +.elem-style-dark .layui-table-body .layui-none{color:var(--lay-color-gray-8)} +.elem-style-dark .layui-table-fixed-l{box-shadow:1px 0 8px rgba(0,0,0,1)} +.elem-style-dark .layui-table-fixed-r{box-shadow:-1px 0 8px rgba(0,0,0,1)} +.elem-style-dark .layui-table-edit{box-shadow:var(--lay-shadow-1);background-color: var(--lay-color-bg-2)} +.elem-style-dark .layui-table-edit:focus{border-color:var(--lay-color-secondary)!important} +.elem-style-dark select.layui-table-edit{border-color:var(--lay-color-border-2)} +.elem-style-dark .layui-table-grid-down{background-color: var(--lay-color-bg-5);color:var(--lay-color-gray-8)} +.elem-style-dark .layui-table-grid-down:hover{background-color:var(--lay-color-bg-5)} +/* 单元格多行展开风格 */ +.elem-style-dark .layui-table-cell-c{background-color: var(--lay-color-gray-13);color: var(--lay-color-text-1); border-color: var(--lay-color-border-3);} +.elem-style-dark .layui-table-cell-c:hover{border-color: var(--lay-color-secondary-hover);} +/* 单元格 TIPS 展开风格 */ +.elem-style-dark body .layui-table-tips .layui-layer-content{box-shadow:var(--lay-shadow-3)} +.elem-style-dark .layui-table-tips-main{background-color: var(--lay-color-bg-5);color: var(--lay-color-text-3)} +.elem-style-dark .layui-table-tips-c{background-color:var(--lay-color-gray-13);color: var(--lay-color-text-1)} +.elem-style-dark .layui-table-tips-c:hover{background-color:var(--lay-color-gray-10)} +/** 文件上传 **/ +.elem-style-dark .layui-upload-choose{color:var(--lay-color-gray-8)} +.elem-style-dark .layui-upload-drag{border:1px dashed var( --lay-color-border-2);background-color: var(--lay-color-bg-4);color: var(--lay-color-text-2)} +.elem-style-dark .layui-upload-drag .layui-icon{color: var(--lay-color-primary)} +.elem-style-dark .layui-upload-drag[lay-over]{border-color: var(--lay-color-primary)} +/* 基础菜单元素 */ +.elem-style-dark .layui-menu{background-color: var(--lay-color-bg-2)} +.elem-style-dark .layui-menu li{color: var(--lay-color-text-1)} +.elem-style-dark .layui-menu li:hover{background-color: var(--lay-color-bg-5)} +.elem-style-dark .layui-menu li.layui-disabled{color:var(--lay-color-text-4)!important} +.elem-style-dark .layui-menu li.layui-disabled *{color:var(--lay-color-text-4)!important} +.elem-style-dark .layui-menu .layui-menu-item-group>.layui-menu-body-title{color: var(--lay-color-text-3)} +.elem-style-dark .layui-menu .layui-menu-item-none{color:var(--lay-color-black)} +.elem-style-dark .layui-menu .layui-menu-item-divider{border-bottom:1px solid var(--lay-color-border-2)} +.elem-style-dark .layui-menu .layui-menu-item-up>.layui-menu-body-title{color: var(--lay-color-text-1)} +.elem-style-dark .layui-menu .layui-menu-item-down:hover>.layui-menu-body-title>.layui-icon{color: var(--lay-color-text-1)} +.elem-style-dark .layui-menu .layui-menu-item-up>.layui-menu-body-title:hover>.layui-icon{color: var(--lay-color-text-1)} +.elem-style-dark .layui-menu .layui-menu-item-checked{background-color:var(--lay-color-active)!important;color:var(--lay-color-secondary)} +.elem-style-dark .layui-menu .layui-menu-item-checked2{background-color:var(--lay-color-active)!important;color:var(--lay-color-secondary)} +.elem-style-dark .layui-menu .layui-menu-item-checked a{color:var(--lay-color-secondary)} +.elem-style-dark .layui-menu .layui-menu-item-checked2 a{color:var(--lay-color-secondary)} +.elem-style-dark .layui-menu .layui-menu-item-checked:after{border-right:3px solid var(--lay-color-secondary)} +.elem-style-dark .layui-menu-body-title a{color: var(--lay-color-text-1)} +.elem-style-dark .layui-menu-lg .layui-menu-body-title a:hover{color:var(--lay-color-secondary)} +.elem-style-dark .layui-menu-lg li:hover{color:var(--lay-color-secondary)} +/* 下拉菜单 */ +.elem-style-dark .layui-dropdown{background-color: var(--lay-color-bg-5)} +.elem-style-dark .layui-dropdown.layui-panel{background-color: var(--lay-color-bg-5);box-shadow: var(--lay-shadow-2)} +.elem-style-dark .layui-dropdown .layui-panel{background-color: var(--lay-color-bg-5);box-shadow: var(--lay-shadow-2)} +.elem-style-dark .layui-dropdown.layui-panel .layui-menu{background-color: var(--lay-color-bg-5)} +/** 导航菜单 **/ +.elem-style-dark .layui-nav{background-color:var(--lay-color-black-6);color: var(--lay-color-white)} +.elem-style-dark .layui-nav .layui-nav-item a{color: var(--lay-color-text-1);} +.elem-style-dark .layui-nav .layui-this:after{background-color:var(--lay-color-secondary)} +.elem-style-dark .layui-nav-bar{background-color:var(--lay-color-secondary)} +.elem-style-dark .layui-nav .layui-nav-item a:hover{color: var(--lay-color-text-1)} +.elem-style-dark .layui-nav .layui-this a{color: var(--lay-color-text-1)} +.elem-style-dark .layui-nav-child{box-shadow:var(--lay-shadow-2);background-color: var(--lay-color-bg-5)} +.elem-style-dark .layui-nav .layui-nav-child a{color: var(--lay-color-text-1)} +.elem-style-dark .layui-nav .layui-nav-child a:hover{background-color: var(--lay-color-bg-5);color: var(--lay-color-text-1)} +.elem-style-dark .layui-nav-child dd.layui-this{background-color: var(--lay-color-bg-5);color: var(--lay-color-text-1)} +.elem-style-dark .layui-nav-tree .layui-nav-child dd.layui-this{background-color: var(--lay-color-primary);color: var(--lay-color-white)} +.elem-style-dark .layui-nav-tree .layui-nav-child dd.layui-this a{background-color: var(--lay-color-primary);color: var(--lay-color-white)} +.elem-style-dark .layui-nav-tree .layui-this{background-color: var(--lay-color-primary);color: var(--lay-color-white)} +.elem-style-dark .layui-nav-tree .layui-this>a{background-color: var(--lay-color-primary);color: var(--lay-color-white)} +.elem-style-dark .layui-nav-tree .layui-this>a:hover{background-color: var(--lay-color-primary);color: var(--lay-color-white)} +.elem-style-dark .layui-nav-itemed>a{color: var(--lay-color-white)!important} +.elem-style-dark .layui-nav-tree .layui-nav-title a{color: var(--lay-color-white)!important} +.elem-style-dark .layui-nav-tree .layui-nav-title a:hover{color: var(--lay-color-white)!important} +.elem-style-dark .layui-nav-tree .layui-nav-bar{background-color:var(--lay-color-primary)} +.elem-style-dark .layui-nav-tree .layui-nav-child{background: none;background-color:rgba(0, 0, 0, .3)} +.elem-style-dark .layui-nav-tree .layui-nav-child a{color: var(--lay-color-white);color: var(--lay-color-text-1)} +.elem-style-dark .layui-nav-tree .layui-nav-child a:hover{background: none; color: var(--lay-color-white)} +.elem-style-dark .layui-nav.layui-bg-gray{background-color: var(--lay-color-bg-2) !important;color: var(--lay-color-text-1);} +.elem-style-dark .layui-nav-tree.layui-bg-gray{background-color: var(--lay-color-bg-2) !important;color: var(--lay-color-text-1);} +.elem-style-dark .layui-nav-tree.layui-bg-gray .layui-nav-child{background-color: rgba(0, 0, 0, .3) !important;} +.elem-style-dark .layui-nav-tree.layui-bg-gray a{color: var(--lay-color-text-1)} +.elem-style-dark .layui-nav.layui-bg-gray .layui-nav-item a{color: var(--lay-color-text-1)} +.elem-style-dark .layui-nav.layui-bg-gray .layui-nav-child{background-color: var(--lay-color-bg-5);} +.elem-style-dark .layui-nav-tree.layui-bg-gray .layui-nav-itemed>a{color: var(--lay-color-text-1)!important} +.elem-style-dark .layui-nav.layui-bg-gray .layui-this a{color:var(--lay-color-secondary)} +.elem-style-dark .layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this{color:var(--lay-color-secondary)!important} +.elem-style-dark .layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this a{color:var(--lay-color-secondary)!important} +.elem-style-dark .layui-nav-tree.layui-bg-gray .layui-this{color:var(--lay-color-secondary)!important} +.elem-style-dark .layui-nav-tree.layui-bg-gray .layui-this>a{color:var(--lay-color-secondary)!important} +.elem-style-dark .layui-nav-tree.layui-bg-gray .layui-nav-bar{background-color:var(--lay-color-secondary)} +/** 面包屑 **/ +.elem-style-dark .layui-breadcrumb a{color:var(--lay-color-gray-7)!important} +.elem-style-dark .layui-breadcrumb a:hover{color:var(--lay-color-secondary)!important} +.elem-style-dark .layui-breadcrumb a cite{color:var(--lay-color-gray-8)} +.elem-style-dark .layui-breadcrumb span[lay-separator]{color:var(--lay-color-gray-7)} +/** Tab 选项卡 **/ +.elem-style-dark .layui-tab-title .layui-this{color: var(--lay-color-text-2)} +.elem-style-dark .layui-tab-title .layui-this:after{border-bottom-color: var(--lay-color-border-2)} +.elem-style-dark .layui-tab-bar{background-color: var(--lay-color-bg-3)} +.elem-style-dark .layui-tab-more li.layui-this:after{border-bottom-color:var(--lay-color-gray-3)} +.elem-style-dark .layui-tab-title li .layui-tab-close{color:var(--lay-color-gray-8)} +.elem-style-dark .layui-tab-title li .layui-tab-close:hover{background-color:var(--lay-color-danger);color: var(--lay-color-white)} +.elem-style-dark .layui-tab-brief>.layui-tab-title .layui-this{color:var( --lay-color-primary)} +.elem-style-dark .layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom:2px solid var(--lay-color-secondary)} +.elem-style-dark .layui-tab-card{box-shadow: var(--lay-shadow-1)} +.elem-style-dark .layui-tab-card>.layui-tab-title{background-color: var(--lay-color-bg-2)} +.elem-style-dark .layui-tab-card>.layui-tab-title .layui-this{background-color: var(--lay-color-bg-1)} +.elem-style-dark .layui-tab-card>.layui-tab-title .layui-this:after{border-bottom-color: var(--lay-color-bg-1)} +.elem-style-dark .layui-tab-card>.layui-tab-more .layui-this{color:var(--lay-color-secondary)} +/*时间线*/ +.elem-style-dark .layui-timeline-axis{background-color: var(--lay-color-bg-4);color:var(--lay-color-secondary)} +.elem-style-dark .layui-timeline-axis:hover{color:var(--lay-color-red-6)} +.elem-style-dark .layui-timeline-item:before{background-color: var(--lay-color-bg-3)} +/*徽章*/ +.elem-style-dark .layui-badge{background-color:var(--lay-color-red-6);color: var(--lay-color-white)} +.elem-style-dark .layui-badge-dot{background-color:var(--lay-color-red-6);color: var(--lay-color-white)} +.elem-style-dark .layui-badge-rim{background-color:var(--lay-color-red-6);color: var(--lay-color-white)} +.elem-style-dark .layui-badge-rim{background-color: var(--lay-color-white);color:var(--lay-color-black-6)} +/* carousel 轮播 */ +.elem-style-dark .layui-carousel{background-color:var(--lay-color-gray-2)} +.elem-style-dark .layui-carousel>[carousel-item]:before{color:var(--lay-color-gray-8);-moz-osx-font-smoothing:grayscale} +.elem-style-dark .layui-carousel>[carousel-item]>*{background-color:var(--lay-color-gray-2)} +.elem-style-dark .layui-carousel-arrow{background-color:rgba(0,0,0,.2);color: var(--lay-color-white)} +.elem-style-dark .layui-carousel-arrow:hover,.layui-carousel-ind ul:hover{background-color:var(--lay-color-black)} +.elem-style-dark .layui-carousel[lay-indicator=outside] .layui-carousel-ind ul{background-color:var(--lay-color-black)} +.elem-style-dark .layui-carousel-ind ul{background-color:rgba(0,0,0,.2)} +.elem-style-dark .layui-carousel-ind ul li{background-color:var(--lay-color-gray-3);background-color: var(--lay-color-text-3)} +.elem-style-dark .layui-carousel-ind ul li:hover{background-color: var(--lay-color-white)} +.elem-style-dark .layui-carousel-ind ul li.layui-this{background-color: var(--lay-color-white)} +/** fixbar **/ +.elem-style-dark .layui-fixbar li{background-color:var(--lay-color-black-5);color: var(--lay-color-text-1)} +/** 表情面板 **/ +.elem-style-dark body .layui-util-face .layui-layer-content{background-color: var(--lay-color-bg-5);color:var(--lay-color-text-2)} +.elem-style-dark .layui-util-face ul{border:1px solid var(--lay-color-border-3);background-color: var(--lay-color-bg-5);box-shadow:var(--lay-shadow-2)} +.elem-style-dark .layui-util-face ul li{border:1px solid var(--lay-color-border-2)} +.elem-style-dark .layui-util-face ul li:hover{border:1px solid var(--lay-color-red-7);background: var(--lay-color-text-1)} +/** 代码文本修饰 **/ +.elem-style-dark .layui-code{border:1px solid var(--lay-color-border-2);background-color: var(--lay-color-bg-white);color: var(--lay-color-text-2)} +/** 穿梭框 **/ +.elem-style-dark .layui-transfer-box{border-color: var(--lay-color-border-2)} +.elem-style-dark .layui-transfer-header{border-color: var(--lay-color-border-2)} +.elem-style-dark .layui-transfer-search{border-color: var(--lay-color-border-2)} +.elem-style-dark .layui-transfer-box{background-color: var(--lay-color-bg-2)} +.elem-style-dark .layui-transfer-search .layui-icon-search{color:var(--lay-color-gray-8)} +.elem-style-dark .layui-transfer-active .layui-btn{background-color:var( --lay-color-secondary);border-color:var( --lay-color-secondary);color: var(--lay-color-white)} +.elem-style-dark .layui-transfer-active .layui-btn-disabled{background-color:var(--lay-color-gray-2);border-color:var(--lay-color-gray-3);color:var(--lay-color-gray-8)} +.elem-style-dark .layui-transfer-data li:hover{background-color:var(--lay-color-active)} +/* chrome 105 */ +.elem-style-dark .layui-transfer-data li:hover:has([lay-filter="layTransferCheckbox"][disabled]){background-color:var(--lay-color-bg-2)} +.elem-style-dark .layui-transfer-data .layui-none{color:var(--lay-color-gray-7)} +/** 评分组件 **/ +.elem-style-dark .layui-rate li i.layui-icon{color:var(--lay-color-orange-6)} +/** 颜色选择器 **/ +.elem-style-dark .layui-colorpicker{border:1px solid var(--lay-color-border-1)} +.elem-style-dark .layui-colorpicker:hover{border-color: var(--lay-color-border-2)} +.elem-style-dark .layui-colorpicker-trigger-span{border:1px solid var(--lay-color-border-1)} +.elem-style-dark .layui-colorpicker-trigger-i{color: var(--lay-color-white)} +.elem-style-dark .layui-colorpicker-trigger-i.layui-icon-close{color:var(--lay-color-black-7)} +.elem-style-dark .layui-colorpicker-main{background: var(--lay-color-bg-2);border:1px solid var( --lay-color-border-2);box-shadow:var(--lay-shadow-2)} +.elem-style-dark .layui-colorpicker-basis-white{background:linear-gradient(90deg, #fff,hsla(0,0%,100%,0))} /* danger: 勿改*/ +.elem-style-dark .layui-colorpicker-basis-black{background:linear-gradient(0deg,#000,transparent)} /* danger: 勿改*/ +.elem-style-dark .layui-colorpicker-basis-cursor{border:1px solid var(--lay-color-white)} +.elem-style-dark .layui-colorpicker-side{background:linear-gradient(linear-gradient(#F00, #FF0, #0F0, #0FF, #00F, #F0F, #F00))} /* danger: 勿改*/ +.elem-style-dark .layui-colorpicker-side-slider{box-shadow:var(--lay-shadow-1);background: var(--lay-color-white);border:1px solid var(--lay-color-gray-2)} +.elem-style-dark .layui-colorpicker-alpha-slider{box-shadow:var(--lay-shadow-1);background: var(--lay-color-white);border:1px solid var(--lay-color-gray-2)} +.elem-style-dark .layui-colorpicker-pre.layui-this{box-shadow:var(--lay-shadow-1)} +.elem-style-dark .layui-colorpicker-pre.selected{box-shadow:var(--lay-shadow-1)} +.elem-style-dark .layui-colorpicker-main-input input.layui-input{color: var(--lay-color-text-2)} +/** 滑块 **/ +.elem-style-dark .layui-slider{background: var( --lay-color-bg-5)} +.elem-style-dark .layui-slider-step{background: var(--lay-color-fill-4)} +.elem-style-dark .layui-slider-wrap-btn{background: var(--lay-color-bg-4)} +.elem-style-dark .layui-slider-tips{color: var(--lay-color-text-1);background:var(--lay-color-black);box-shadow: var(--lay-shadow-3)} +.elem-style-dark .layui-slider-tips:after{border-color:var(--lay-color-black) transparent transparent transparent} +.elem-style-dark .layui-slider-input{border:1px solid var(--lay-color-border-1)} +.elem-style-dark .layui-slider-input-btn{border-left:1px solid var(--lay-color-border-1)} +.elem-style-dark .layui-slider-input-btn i{color:var(--lay-color-gray-9)} +.elem-style-dark .layui-slider-input-btn i:first-child{border-bottom:1px solid var(--lay-color-border-1)} +.elem-style-dark .layui-slider-input-btn i:hover{color:var(--lay-color-primary)} +/** 树组件 **/ +.elem-style-dark .layui-tree-line .layui-tree-set .layui-tree-set:after{border-top:1px dotted var(--lay-color-gray-7)} +.elem-style-dark .layui-tree-entry:hover{background-color: var(--lay-color-bg-4)} +.elem-style-dark .layui-tree-line .layui-tree-entry:hover{background-color:var(--lay-color-black)} +.elem-style-dark .layui-tree-line .layui-tree-entry:hover .layui-tree-txt{color:var(--lay-color-text-3)} +.elem-style-dark .layui-tree-entry:hover:has(span.layui-tree-txt.layui-disabled){background-color: transparent !important} +.elem-style-dark .layui-tree-line .layui-tree-set:before{border-left:1px dotted var(--lay-color-gray-7)} +.elem-style-dark .layui-tree-iconClick{color:var(--lay-color-gray-7)} +.elem-style-dark .layui-tree-icon{border:1px solid var(--lay-color-gray-8)} +.elem-style-dark .layui-tree-icon .layui-icon{color:var(--lay-color-text-1)} +.elem-style-dark .layui-tree-iconArrow:after{border-color:transparent transparent transparent var(--lay-color-gray-7)} +.elem-style-dark .layui-tree-txt{color:var(--lay-color-text-2)} +.elem-style-dark .layui-tree-search{color:var(--lay-color-black-7)} +.elem-style-dark .layui-tree-btnGroup .layui-icon:hover{color:var(--lay-color-text-2)} +.elem-style-dark .layui-tree-editInput{background-color:var(--lay-color-fill-2)} +.elem-style-dark .layui-tree-emptyText{color:var(--lay-color-text-2)} +/*code 不处理*/ +.elem-style-dark .layui-code-view{border:1px solid var(--lay-color-border-1);} +.elem-style-dark .layui-code-view:not(.layui-code-hl){background-color: var(--lay-color-bg-2);color: var(--lay-color-text-2);} +.elem-style-dark .layui-code-header{border-bottom: 1px solid var(--lay-color-border-1); background-color: var(--lay-color-bg-2)} +.elem-style-dark .layui-code-header > .layui-code-header-about{color: var(--lay-color-text-2);} +.elem-style-dark .layui-code-view:not(.layui-code-hl) .layui-code-ln-side{border-color: var(--lay-color-border-1); background-color: var(--lay-color-bg-2);} +.elem-style-dark .layui-code-nowrap > .layui-code-ln-side{background: none !important;} +.elem-style-dark .layui-code-fixbar > span{color: var(--lay-color-text-3);} +.elem-style-dark .layui-code-fixbar > span:hover{color: var(--lay-color-secondary-hover);} + +.elem-style-dark .layui-code-theme-dark, +.elem-style-dark .layui-code-theme-dark > .layui-code-header{border-color: rgb(126 122 122 / 15%); background-color: #1f1f1f;} +.elem-style-dark .layui-code-theme-dark{border-width: 1px; color: #ccc;} +.elem-style-dark .layui-code-theme-dark > .layui-code-ln-side{border-right-color: #2a2a2a; background: none; color: #6e7681;} + +.elem-style-dark .layui-code-view.layui-code-hl > .layui-code-ln-side{background-color: transparent;} +.elem-style-dark .layui-code-theme-dark.layui-code-hl, +.elem-style-dark .layui-code-theme-dark.layui-code-hl > .layui-code-ln-side{border-color: rgb(126 122 122 / 15%);} + +.elem-style-dark .layui-code-full{background-color: var(--lay-color-bg-1)} +/*日期选择器*/ +.elem-style-dark .layui-laydate-header i{color:var(--lay-color-gray-8)} +.elem-style-dark .laydate-day-holidays:before{color:var(--lay-color-red-6)} +.elem-style-dark .layui-laydate .layui-this .laydate-day-holidays:before{color: var(--lay-color-white)} +.elem-style-dark .layui-laydate-footer span{border:1px solid var(--lay-color-border-2);background-color: var(--lay-color-bg-5)} +.elem-style-dark .layui-laydate-footer span:hover{color:var(--lay-color-secondary)} +.elem-style-dark .layui-laydate-footer span.layui-laydate-preview{border-color:transparent!important;} +.elem-style-dark .layui-laydate-footer span.layui-laydate-preview:hover{color:var(--lay-color-black-7)} +.elem-style-dark .layui-laydate-shortcut+.layui-laydate-main{border-left:1px solid var(--lay-color-border-2)} +.elem-style-dark .layui-laydate .layui-laydate-list{background-color: var(--lay-color-bg-5)} +.elem-style-dark .layui-laydate-hint{color:var(--lay-color-danger)} +.elem-style-dark .layui-laydate-range .laydate-main-list-1 .layui-laydate-content{border-left:1px solid var(--lay-color-border-2)} +.elem-style-dark .layui-laydate-range .laydate-main-list-1 .layui-laydate-header{border-left:1px solid var(--lay-color-border-2)} +.elem-style-dark .layui-laydate{border:1px solid var(--lay-color-border-2);box-shadow:var(--lay-shadow-3);background-color: var(--lay-color-bg-5);color: var(--lay-color-text-1)} +.elem-style-dark .layui-laydate-hint{border:1px solid var(--lay-color-border-2);box-shadow:var(--lay-shadow-3);background-color: var(--lay-color-bg-5);color: var(--lay-color-text-1)} +.elem-style-dark .layui-laydate{box-shadow: var(--lay-shadow-2)} +.elem-style-dark .layui-laydate-hint{border-color:var(--lay-color-border-1)} +.elem-style-dark .layui-laydate-header{border-bottom:1px solid var( --lay-color-border-2)} +.elem-style-dark .layui-laydate-header i:hover,.layui-laydate-header span:hover{color:var(--lay-color-secondary)} +.elem-style-dark .layui-laydate-content th{color: var(--lay-color-text-1)} +.elem-style-dark .layui-laydate-content td{color: var(--lay-color-text-1)} +.elem-style-dark .layui-laydate-content td.laydate-day-now{color:var(--lay-color-secondary)} +.elem-style-dark .layui-laydate-content td.laydate-day-now:after{border:1px solid var(--lay-color-secondary)} +.elem-style-dark .layui-laydate-linkage .layui-laydate-content td.laydate-selected>div{background-color:var(--lay-color-secondary-light)} +.elem-style-dark .layui-laydate-linkage .laydate-selected:hover>div{background-color:var(--lay-color-green-4)!important} +.elem-style-dark .layui-laydate-content td>div:hover{background-color: var(--lay-color-fill-2);color: var(--lay-color-text-2)} +.elem-style-dark .layui-laydate-list li:hover{background-color: var(--lay-color-fill-2);color: var(--lay-color-text-2)} +.elem-style-dark .layui-laydate-shortcut>li:hover{background-color: var(--lay-color-fill-2);color: var(--lay-color-text-2)} +.elem-style-dark .layui-laydate-content td.laydate-disabled>div:hover{background-color: var(--lay-color-bg-5);color: var(--lay-color-text-4)} +.elem-style-dark .laydate-time-list li ol{border:1px solid var(--lay-color-border-2)} +.elem-style-dark .laydate-time-list>li:hover{background: 0 0;} +.elem-style-dark .layui-laydate-content .laydate-day-next,.layui-laydate-content .laydate-day-prev{color: var(--lay-color-text-3)} +.elem-style-dark .layui-laydate-linkage .laydate-selected.laydate-day-next>div,.layui-laydate-linkage .laydate-selected.laydate-day-prev>div{background-color: var(--lay-color-bg-5)!important} +.elem-style-dark .layui-laydate-footer{border-top:1px solid var(--lay-color-border-2)} +.elem-style-dark .layui-laydate-hint{color:var(--lay-color-danger)} +.elem-style-dark .laydate-day-mark::after{background-color:var(--lay-color-secondary)} +.elem-style-dark .layui-laydate-footer span[lay-type=date]{color:var(--lay-color-secondary)} +.elem-style-dark .layui-laydate .layui-this{background-color:var(--lay-color-primary)!important;color: var(--lay-color-white)!important} +.elem-style-dark .layui-laydate .layui-this>div{background-color:var(--lay-color-primary)!important;color: var(--lay-color-white)!important} +.elem-style-dark .layui-laydate .laydate-disabled{color: var(--lay-color-text-4)!important} +.elem-style-dark .layui-laydate .laydate-disabled:hover{color: var(--lay-color-text-4)!important} +.elem-style-dark .laydate-theme-molv .layui-laydate-header{background-color:var(--lay-color-primary)} +.elem-style-dark .laydate-theme-molv .layui-laydate-header i{color:var(--lay-color-gray-2)} +.elem-style-dark .laydate-theme-molv .layui-laydate-header span{color:var(--lay-color-gray-2)} +.elem-style-dark .laydate-theme-molv .layui-laydate-header i:hover{color: var(--lay-color-white)} +.elem-style-dark .laydate-theme-molv .layui-laydate-header span:hover{color: var(--lay-color-white)} +.elem-style-dark .laydate-theme-molv .layui-laydate-content{border:1px solid var(--lay-color-border-2)} +.elem-style-dark .laydate-theme-molv .layui-laydate-footer{border:1px solid var(--lay-color-border-2)} +.elem-style-dark .laydate-theme-grid .laydate-month-list>li{border:1px solid var(--lay-color-border-2)} +.elem-style-dark .laydate-theme-grid .laydate-year-list>li{border:1px solid var(--lay-color-border-2)} +.elem-style-dark .laydate-theme-grid .layui-laydate-content td{border:1px solid var(--lay-color-border-2)} +.elem-style-dark .laydate-theme-grid .layui-laydate-content thead{border:1px solid var(--lay-color-border-2)} +.elem-style-dark .layui-laydate-linkage.laydate-theme-grid .laydate-selected{background-color:var(--lay-color-gray-3)!important;color:var(--lay-color-primary)!important} +.elem-style-dark .layui-laydate-linkage.laydate-theme-grid .laydate-selected:hover{background-color:var(--lay-color-gray-3)!important;color:var(--lay-color-primary)!important} +.elem-style-dark .layui-laydate-linkage.laydate-theme-grid .laydate-selected.laydate-day-next{color:var(--lay-color-gray-6)!important} +.elem-style-dark .layui-laydate-linkage.laydate-theme-grid .laydate-selected.laydate-day-prev{color:var(--lay-color-gray-6)!important} +.elem-style-dark .layui-laydate.laydate-theme-circle .layui-laydate-content table td.layui-this{background-color:transparent!important} +/*layer*/ +.elem-style-dark .layui-layer{background-color: var(--lay-color-bg-3);box-shadow:var(--lay-shadow-3)} +.elem-style-dark .layui-layer-border{border:1px solid var(--lay-color-border-2);box-shadow:var(--lay-shadow-3)} +.elem-style-dark .layui-layer-move{background-color: var(--lay-color-bg-5)} +.elem-style-dark .layui-layer-title{border-bottom:1px solid var(--lay-color-border-2);color: var(--lay-color-text-1)} +.elem-style-dark .layui-layer-setwin span{color: var(--lay-color-text-1)} +.elem-style-dark .layui-layer-setwin .layui-layer-min:before{border-bottom-color:var(--lay-color-text-1)} +.elem-style-dark .layui-layer-setwin .layui-layer-min:hover:before{border-bottom-color:var(--lay-color-info-hover)} +.elem-style-dark .layui-layer-setwin .layui-layer-max:after{border:1px solid var(--lay-color-text-3)} +.elem-style-dark .layui-layer-setwin .layui-layer-max:before{border:1px solid var(--lay-color-text-3)} +.elem-style-dark .layui-layer-setwin .layui-layer-max:hover:after{border-color:var(--lay-color-info-hover)} +.elem-style-dark .layui-layer-setwin .layui-layer-max:hover:before{border-color:var(--lay-color-info-hover)} +.elem-style-dark .layui-layer-setwin .layui-layer-maxmin:after{background-color: var(--lay-color-bg-5)} +.elem-style-dark .layui-layer-setwin .layui-layer-maxmin:before{background-color: var(--lay-color-bg-5)} +.elem-style-dark .layui-layer-setwin .layui-layer-close2{color:var(--lay-color-text-1);background-color:var(--lay-color-gray-10)} +.elem-style-dark .layui-layer-setwin .layui-layer-close2:hover{background-color:var(--lay-color-normal)} +.elem-style-dark .layui-layer-btn a{border:1px solid var(--lay-color-border-2);background-color: var( --lay-color-bg-3);color: var(--lay-color-text-2)} +.elem-style-dark .layui-layer-btn .layui-layer-btn0{border-color: transparent;background-color: var(--lay-color-normal);color: var(--lay-color-text-1)} +.elem-style-dark .layui-layer-dialog .layui-layer-content .layui-layer-face{color:var(--lay-color-gray-9)} +.elem-style-dark .layui-layer-dialog .layui-layer-content .layui-icon-tips{color:var(--lay-color-warning)} +.elem-style-dark .layui-layer-dialog .layui-layer-content .layui-icon-success{color: var(--lay-color-success)} +.elem-style-dark .layui-layer-dialog .layui-layer-content .layui-icon-error{top: 19px; color: var(--lay-color-danger)} +.elem-style-dark .layui-layer-dialog .layui-layer-content .layui-icon-question{color: var(--lay-color-warning);} +.elem-style-dark .layui-layer-dialog .layui-layer-content .layui-icon-lock{color: var(--lay-color-gray-10)} +.elem-style-dark .layui-layer-dialog .layui-layer-content .layui-icon-face-cry{color:var(--lay-color-danger)} +.elem-style-dark .layui-layer-dialog .layui-layer-content .layui-icon-face-smile{color:var(--lay-color-success)} +.elem-style-dark .layui-layer-rim{border:6px solid var(--lay-color-gray-8);border:6px solid var(--lay-color-border-2)} +.elem-style-dark .layui-layer-msg{border:1px solid var( --lay-color-border-1)} +.elem-style-dark .layui-layer-hui{background-color: var(--lay-color-bg-3);color: var(--lay-color-text-1)} +.elem-style-dark .layui-layer-hui .layui-layer-close{color: var(--lay-color-white)} +.elem-style-dark .layui-layer-loading-icon{color:var(--lay-color-gray-9)} +.elem-style-dark .layui-layer-loading-2:after{border:3px solid var(--lay-color-gray-6)} +.elem-style-dark .layui-layer-loading-2:before{border:3px solid var(--lay-color-gray-6)} +.elem-style-dark .layui-layer-loading-2:after{border-color:transparent;border-left-color: var(--lay-color-normal)} +.elem-style-dark .layui-layer-tips .layui-layer-content{box-shadow: var(--lay-shadow-3);background-color: var(--lay-color-bg-5);color: var(--lay-color-text-1)} +.elem-style-dark .layui-layer-tips i.layui-layer-TipsG{border-color:transparent} +.elem-style-dark .layui-layer-tips i.layui-layer-TipsB{border-right-color:var(--lay-color-black)} +.elem-style-dark .layui-layer-tips i.layui-layer-TipsT{border-right-color:var(--lay-color-black)} +.elem-style-dark .layui-layer-tips i.layui-layer-TipsL{border-bottom-color:var(--lay-color-black)} +.elem-style-dark .layui-layer-tips i.layui-layer-TipsR{border-bottom-color:var(--lay-color-black)} +.elem-style-dark .layui-layer-lan .layui-layer-title{background:var(--lay-color-blue-5);color: var(--lay-color-text-1)} +.elem-style-dark .layui-layer-lan .layui-layer-btn{border-top:1px solid var(--lay-color-border-3)} +.elem-style-dark .layui-layer-lan .layui-layer-btn a{background: var(--lay-color-white);border-color:var(--lay-color-border-3);color: var(--lay-color-black-7)} +.elem-style-dark .layui-layer-lan .layui-layer-btn .layui-layer-btn1{background: var(--lay-color-gray-7)} +.elem-style-dark .layui-layer-molv .layui-layer-title{background:var(--lay-color-layuigreen-6);color: var(--lay-color-text-1)} +.elem-style-dark .layui-layer-molv .layui-layer-btn a{background:var(--lay-color-layuigreen-6);border-color:var(--lay-color-layuigreen-6)} +.elem-style-dark .layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:var(--lay-color-gray-7)} +.elem-style-dark .layui-layer-prompt .layui-layer-input{border:1px solid var(--lay-color-border-2);color: var(--lay-color-text-2)} +.elem-style-dark .layui-layer-tab{box-shadow:var(--lay-shadow-3)} +.elem-style-dark .layui-layer-tab .layui-layer-title span.layui-this{border-left:1px solid var(--lay-color-border-2);border-right:1px solid var(--lay-color-border-2);background-color: var(--lay-color-bg-3)} +.elem-style-dark .layui-layer-photos{background: none; box-shadow: none;} +.elem-style-dark .layui-layer-photos-prev{color:var(--lay-color-gray-9)} +.elem-style-dark .layui-layer-photos-next{color:var(--lay-color-gray-9)} +.elem-style-dark .layui-layer-photos-prev:hover{color:var(--lay-color-text-1)} +.elem-style-dark .layui-layer-photos-next:hover{color:var(--lay-color-text-1)} +.elem-style-dark .layui-layer-photos-toolbar{background-color:#333\9;background-color: var(--lay-color-bg-5);color: var(--lay-color-text-1)} +.elem-style-dark .layui-layer-photos-toolbar *{color: var(--lay-color-text-1)} +.elem-style-dark .layui-layer-photos-toolbar a:hover{color: var(--lay-color-text-2)} +.elem-style-dark .layui-layer-photos-header > span:hover{background-color: var(--lay-color-fill-2)} +.elem-style-dark .layui-layer-tips i.layui-layer-TipsB{border-right-color: var(--lay-color-bg-5)} +.elem-style-dark .layui-layer-tips i.layui-layer-TipsT{border-right-color: var(--lay-color-bg-5)} +.elem-style-dark .layui-layer-tips i.layui-layer-TipsL{border-bottom-color: var(--lay-color-bg-5)} +.elem-style-dark .layui-layer-tips i.layui-layer-TipsR{border-bottom-color: var(--lay-color-bg-5)} +.elem-style-dark .layui-layer-prompt .layui-layer-input{border:1px solid var(--lay-color-border-2);color:var(--lay-color-text-1);background-color:var(--lay-color-black)} +.elem-style-dark .layui-layer-prompt .layui-layer-input:focus{outline:0} + +/*fix style*/ +.elem-style-dark .layui-layer-loading{background:0 0;box-shadow:0 0} +.elem-style-dark .layui-btn-primary{border-color:transparent} +.elem-style-dark .layui-btn-group .layui-btn:first-child{border-left:none} +.elem-style-dark .layui-btn-group .layui-btn-primary:hover{border-top-color:transparent; border-bottom-color: transparent;} +.elem-style-dark .layui-menu li:hover{background-color:var(--lay-color-fill-2)} +.elem-style-dark .layui-nav-child dd.layui-this{background-color:var(--lay-color-fill-2)} +.elem-style-dark .layui-nav .layui-nav-child a:hover{background-color:var(--lay-color-fill-2)} +.elem-style-dark .layui-nav .layui-nav-item a:hover{background-color: var(--lay-color-fill-2)} +.elem-style-dark .layui-nav .layui-this a{background-color: var(--lay-color-fill-2)} +.elem-style-dark .layui-nav-child dd.layui-this{background-color: var(--lay-color-fill-2)} +.elem-style-dark .layui-tab-card>.layui-tab-title .layui-this:after,.layui-tab-title .layui-this:after{border-bottom-color:var(--lay-color-bg-1)} +.elem-style-dark .layui-form-select dl dd:hover{background-color:var(--lay-color-fill-2)} +.elem-style-dark .layui-form-select dl dd.layui-this{background-color:var(--lay-color-fill-2)} +.elem-style-dark .layui-laypage button{color:var(--lay-color-text-1)} +.elem-style-dark .layui-table[lay-even] tbody tr:nth-child(even){background-color:var(--lay-color-fill-4)} +.elem-style-dark .layui-menu .layui-menu-item-checked{background-color:var(--lay-color-fill-2)!important} +.elem-style-dark .layui-menu .layui-menu-item-checked2{background-color:var(--lay-color-fill-2)!important} +.elem-style-dark .layui-input-split{background-color: var(--lay-color-bg-2);} +.elem-style-dark .layui-input-wrap .layui-input-prefix.layui-input-split{border-width: 1px;} +.elem-style-dark .layui-input-wrap .layui-input-split:has(+.layui-input:hover) {border-color: var(--lay-color-border-2);} +.elem-style-dark .layui-input-wrap .layui-input-split:has(+.layui-input:focus) {border-color: var(--lay-color-secondary-hover);} +.elem-style-dark .layui-layer-tab .layui-layer-title span:first-child{border-left: none !important;} +.elem-style-dark .layui-slider-input .layui-input {background-color: var(--lay-color-bg-2);} +/*layuimini面板颜色*/ +.elem-style-dark .layuimini-container {color:var(--lay-color-text-2);background-color: var(--lay-color-bg-1); color-scheme: dark;} +.elem-style-dark .layui-form .layuimini-form{color:var(--lay-color-text-2);background-color: var(--lay-color-bg-1); color-scheme: dark;} +.elem-style-dark .hr-line{border-color:var(--lay-color-border-2)!important} +.elem-style-dark .layuimini-upload .layuimini-upload-btn{background-color: var(--lay-color-bg-1) !important;} +.elem-style-dark .layuimini-main{background-color: var(--lay-color-bg-1) !important;border-color: var(--lay-color-bg-2)!important;} +.elem-style-dark .layuimini-container .layui-table-tool{background-color: var(--lay-color-bg-1) !important;} +.elem-style-dark .layui-table-box{border-color: var(--lay-color-bg-2)!important;} +.elem-style-dark .layui-tab-item .layui-show{background-color: var(--lay-color-bg-1) !important;} +.elem-style-dark .layui-iconpicker.layui-form-selected .layui-anim {background-color: var(--lay-color-bg-1) !important;} +.elem-style-dark .layui-iconpicker-icon{background-color: var(--lay-color-bg-1) !important;} +.elem-style-dark .layui-iconpicker-item{border-color: var(--lay-color-bg-3) !important;} +.elem-style-dark .layui-iconpicker-list-box{background-color: var(--lay-color-bg-1) !important;} +.elem-style-dark .layui-iconpicker-icon-limit{background-color: var(--lay-color-bg-1) !important;} +.elem-style-dark select{background-color: var(--lay-color-bg-1) !important;} +.elem-style-dark .layui-tab-title{background-color: var(--lay-color-bg-1) !important;border: none!important;} +.elem-style-dark .layuimini-tab .layui-tab-control>li {color:var(--lay-color-text-1);background-color: var(--lay-color-bg-1) !important;border:none!important; } +.elem-style-dark .layuimini-tab .layui-tab-title li{border-right-color:var(--lay-color-bg-3)!important;} +.elem-style-dark {background-color:var(--lay-color-bg-1) !important;} +.elem-style-dark .panel-body{background-color:var(--lay-color-bg-1) !important;border:none !important;} +.elem-style-dark .layui-card{border: none!important;} +.elem-style-dark .panel{border: none!important;} +.elem-style-dark h3{color:var(--lay-color-text-1)!important;} +.elem-style-dark fieldset{border-color:var(--lay-color-border-2)!important;} +.elem-style-dark .layui-laypage-prev{border:none!important;} +.elem-style-dark .layui-laypage-next{border:none!important;} +.elem-style-dark a{border:none!important;} +.elem-style-dark .layuimini-table2card .layui-table-box .layui-table-body .layui-table tr {background-color:var(--lay-color-bg-1)!important;} +.elem-style-dark #dataTips{color:var(--lay-color-text-1)!important;} +.elem-style-dark .layui-menu-body-title span{color:var(--lay-color-white)!important;} +.elem-style-dark .layui-layer-dialog .layui-layer-content{color:var(--lay-color-white)!important;} +.elem-style-dark .layui-table tr:hover{background-color:var(--lay-color-fill-3)} +.elem-style-dark .tableSelect{background-color:var(--lay-color-bg-1) !important;} +.elem-style-dark .layui-bg-gray{background-color:var(--lay-color-bg-1) !important;} + + + diff --git a/public/static/admin/css/themes/index.scss b/public/static/admin/css/themes/index.scss new file mode 100644 index 0000000..58e8b04 --- /dev/null +++ b/public/static/admin/css/themes/index.scss @@ -0,0 +1,41 @@ +.elem-style-normal { + @import 'normal'; +} + +.elem-style-demo { + @import 'demo'; +} + +.elem-style-sicfi { + @import 'sicfi'; +} + +.elem-style-gtk { + @import 'gtk'; +} + +.elem-style-nes { + @import 'nes'; + +} + +.elem-style-win7 { + @import 'win7'; +} +.elem-style-neomorphic { + @import 'neomorphic'; +} +.elem-style-dark { + @import 'dark'; +} + +@font-face { + font-family: "ark-pixel"; + src : url('./nes/ark-pixel-font-12px/ark-pixel-12px-zh_cn.ttf') format('truetype'), + url('./nes/ark-pixel-font-12px/ark-pixel-12px-zh_hk.ttf') format('truetype'), + url('./nes/ark-pixel-font-12px/ark-pixel-12px-zh_tr.ttf') format('truetype'), + url('./nes/ark-pixel-font-12px/ark-pixel-12px-zh_tw.ttf') format('truetype'), + url('./nes/ark-pixel-font-12px/ark-pixel-12px-ja.ttf') format('truetype'), + url('./nes/ark-pixel-font-12px/ark-pixel-12px-ko.ttf') format('truetype'), + url('./nes/ark-pixel-font-12px/ark-pixel-12px-latin.ttf') format('truetype'); +} \ No newline at end of file diff --git a/public/static/admin/css/themes/nes/ark-pixel-font-12px/OFL.txt b/public/static/admin/css/themes/nes/ark-pixel-font-12px/OFL.txt new file mode 100644 index 0000000..0f2a824 --- /dev/null +++ b/public/static/admin/css/themes/nes/ark-pixel-font-12px/OFL.txt @@ -0,0 +1,94 @@ +Copyright (c) 2021, TakWolf (https://ark-pixel-font.takwolf.com), +with Reserved Font Name 'Ark Pixel'. + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +http://scripts.sil.org/OFL + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-ja.ttf b/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-ja.ttf new file mode 100644 index 0000000..a42ab1e Binary files /dev/null and b/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-ja.ttf differ diff --git a/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-ko.ttf b/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-ko.ttf new file mode 100644 index 0000000..db2010c Binary files /dev/null and b/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-ko.ttf differ diff --git a/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-latin.ttf b/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-latin.ttf new file mode 100644 index 0000000..e76d778 Binary files /dev/null and b/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-latin.ttf differ diff --git a/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-zh_cn.ttf b/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-zh_cn.ttf new file mode 100644 index 0000000..5209272 Binary files /dev/null and b/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-zh_cn.ttf differ diff --git a/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-zh_hk.ttf b/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-zh_hk.ttf new file mode 100644 index 0000000..0207efd Binary files /dev/null and b/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-zh_hk.ttf differ diff --git a/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-zh_tr.ttf b/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-zh_tr.ttf new file mode 100644 index 0000000..6224669 Binary files /dev/null and b/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-zh_tr.ttf differ diff --git a/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-zh_tw.ttf b/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-zh_tw.ttf new file mode 100644 index 0000000..308228c Binary files /dev/null and b/public/static/admin/css/themes/nes/ark-pixel-font-12px/ark-pixel-12px-zh_tw.ttf differ diff --git a/public/static/admin/css/welcome.css b/public/static/admin/css/welcome.css index 9034780..4241680 100644 --- a/public/static/admin/css/welcome.css +++ b/public/static/admin/css/welcome.css @@ -48,7 +48,6 @@ position: relative; top: 2px; display: block; - color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; diff --git a/public/static/admin/js/index.js b/public/static/admin/js/index.js index b3b8860..66c7314 100644 --- a/public/static/admin/js/index.js +++ b/public/static/admin/js/index.js @@ -1,4 +1,4 @@ -define(["jquery", "easy-admin", "echarts", "echarts-theme", "miniAdmin", "miniTab", "swiper"], function ($, ea, echarts, undefined, miniAdmin, miniTab) { +define(["jquery", "easy-admin", "echarts", "echarts-theme", "miniAdmin", "miniTheme", "miniTab", "swiper"], function ($, ea, echarts, undefined, miniAdmin, miniTheme, miniTab) { return { index: function () { @@ -25,28 +25,6 @@ define(["jquery", "easy-admin", "echarts", "echarts-theme", "miniAdmin", "miniTa }) }); }); - layui.form.on('switch(header-theme-mode)', function (data) { - let dark_mode = this.checked - let that = $('iframe').contents() - if (dark_mode) { - $('#layuicss-theme-dark').attr({ - rel: "stylesheet", - type: "text/css", - href: "/static/admin/css/layui-theme-dark.css" - }) - .appendTo("head"); - that.find("html").addClass('dark') - $('html').addClass('dark') - } else { - $('#layuicss-theme-dark').attr({ - rel: "stylesheet", - type: "text/css", - href: "" - }) - that.find("html").removeClass('dark') - $('html').removeClass('dark') - } - }); }, welcome: function () { miniTab.listen(); diff --git a/public/static/config-admin.js b/public/static/config-admin.js index c11dd67..44f55df 100644 --- a/public/static/config-admin.js +++ b/public/static/config-admin.js @@ -22,6 +22,7 @@ require.config({ "autocomplete": ["plugs/lay-module/autocomplete/autocomplete"], "vue": ["plugs/vue-2.6.10/vue.min"], "swiper": ["plugs/swiper/swiper-bundle.min"], + "colorMode":["plugs/colorMode/colorMode"], } }); diff --git a/public/static/plugs/colorMode/colorMode.js b/public/static/plugs/colorMode/colorMode.js new file mode 100644 index 0000000..5668776 --- /dev/null +++ b/public/static/plugs/colorMode/colorMode.js @@ -0,0 +1,186 @@ +// @ts-ignore +define(['jquery'], function (colorMode) { + // 'use strict'; + + /** @type {jQuery}*/ + var $ = layui.jquery; + + var MOD_NAME = 'colorMode'; + var defaultWindow = window; + var document = defaultWindow.document; + + var colorMode = { + /** + * @typedef {object} initOptions + * @prop {string} [selector="html"] - 应用于目标元素的 CSS 选择器 + * @prop {string} [attribute="class"] - 应用于目标元素的 HTML 属性 + * @prop {string} [initialValue='auto'] - 初始颜色模式 + * @prop {Object.