You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
354 lines
8.6 KiB
354 lines
8.6 KiB
/*
|
|
* 版 本 EasyCode EC管理后台(http://www.learun.cn)
|
|
* Copyright (c) 2019-present EC管理有限公司
|
|
* 创建人:tobin
|
|
* 日 期:2017.03.16
|
|
* 描 述:前端通用样式表
|
|
*/
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
border-radius: 10px;
|
|
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
border-radius: 10px;
|
|
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track,
|
|
::-webkit-scrollbar-thumb {
|
|
border-radius: 999px;
|
|
border: 5px solid transparent;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
box-shadow: 1px 1px 5px rgba(144, 146, 152, 0.3) inset;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
min-height: 20px;
|
|
background-clip: content-box;
|
|
box-shadow: 0 0 0 5px rgba(144, 146, 152, 0.3) inset;
|
|
}
|
|
|
|
::-webkit-scrollbar-corner {
|
|
background: transparent;
|
|
}
|
|
|
|
html {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
font-family: PingFangSC-Regular,Microsoft YaHei,SimSun,Arial,Helvetica,Verdana,sans-serif !important;
|
|
color: #333;
|
|
font-size: 12px;
|
|
background-color: initial;
|
|
overflow: hidden;
|
|
}
|
|
|
|
ul, li {
|
|
list-style: none;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
a {
|
|
color: #000000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
color: #000000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:focus {
|
|
outline: none;
|
|
-moz-outline: none;
|
|
color: #000000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
|
|
background-color: #fff;
|
|
opacity: 1;
|
|
}
|
|
/*bootstrap*/
|
|
.btn-primary {
|
|
color: #fff;
|
|
background-color: #3286ed;
|
|
border-color: #3286ed;
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
color: #fff;
|
|
background-color: #156edb;
|
|
border-color: #156edb;
|
|
}
|
|
|
|
.btn-primary:focus, .btn-primary.focus {
|
|
color: #fff;
|
|
background-color: #027dcb;
|
|
border-color: #0277c1;
|
|
}
|
|
|
|
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
|
|
color: #fff;
|
|
background-color: #027dcb;
|
|
border-color: #0277c1;
|
|
background-image: none;
|
|
}
|
|
|
|
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
|
|
color: #fff;
|
|
background-color: #0167a8;
|
|
border-color: #014e7f;
|
|
}
|
|
|
|
.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
|
|
background-color: #039cfd;
|
|
border-color: #039cfd;
|
|
}
|
|
|
|
.btn-primary.disabled:hover, .btn-primary:disabled:hover {
|
|
background-color: #039cfd;
|
|
border-color: #039cfd;
|
|
}
|
|
|
|
.btn-default {
|
|
color: #373a3c;
|
|
background-color: #fff;
|
|
border-color: #ccc;
|
|
}
|
|
|
|
.btn-default:hover {
|
|
color: #373a3c;
|
|
background-color: #e6e6e6;
|
|
border-color: #adadad;
|
|
}
|
|
|
|
.btn-default:focus, .btn-default.focus {
|
|
color: #373a3c;
|
|
background-color: #e6e6e6;
|
|
border-color: #adadad;
|
|
}
|
|
|
|
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
|
|
color: #373a3c;
|
|
background-color: #e6e6e6;
|
|
border-color: #adadad;
|
|
background-image: none;
|
|
}
|
|
|
|
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
|
|
color: #373a3c;
|
|
background-color: #d4d4d4;
|
|
border-color: #8c8c8c;
|
|
}
|
|
|
|
.btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default:disabled:focus, .btn-default:disabled.focus {
|
|
background-color: #fff;
|
|
border-color: #ccc;
|
|
}
|
|
|
|
.btn-default.disabled:hover, .btn-default:disabled:hover {
|
|
background-color: #fff;
|
|
border-color: #ccc;
|
|
}
|
|
|
|
.btn-success {
|
|
color: #fff;
|
|
background-color: #1bb99a;
|
|
border-color: #1bb99a;
|
|
}
|
|
|
|
.btn-success:hover {
|
|
color: #fff;
|
|
background-color: #158c75;
|
|
border-color: #13846e;
|
|
}
|
|
|
|
.btn-success:focus, .btn-success.focus {
|
|
color: #fff;
|
|
background-color: #158c75;
|
|
border-color: #13846e;
|
|
}
|
|
|
|
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
|
|
color: #fff;
|
|
background-color: #158c75;
|
|
border-color: #13846e;
|
|
background-image: none;
|
|
}
|
|
|
|
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
|
|
color: #fff;
|
|
background-color: #106d5b;
|
|
border-color: #0b4a3d;
|
|
}
|
|
|
|
.btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus {
|
|
background-color: #1bb99a;
|
|
border-color: #1bb99a;
|
|
}
|
|
|
|
.btn-success.disabled:hover, .btn-success:disabled:hover {
|
|
background-color: #1bb99a;
|
|
border-color: #1bb99a;
|
|
}
|
|
|
|
.btn-warning {
|
|
color: #fff;
|
|
background-color: #f1b53d;
|
|
border-color: #f1b53d;
|
|
}
|
|
|
|
.btn-warning:hover {
|
|
color: #fff;
|
|
background-color: #eaa211;
|
|
border-color: #e19b10;
|
|
}
|
|
|
|
.btn-warning:focus, .btn-warning.focus {
|
|
color: #fff;
|
|
background-color: #eaa211;
|
|
border-color: #e19b10;
|
|
}
|
|
|
|
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
|
|
color: #fff;
|
|
background-color: #eaa211;
|
|
border-color: #e19b10;
|
|
background-image: none;
|
|
}
|
|
|
|
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
|
|
color: #fff;
|
|
background-color: #c98b0e;
|
|
border-color: #a3700c;
|
|
}
|
|
|
|
.btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus {
|
|
background-color: #f1b53d;
|
|
border-color: #f1b53d;
|
|
}
|
|
|
|
.btn-warning.disabled:hover, .btn-warning:disabled:hover {
|
|
background-color: #f1b53d;
|
|
border-color: #f1b53d;
|
|
}
|
|
|
|
.btn-danger {
|
|
color: #fff;
|
|
background-color: #ff5d48;
|
|
border-color: #ff5d48;
|
|
}
|
|
|
|
.btn-danger:hover {
|
|
color: #fff;
|
|
background-color: #ff3015;
|
|
border-color: #ff270b;
|
|
}
|
|
|
|
.btn-danger:focus, .btn-danger.focus {
|
|
color: #fff;
|
|
background-color: #ff3015;
|
|
border-color: #ff270b;
|
|
}
|
|
|
|
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
|
|
color: #fff;
|
|
background-color: #ff3015;
|
|
border-color: #ff270b;
|
|
background-image: none;
|
|
}
|
|
|
|
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
|
|
color: #fff;
|
|
background-color: #f01c00;
|
|
border-color: #c81700;
|
|
}
|
|
|
|
.btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus {
|
|
background-color: #ff5d48;
|
|
border-color: #ff5d48;
|
|
}
|
|
|
|
.btn-danger.disabled:hover, .btn-danger:disabled:hover {
|
|
background-color: #ff5d48;
|
|
border-color: #ff5d48;
|
|
}
|
|
|
|
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
|
|
padding: 0;
|
|
}
|
|
|
|
.form-control {
|
|
color: #000;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
font-size: 9pt;
|
|
height: 28px;
|
|
padding-top: 0;
|
|
padding-bottom: 1px;
|
|
padding-right: 0;
|
|
padding-left: 5px;
|
|
resize: none;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.form-control:focus {
|
|
border-color: #039cfd;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
|
|
pointer-events: none;
|
|
cursor: not-allowed;
|
|
filter: alpha(opacity=65);
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
opacity: .65;
|
|
}
|
|
|
|
.dropdown-menu a {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.lr-rblock {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.lr-layout-tool-right .btn-default:hover {
|
|
color: #fff;
|
|
background-color: #3286ed;
|
|
border-color: transparent;
|
|
}
|