补充文件
This commit is contained in:
11
public/static/system/css/animate.min.css
vendored
Normal file
11
public/static/system/css/animate.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
256
public/static/system/css/global.css
Normal file
256
public/static/system/css/global.css
Normal file
@@ -0,0 +1,256 @@
|
||||
/** layui官网 By 贤心*//* 布局 */
|
||||
.site-inline {font-size:0;}
|
||||
.site-tree,.site-content {display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:14px;}
|
||||
.site-tree {width:220px;min-height:900px;padding:5px 0 20px;}
|
||||
.site-content {width:899px;min-height:900px;padding:20px 0 10px 20px;}
|
||||
/* 头部 */admin-side-toggle.header {height:65px;border-bottom:1px solid #404553;background-color:#393D49;color:#fff;}
|
||||
.logo {position:absolute;left:0;top:18px;}
|
||||
.logo img {width:82px;height:31px;}
|
||||
.header .layui-nav {position:absolute;right:0;top:0;padding:0;background:none;}
|
||||
.header .layui-nav .layui-nav-item {margin:0 20px;line-height:66px;}
|
||||
.menu {position:absolute;right:0;top:0;line-height:65px;}
|
||||
.menu a {display:inline-block;*display:inline;*zoom:1;vertical-align:top;}
|
||||
.menu a {position:relative;padding:0 20px;margin:0 20px;color:#c2c2c2;font-size:14px;}
|
||||
.menu a:hover {color:#fff;transition:all .5s;-webkit-transition:all .5s}
|
||||
.menu a.this {color:#fff}
|
||||
.menu a.this::after {content:'';position:absolute;left:0;bottom:-1px;width:100%;height:5px;background-color:#5FB878;}
|
||||
.header-index {background-color:#080018;border:none;}
|
||||
.layui-layout-admin .header-demo {border-bottom-color:#1AA094;background-color:#23262E;}
|
||||
.header-demo .logo {left:40px;color:#eee}
|
||||
.header-demo .layui-nav {top:0;}
|
||||
.header-demo .layui-nav .layui-nav-item {margin:0 10px;line-height:65px;}
|
||||
.header-demo .layui-nav .layui-nav-item a {color:#ccc;}
|
||||
.header-demo .layui-nav .layui-nav-item dd a {color:#333;}
|
||||
.header-demo .layui-nav .layui-nav-item dd a:hover {color:#393D49;}
|
||||
.header-demo .layui-nav .layui-this {background-color:#393D49;}
|
||||
.header-demo .layui-nav dd.layui-this {background-color:#fff;}
|
||||
.header-demo .layui-nav .layui-nav-item a:hover,.header-demo .layui-nav .layui-this a {color:#fff;}
|
||||
.header-demo .layui-nav .layui-this:after,.header-demo .layui-nav-bar {background-color:#393D49;}
|
||||
.header-demo .layui-nav .layui-this a {padding:0 20px;}
|
||||
.layui-layout-admin .layui-body {border-left:solid 2px #1AA094;bottom:0;}
|
||||
/* 底部 */.footer {padding:30px 0;line-height:30px;text-align:center;background-color:#eee;color:#666;font-weight:300;}
|
||||
body .layui-layout-admin .footer-demo {height:auto;padding:5px 0;line-height:26px;z-index:998;border-left:solid 2px #1AA094;}
|
||||
.footer a {padding:0 5px;}
|
||||
/* 首页banner部分 */.site-banner {position:relative;height:600px;text-align:center;overflow:hidden;background-color:#393D49;}
|
||||
.site-banner-bg,.site-banner-main {position:absolute;left:0;top:0;width:100%;height:100%;}
|
||||
.site-banner-bg {background-position:center 0;}
|
||||
.site-zfj {padding-top:25px;height:220px;}
|
||||
.site-zfj i {position:absolute;left:50%;top:25px;width:200px;height:200px;margin-left:-100px;font-size:200px;color:#c2c2c2;}
|
||||
@-webkit-keyframes site-zfj {0% {opacity:1;-webkit-transform:translate3d(0,0,0) rotate(0deg) scale(1);}
|
||||
10% {opacity:0.8;-webkit-transform:translate3d(-100px,0px,0) rotate(10deg) scale(0.7);}
|
||||
35% {opacity:0.6;-webkit-transform:translate3d(100px,0px,0) rotate(30deg) scale(0.4);}
|
||||
50% {opacity:0.4;-webkit-transform:translate3d(0,0,0) rotate(360deg) scale(0);}
|
||||
80% {opacity:0.2;-webkit-transform:translate3d(0,0,0) rotate(720deg) scale(1);}
|
||||
90% {opacity:0.1;-webkit-transform:translate3d(0,0,0) rotate(3600deg) scale(6);}
|
||||
100% {opacity:1;-webkit-transform:translate3d(0,0,0) rotate(3600deg) scale(1);}
|
||||
}
|
||||
@keyframes site-zfj {0% {opacity:1;transform:translate3d(0,0,0) rotate(0deg) scale(1);}
|
||||
10% {opacity:0.8;transform:translate3d(-100px,0px,0) rotate(10deg) scale(0.7);}
|
||||
35% {opacity:0.6;transform:translate3d(100px,0px,0) rotate(30deg) scale(0.4);}
|
||||
50% {opacity:0.4;transform:translate3d(0,0,0) rotate(360deg) scale(0);}
|
||||
80% {opacity:0.2;transform:translate3d(0,0,0) rotate(720deg) scale(1);}
|
||||
90% {opacity:0.1;transform:translate3d(0,0,0) rotate(3600deg) scale(6);}
|
||||
100% {opacity:1;transform:translate3d(0,0,0) rotate(3600deg) scale(1);}
|
||||
}
|
||||
@-webkit-keyframes site-desc {0% {-webkit-transform:scale(1.1);}
|
||||
100% {opacity:1;-webkit-transform:scale(1);}
|
||||
}
|
||||
@keyframes site-desc {0% {transform:scale(1.1);}
|
||||
100% {transform:scale(1);}
|
||||
}
|
||||
.layui-anim-scaleSpring {-webkit-animation-name:layui-scale-spring;animation-name:layui-scale-spring}
|
||||
.site-zfj-anim i {-webkit-animation-name:site-zfj;animation-name:site-zfj;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;}
|
||||
.site-desc {position:relative;height:70px;margin-top:25px;background:url(../images/layui/desc.png) center no-repeat;}
|
||||
.site-desc-anim {-webkit-animation-name:site-desc;animation-name:site-desc;}
|
||||
.site-desc cite {position:absolute;bottom:-40px;left:0;width:100%;color:#c2c2c2;font-style:normal;}
|
||||
.site-download {margin-top:80px;font-size:0;}
|
||||
.site-download a {position:relative;padding:0 45px 0 90px;height:60px;line-height:60px;border:1px solid #464B5B;font-size:24px;color:#ccc;transition:all .5s;-webkit-transition:all .5s;}
|
||||
.site-download a:hover {border:1px solid #778097;color:#fff;border-radius:30px;}
|
||||
.site-download a cite {position:absolute;left:45px;font-size:30px;}
|
||||
.site-version {position:relative;margin-top:15px;color:#ccc;font-size:12px;}
|
||||
.site-version span {padding:0 3px;}
|
||||
.site-version * {font-style:normal;}
|
||||
.site-version a {color:#e2e2e2;text-decoration:underline;}
|
||||
.site-banner-other {position:absolute;left:0;bottom:32px;width:100%;text-align:center;}
|
||||
.site-banner-other iframe {border:none;}
|
||||
.site-idea {margin:50px 0;font-size:0;text-align:center;font-weight:300;}
|
||||
.site-idea li {display:inline-block;vertical-align:top;*display:inline;*zoom:1;font-size:14px;}
|
||||
.site-idea li {width:298px;height:150px;padding:30px;line-height:24px;margin-left:30px;border:1px solid #d2d2d2;text-align:left;}
|
||||
.site-idea li:first-child {margin-left:0}
|
||||
.site-idea .layui-field-title {border-color:#d2d2d2}
|
||||
.site-idea .layui-field-title legend {margin:0 20px 20px 0;padding:0 20px;text-align:center;}
|
||||
/* 辅助 */.site-tips {margin-bottom:10px;padding:15px;border-left:5px solid #0078AD;background-color:#f2f2f2;}
|
||||
body .site-tips p {margin:0;}
|
||||
/* 目录 */.site-dir {display:none;}
|
||||
.site-dir li {line-height:26px;margin-left:20px;overflow:visible;list-style-type:disc;}
|
||||
.site-dir li a {display:block;}
|
||||
.site-dir li a:active {color:#01AAED;}
|
||||
.site-dir li a.layui-this {color:#01AAED;}
|
||||
body .layui-layer-dir {box-shadow:none;border:1px solid #d2d2d2;}
|
||||
body .layui-layer-dir .layui-layer-content {padding:10px;max-height:280px;overflow:auto;}
|
||||
.site-dir a em {padding-left:5px;font-size:12px;color:#c2c2c2;font-style:normal;}
|
||||
/* 文档 */.site-tree {border-right:1px solid #eee;}
|
||||
.site-tree .layui-tree {line-height:32px;}
|
||||
.site-tree .layui-tree li i {position:relative;font-size:22px;color:#000}
|
||||
.site-tree .layui-tree li a cite {padding:0 8px;}
|
||||
.site-tree .layui-tree .site-tree-noicon a cite {padding-left:15px;}
|
||||
.site-tree .layui-tree li a em {font-size:12px;color:#bbb;padding-right:5px;font-style:normal;}
|
||||
.site-tree .layui-tree li h2 {line-height:36px;border-left:5px solid #009E94;margin:15px 0 5px;padding:0 10px;background-color:#f2f2f2;}
|
||||
.site-tree .layui-tree li ul {margin-left:27px;line-height:28px;}
|
||||
.site-tree .layui-tree li ul a,.site-tree .layui-tree li ul a i {color:#777;}
|
||||
.site-tree .layui-tree li ul a:hover {color:#333;}
|
||||
.site-tree .layui-tree li ul li {margin-left:25px;overflow:visible;list-style-type:disc;/*list-style-position:inside;*/}
|
||||
.site-tree .layui-tree li ul li cite,.site-tree .layui-tree .site-tree-noicon ul li cite {padding-left:0;}
|
||||
.site-tree .layui-tree .layui-this a {color:#01AAED;}
|
||||
.site-tree .layui-tree .layui-this .layui-icon {color:#01AAED;}
|
||||
.site-fix .site-tree {position:fixed;top:0;bottom:0;z-index:666;min-height:0;overflow:auto;background-color:#fff;}
|
||||
.site-fix .site-content {margin-left:220px;}
|
||||
.site-fix-footer .site-tree {margin-bottom:120px;}
|
||||
.site-title {margin:30px 0 20px;}
|
||||
.site-title fieldset {border:none;padding:0;border-top:1px solid #eee;}
|
||||
.site-title fieldset legend {margin-left:20px;padding:0 10px;font-size:22px;font-weight:300;}
|
||||
.site-text a {color:#01AAED;}
|
||||
.site-h1 {margin-bottom:20px;line-height:60px;padding-bottom:10px;color:#393D49;border-bottom:1px solid #eee;font-size:28px;font-weight:300;}
|
||||
.site-h1 .layui-icon {position:relative;top:5px;font-size:50px;margin-right:10px;}
|
||||
.site-text {position:relative;}
|
||||
.site-text p {margin-bottom:10px;line-height:22px;}
|
||||
.site-text em {padding:0 3px;font-weight:500;font-style:italic;color:#666;}
|
||||
.site-text code {margin:0 5px;padding:3px 10px;border:1px solid #e2e2e2;background-color:#fbfbfb;color:#666;border-radius:2px;}
|
||||
.site-table {width:100%;margin:10px 0;}
|
||||
.site-table thead {background-color:#f2f2f2;}
|
||||
.site-table th,.site-table td {padding:6px 15px;min-height:20px;line-height:20px;border:1px solid #ddd;font-size:14px;font-weight:400;}
|
||||
.site-table tr:nth-child(even) {background:#fbfbfb;}
|
||||
.site-block {padding:20px;border:1px solid #eee;}
|
||||
.site-block .layui-form {margin-right:200px;}
|
||||
/* 演示 */body .layui-layout-admin .site-demo {bottom:82px;padding:0;z-index:-1;}
|
||||
body .site-demo-nav .layui-nav-item {line-height:40px}
|
||||
.layui-nav-item .layui-icon {position:relative;/*font-size:20px;*/}
|
||||
.layui-nav-item a cite {padding:0 10px;}
|
||||
.site-demo .layui-main {margin:15px;line-height:22px;}
|
||||
.site-demo-editor {position:absolute;top:0;bottom:0;left:0;width:50%;}
|
||||
.site-demo-area {position:absolute;top:0;bottom:90px;width:100%;}
|
||||
.site-demo-editor textarea {position:absolute;width:100%;height:100%;padding:15px;border:none;resize:none;/*background-color:#F7FBFF;*/ background-color:#272822;color:#CFBFAF;font-family:Courier New;font-size:12px;-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important;}
|
||||
.site-demo-btn {position:absolute;bottom:100px;right:20px;}
|
||||
.site-demo-zanzhu {position:absolute;bottom:0;left:0;width:100%;height:90px;text-align:center;background-color:#e2e2e2;overflow:hidden;}
|
||||
.site-demo-zanzhu>* {position:relative;z-index:1;}
|
||||
.site-demo-zanzhu:before {content:"";position:absolute;z-index:0;top:50%;left:50%;width:120px;margin:-10px 0px 0px -60px;text-align:center;color:rgb(170,170,170);font-size:18px;font-weight:300;}
|
||||
.site-demo-result {position:absolute;right:0;top:0;bottom:0;width:50%;}
|
||||
.site-demo-result iframe {position:absolute;width:100%;height:100%;}
|
||||
.site-demo-button {margin-bottom:30px;}
|
||||
.site-demo-button div {margin:20px 30px 10px;}
|
||||
.site-demo-button .layui-btn {margin-bottom:10px;}
|
||||
.site-demo-laytpl {text-align:center;}
|
||||
.site-demo-laytpl textarea,.site-demo-laytpl div span {width:40%;padding:15px;margin:0 15px;}
|
||||
.site-demo-laytpl textarea {height:300px;border:none;background-color:#3F3F3F;color:#E3CEAB;font-family:Courier New;resize:none;}
|
||||
.site-demo-laytpl div span {display:inline-block;text-align:center;background:#101010;color:#fff;}
|
||||
.site-demo-tplres {margin:10px 0;text-align:center}
|
||||
.site-demo-tplres .site-demo-tplh2,.site-demo-tplres .site-demo-tplview {display:inline-block;width:50%;}
|
||||
.site-demo-tplres h2 {padding:15px;background:#e2e2e2;}
|
||||
.site-demo-tplres h3 {font-weight:700;}
|
||||
.site-demo-tplres div {padding:14px;border:1px solid #e2e2e2;text-align:left;}
|
||||
.site-demo-upload,.site-demo-upload img {width:200px;height:200px}
|
||||
.site-demo-upload {position:relative;background:#e2e2e2;}
|
||||
.site-demo-upload .site-demo-upbar {position:absolute;top:50%;left:50%;margin:-18px 0 0 -56px;}
|
||||
.site-demo-upload .layui-upload-button {background-color:rgba(0,0,0,.2);color:rgba(255,255,255,1);}
|
||||
.site-demo-util {position:relative;width:300px;}
|
||||
.site-demo-util img {width:300px;border-radius:100%;}
|
||||
.site-demo-util span {position:absolute;left:0;top:0;width:100%;height:100%;background:#333;cursor:pointer;}
|
||||
@-webkit-keyframes demo-fengjie {0% {-webkit-filter:blur(0);opacity:1;background:#fff;height:300px;border-radius:100%;}
|
||||
80% {-webkit-filter:blur(50px);opacity:0.95;}
|
||||
100% {-webkit-filter:blur(20px);opacity:0;background:#fff;}
|
||||
}
|
||||
@keyframes demo-fengjie {0% {filter:blur(0);opacity:1;background:#fff;height:300px;border-radius:100%;}
|
||||
80% {filter:blur(50px);opacity:0.95;}
|
||||
100% {filter:blur(20px);opacity:0;background:#fff;}
|
||||
}
|
||||
.site-demo-fengjie {-webkit-animation-name:demo-fengjie;animation-name:demo-fengjie;-webkit-animation-duration:5s;animation-duration:5s;}
|
||||
.layui-layout-admin .site-demo-body {top:117px;}
|
||||
.site-demo-title {position:fixed;left:200px;right:0;top:76px;}
|
||||
.site-demo-code {position:absolute;left:0;top:0;width:100%;height:100%;border:none;padding:10px;resize:none;font-size:12px;background-color:#F7FBFF;color:#881280;font-family:Courier New;}
|
||||
.site-demo-body .layui-elem-quote a {color:#01AAED;}
|
||||
.site-demo-body .layui-elem-quote a:hover {color:#FF5722;}
|
||||
/* 其它 */#trans-tooltip,#tip-arrow-bottom,#tip-arrow-top {display:none !important;}
|
||||
/* 独立组件 */.alone {width:730px;margin:200px auto;}
|
||||
.alone ul {margin-left:1px;font-size:0;}
|
||||
.alone li {display:inline-block;width:181px;font-size:16px;text-align:center;line-height:80px;margin:0 1px 1px 0;background-color:#393D49;color:#fff;}
|
||||
.alone li:hover {opacity:0.8;}
|
||||
.alone li a {display:block;color:#fff;}
|
||||
/* 自定义css */.admin-header-item-mobile {position:absolute;right:0px;height:70px;line-height:70px;padding:0 20px;text-align:center;top:0;display:none;}
|
||||
.admin-nav-tree .layui-nav-child a {padding-left:30px;}
|
||||
.admin {border:0;margin:0;box-shadow:none;}
|
||||
.admin-nav-card {margin-top:5px;}
|
||||
.admin-nav-card .layui-icon {position:relative;}
|
||||
.admin-nav-card .layui-tab-item iframe {width:100%;border:0;height:100%;}
|
||||
.admin-nav-card>.layui-tab-title {border-bottom:1px solid #1AA094;}
|
||||
.admin-nav-card .layui-tab-title cite {font-style:normal;padding-left:5px;}
|
||||
.admin-nav-card>.layui-tab-title .layui-this {color:white;background-color:#1AA094;}
|
||||
.admin-nav-card>.layui-tab-title .layui-this:after {border-bottom:0;}
|
||||
.admin-header-user img {width:40px;height:40px;border-radius:100%;/*position:relative;top:15px;*/}
|
||||
.admin-header-user .layui-nav-more {top:33px;}
|
||||
.admin-header-user .layui-nav-mored {top:26px;}
|
||||
/*lock*/.admin-header-lock {width:320px;height:150px;padding:20px;position:relative;text-align:center;}
|
||||
.admin-header-lock-img {width:60px;height:60px;margin:0 auto;}
|
||||
.admin-header-lock-img img {width:60px;height:60px;border-radius:100%;}
|
||||
.admin-header-lock-name {color:#009688;margin:8px 0 15px 0;}
|
||||
.admin-header-lock-input {width:150px;color:#FFFFFF;height:30px;border:0;background-color:#009688;padding:0 7px;border-radius:2px;}
|
||||
/*table*/.site-table tbody tr td {text-align:center;}
|
||||
.site-table tbody tr td .layui-btn+.layui-btn {margin-left:0px;}
|
||||
.admin-table-page {position:fixed;z-index:19940201;bottom:0;width:100%;background-color:#eee;border-bottom:1px solid #ddd;left:0px;}
|
||||
.admin-table-page .page {padding-left:20px;}
|
||||
.admin-table-page .page .layui-laypage {margin:6px 0 0 0;}
|
||||
/**/.admin-main {margin:15px;}
|
||||
.admin-side-toggle,.admin-side-full {position:absolute;cursor:pointer;z-index:19940201;left:200px;color:white;text-align:center;width:30px;height:30px;background-color:#1AA094;line-height:30px;top:25%;}
|
||||
.admin-side-toggle:hover,.admin-side-full:hover {background-color:#5FB878;}
|
||||
.admin-side-full {left:240px;}
|
||||
.admin-login-box {width:185px;height:70px;position:relative;}
|
||||
.beg-navbar .layui-nav-child dd a {padding-left:30px;}
|
||||
.admin-contextmenu {position:absolute;line-height:36px;padding:5px 0;border:1px solid #d2d2d2;background-color:white;z-index:19940201;border-radius:2px;white-space:nowrap;top:30px;/*width:100px;height:200px;*/}
|
||||
.admin-contextmenu ul li {padding:0 15px;}
|
||||
.admin-contextmenu ul li:hover {background-color:#eee;cursor:pointer;}
|
||||
/* 适配多设备 */@media screen and (max-width:750px) {.layui-main {width:auto;margin:0 10px;}
|
||||
.logo,.header-demo .logo {left:10px;}
|
||||
.site-nav-layim {display:none !important;}
|
||||
.header .layui-nav .layui-nav-item {margin:0;}
|
||||
.header .layui-nav .layui-nav-item a {padding:0 15px;}
|
||||
.site-banner {height:300px;}
|
||||
.site-banner-bg {background-size:cover;}
|
||||
.site-zfj {height:100px;padding-top:5px;}
|
||||
.site-zfj i {top:10px;width:100px;height:100px;margin-left:-50px;font-size:100px;}
|
||||
.site-desc {background-size:70%;margin:0;}
|
||||
.site-desc cite {display:none;}
|
||||
.site-download {margin-top:0;}
|
||||
.site-download a {height:40px;line-height:40px;padding:0 25px 0 60px;border:1px solid #778097;border-radius:30px;color:#fff;font-size:16px;}
|
||||
.site-download a cite {left:20px;}
|
||||
.site-banner-other {bottom:15px;}
|
||||
.site-idea {margin:20px 0;}
|
||||
.site-idea li {margin:0 0 20px 0;width:100%;height:auto;-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important;}
|
||||
.site-hengfu img {max-width:100%}
|
||||
.layui-layer-dir {display:none;}
|
||||
.site-tree {position:fixed;top:0;bottom:0;min-height:0;overflow:auto;z-index:1000;left:-260px;background-color:#fff;transition:all .3s;-webkit-transition:all .3s;}
|
||||
.site-content {width:100%;padding:0;overflow:auto;}
|
||||
.site-content img {max-width:100%;}
|
||||
.site-tree-mobile {display:block!important;position:fixed;z-index:100000;bottom:15px;left:15px;width:50px;height:50px;line-height:50px;border-radius:2px;text-align:center;background-color:rgba(0,0,0,.7);color:#fff;}
|
||||
.site-home .site-tree-mobile {display:none!important;}
|
||||
.site-mobile .site-tree-mobile {display:none !important;}
|
||||
.site-mobile .site-tree {left:0;}
|
||||
.site-mobile .site-mobile-shade {content:'';position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.8);z-index:9999;}
|
||||
.site-tree-mobile i {font-size:20px;}
|
||||
.layui-code-view {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
|
||||
.layui-layout-admin .layui-side {position:fixed;top:0;left:-260px;transition:all .3s;-webkit-transition:all .3s;z-index:10000;}
|
||||
.layui-body {position:static;bottom:0;left:0;}
|
||||
.site-mobile .layui-side {left:0;}
|
||||
body .layui-layout-admin .footer-demo {position:static;}
|
||||
.site-demo-area,.site-demo-editor,.site-demo-result,.site-demo-editor textarea,.site-demo-result iframe {position:static;width:100%;}
|
||||
.site-demo-editor textarea {height:350px;}
|
||||
.site-demo-zanzhu {display:none;}
|
||||
.site-demo-btn {bottom:auto;top:370px;}
|
||||
.site-demo-result iframe {height:500px;}
|
||||
.site-demo-laytpl textarea,.site-demo-laytpl div span {margin:0;}
|
||||
.site-demo-tplres .site-demo-tplh2,.site-demo-tplres .site-demo-tplview {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
|
||||
.site-demo-title {position:static;left:0;}
|
||||
body .layui-layout-admin .site-demo {}
|
||||
.site-demo-code {position:static;height:350px;}
|
||||
.admin-side-toggle,.admin-header-item {display:none;}
|
||||
.admin-header-item-mobile {display:block;}
|
||||
}
|
||||
.badge {display:inline-block;padding:2px 5px;font-size:8px;line-height:1;border-radius:9px;position:absolute;top:15px;right:8px;background:#e53d1c;color:#fff;}
|
||||
449
public/static/system/css/global.css11
Normal file
449
public/static/system/css/global.css11
Normal file
@@ -0,0 +1,449 @@
|
||||
/**
|
||||
|
||||
layui官网
|
||||
By 贤心
|
||||
|
||||
*/
|
||||
|
||||
|
||||
/* 布局 */
|
||||
.site-inline{font-size: 0;}
|
||||
.site-tree, .site-content{display: inline-block; *display:inline; *zoom:1; vertical-align: top; font-size: 14px;}
|
||||
.site-tree{width: 220px; min-height: 900px; padding: 5px 0 20px;}
|
||||
.site-content{width: 899px; min-height: 900px; padding: 20px 0 10px 20px;}
|
||||
|
||||
/* 头部 */admin-side-toggle
|
||||
.header{height: 65px; border-bottom: 1px solid #404553; background-color: #393D49; color: #fff;}
|
||||
.logo{position: absolute; left: 0; top: 18px;}
|
||||
.logo img{width: 82px; height: 31px;}
|
||||
|
||||
.header .layui-nav{position: absolute; right: 0; top: 0; padding: 0; background: none;}
|
||||
.header .layui-nav .layui-nav-item{margin: 0 20px; line-height: 66px;}
|
||||
|
||||
.menu{position: absolute; right: 0; top: 0; line-height: 65px;}
|
||||
.menu a{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
|
||||
.menu a{position: relative; padding: 0 20px; margin: 0 20px; color: #c2c2c2; font-size: 14px;}
|
||||
.menu a:hover{color: #fff; transition: all .5s; -webkit-transition: all .5s}
|
||||
.menu a.this{color: #fff}
|
||||
.menu a.this::after{content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 5px; background-color: #5FB878;}
|
||||
|
||||
.header-index{background-color: #080018; border: none;}
|
||||
|
||||
.layui-layout-admin .header-demo{border-bottom-color: #1AA094; background-color: #23262E;}
|
||||
.header-demo .logo{left: 40px;color: #eee}
|
||||
.header-demo .layui-nav{top: 0;}
|
||||
.header-demo .layui-nav .layui-nav-item{margin: 0 10px; line-height: 65px;}
|
||||
.header-demo .layui-nav .layui-nav-item a{color: #ccc;}
|
||||
.header-demo .layui-nav .layui-nav-item dd a{color: #333;}
|
||||
.header-demo .layui-nav .layui-nav-item dd a:hover{color: #393D49;}
|
||||
.header-demo .layui-nav .layui-this{background-color: #393D49;}
|
||||
.header-demo .layui-nav dd.layui-this{background-color: #fff;}
|
||||
.header-demo .layui-nav .layui-nav-item a:hover,
|
||||
.header-demo .layui-nav .layui-this a{color: #fff;}
|
||||
.header-demo .layui-nav .layui-this:after,
|
||||
.header-demo .layui-nav-bar{background-color: #393D49;}
|
||||
.header-demo .layui-nav .layui-this a{padding: 0 20px;}
|
||||
|
||||
.layui-layout-admin .layui-body{border-left: solid 2px #1AA094;bottom:0;}
|
||||
/* 底部 */
|
||||
.footer{padding: 30px 0; line-height: 30px; text-align: center; background-color: #eee; color: #666; font-weight: 300;}
|
||||
body .layui-layout-admin .footer-demo{height: auto; padding: 5px 0; line-height: 26px;z-index: 998;border-left: solid 2px #1AA094;}
|
||||
.footer a{padding: 0 5px;}
|
||||
|
||||
/* 首页banner部分 */
|
||||
.site-banner{position: relative; height: 600px; text-align: center; overflow: hidden; background-color: #393D49;}
|
||||
.site-banner-bg
|
||||
,.site-banner-main{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
|
||||
.site-banner-bg{background-position: center 0;}
|
||||
|
||||
|
||||
.site-zfj{padding-top: 25px; height: 220px;}
|
||||
.site-zfj i{position: absolute; left: 50%; top: 25px; width: 200px; height: 200px; margin-left: -100px; font-size: 200px; color: #c2c2c2;}
|
||||
|
||||
@-webkit-keyframes site-zfj {
|
||||
0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1);}
|
||||
10% {opacity: 0.8; -webkit-transform: translate3d(-100px, 0px, 0) rotate(10deg) scale(0.7);}
|
||||
35% {opacity: 0.6; -webkit-transform: translate3d(100px, 0px, 0) rotate(30deg) scale(0.4);}
|
||||
50% {opacity: 0.4; -webkit-transform: translate3d(0, 0, 0) rotate(360deg) scale(0);}
|
||||
80% {opacity: 0.2; -webkit-transform: translate3d(0, 0, 0) rotate(720deg) scale(1);}
|
||||
90% {opacity: 0.1; -webkit-transform: translate3d(0, 0, 0) rotate(3600deg) scale(6);}
|
||||
100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate(3600deg) scale(1);}
|
||||
}
|
||||
@keyframes site-zfj {
|
||||
0% {opacity: 1; transform: translate3d(0, 0, 0) rotate(0deg) scale(1);}
|
||||
10% {opacity: 0.8; transform: translate3d(-100px, 0px, 0) rotate(10deg) scale(0.7);}
|
||||
35% {opacity: 0.6; transform: translate3d(100px, 0px, 0) rotate(30deg) scale(0.4);}
|
||||
50% {opacity: 0.4; transform: translate3d(0, 0, 0) rotate(360deg) scale(0);}
|
||||
80% {opacity: 0.2; transform: translate3d(0, 0, 0) rotate(720deg) scale(1);}
|
||||
90% {opacity: 0.1; transform: translate3d(0, 0, 0) rotate(3600deg) scale(6);}
|
||||
100% {opacity: 1; transform: translate3d(0, 0, 0) rotate(3600deg) scale(1);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes site-desc {
|
||||
0% { -webkit-transform: scale(1.1);}
|
||||
100% {opacity: 1; -webkit-transform: scale(1);}
|
||||
}
|
||||
@keyframes site-desc {
|
||||
0% { transform: scale(1.1);}
|
||||
100% {transform: scale(1);}
|
||||
}
|
||||
|
||||
.layui-anim-scaleSpring{-webkit-animation-name: layui-scale-spring; animation-name: layui-scale-spring}
|
||||
.site-zfj-anim i{-webkit-animation-name: site-zfj; animation-name: site-zfj; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: linear; animation-timing-function: linear;}
|
||||
|
||||
|
||||
.site-desc{position: relative; height: 70px; margin-top: 25px; background: url(../images/layui/desc.png) center no-repeat;}
|
||||
.site-desc-anim{-webkit-animation-name: site-desc; animation-name: site-desc;}
|
||||
|
||||
.site-desc cite{position: absolute; bottom: -40px; left: 0; width: 100%; color: #c2c2c2; font-style: normal;}
|
||||
.site-download{margin-top: 80px; font-size: 0;}
|
||||
.site-download a{position: relative; padding: 0 45px 0 90px; height: 60px; line-height: 60px; border: 1px solid #464B5B; font-size: 24px; color: #ccc; transition: all .5s; -webkit-transition: all .5s;}
|
||||
.site-download a:hover{border: 1px solid #778097; color: #fff; border-radius: 30px; }
|
||||
.site-download a cite{position: absolute; left: 45px; font-size: 30px;}
|
||||
.site-version{position: relative; margin-top: 15px; color: #ccc; font-size: 12px;}
|
||||
.site-version span{padding: 0 3px;}
|
||||
.site-version *{font-style: normal;}
|
||||
.site-version a{color: #e2e2e2; text-decoration: underline;}
|
||||
|
||||
.site-banner-other{position: absolute; left: 0; bottom: 32px; width: 100%; text-align: center;}
|
||||
.site-banner-other iframe{border: none;}
|
||||
|
||||
.site-idea{margin: 50px 0; font-size: 0; text-align: center; font-weight: 300;}
|
||||
.site-idea li{display: inline-block; vertical-align: top; *display: inline; *zoom:1; font-size: 14px; }
|
||||
.site-idea li{width: 298px; height: 150px; padding: 30px; line-height: 24px; margin-left: 30px; border: 1px solid #d2d2d2; text-align: left;}
|
||||
.site-idea li:first-child{margin-left: 0}
|
||||
.site-idea .layui-field-title{border-color: #d2d2d2}
|
||||
.site-idea .layui-field-title legend{margin: 0 20px 20px 0; padding: 0 20px; text-align: center;}
|
||||
|
||||
|
||||
/* 辅助 */
|
||||
.site-tips{margin-bottom: 10px; padding: 15px; border-left: 5px solid #0078AD; background-color: #f2f2f2;}
|
||||
body .site-tips p{margin: 0;}
|
||||
|
||||
/* 目录 */
|
||||
.site-dir{display: none;}
|
||||
.site-dir li{line-height: 26px; margin-left: 20px; overflow: visible; list-style-type: disc;}
|
||||
.site-dir li a{display: block;}
|
||||
.site-dir li a:active{color: #01AAED;}
|
||||
.site-dir li a.layui-this{color: #01AAED;}
|
||||
body .layui-layer-dir{box-shadow: none; border: 1px solid #d2d2d2;}
|
||||
body .layui-layer-dir .layui-layer-content{padding: 10px; max-height: 280px; overflow: auto;}
|
||||
.site-dir a em{padding-left: 5px; font-size: 12px; color: #c2c2c2; font-style: normal;}
|
||||
|
||||
/* 文档 */
|
||||
.site-tree{border-right: 1px solid #eee; }
|
||||
.site-tree .layui-tree{line-height: 32px;}
|
||||
.site-tree .layui-tree li i{position: relative; font-size: 22px; color: #000}
|
||||
.site-tree .layui-tree li a cite{padding: 0 8px;}
|
||||
.site-tree .layui-tree .site-tree-noicon a cite{padding-left: 15px;}
|
||||
.site-tree .layui-tree li a em{font-size: 12px; color: #bbb; padding-right: 5px; font-style: normal;}
|
||||
.site-tree .layui-tree li h2{line-height: 36px; border-left: 5px solid #009E94; margin: 15px 0 5px; padding: 0 10px; background-color: #f2f2f2;}
|
||||
.site-tree .layui-tree li ul{margin-left: 27px; line-height: 28px;}
|
||||
.site-tree .layui-tree li ul a,
|
||||
.site-tree .layui-tree li ul a i{color: #777;}
|
||||
.site-tree .layui-tree li ul a:hover{color: #333;}
|
||||
.site-tree .layui-tree li ul li{margin-left: 25px; overflow: visible; list-style-type: disc; /*list-style-position: inside;*/}
|
||||
.site-tree .layui-tree li ul li cite,
|
||||
.site-tree .layui-tree .site-tree-noicon ul li cite{padding-left: 0;}
|
||||
|
||||
.site-tree .layui-tree .layui-this a{color: #01AAED;}
|
||||
.site-tree .layui-tree .layui-this .layui-icon{color: #01AAED;}
|
||||
|
||||
.site-fix .site-tree{position: fixed; top: 0; bottom: 0; z-index: 666; min-height: 0; overflow: auto; background-color: #fff;}
|
||||
.site-fix .site-content{margin-left: 220px;}
|
||||
.site-fix-footer .site-tree{margin-bottom: 120px;}
|
||||
|
||||
|
||||
.site-title{ margin: 30px 0 20px;}
|
||||
.site-title fieldset{border: none; padding: 0; border-top: 1px solid #eee;}
|
||||
.site-title fieldset legend{margin-left: 20px; padding: 0 10px; font-size: 22px; font-weight: 300;}
|
||||
|
||||
.site-text a{color: #01AAED;}
|
||||
.site-h1{margin-bottom: 20px; line-height: 60px; padding-bottom: 10px; color: #393D49; border-bottom: 1px solid #eee; font-size: 28px; font-weight: 300;}
|
||||
.site-h1 .layui-icon{position: relative; top: 5px; font-size: 50px; margin-right: 10px;}
|
||||
.site-text{position:relative;}
|
||||
.site-text p{margin-bottom: 10px; line-height:22px;}
|
||||
.site-text em{padding: 0 3px; font-weight: 500; font-style: italic; color: #666;}
|
||||
.site-text code{margin:0 5px; padding: 3px 10px; border: 1px solid #e2e2e2; background-color: #fbfbfb; color: #666; border-radius: 2px;}
|
||||
|
||||
.site-table{width: 100%; margin: 10px 0;}
|
||||
.site-table thead{background-color:#f2f2f2; }
|
||||
.site-table th,
|
||||
.site-table td{padding: 6px 15px; min-height: 20px; line-height: 20px; border:1px solid #ddd; font-size: 14px; font-weight: 400;}
|
||||
.site-table tr:nth-child(even){background: #fbfbfb;}
|
||||
|
||||
.site-block{padding: 20px; border: 1px solid #eee;}
|
||||
.site-block .layui-form{margin-right: 200px;}
|
||||
|
||||
|
||||
/* 演示 */
|
||||
body .layui-layout-admin .site-demo{bottom: 82px; padding: 0;z-index:-1;}
|
||||
body .site-demo-nav .layui-nav-item{line-height: 40px}
|
||||
.layui-nav-item .layui-icon{position: relative; /*font-size: 20px;*/}
|
||||
.layui-nav-item a cite{padding: 0 10px;}
|
||||
.site-demo .layui-main{margin: 15px; line-height: 22px;}
|
||||
.site-demo-editor{position: absolute; top: 0; bottom: 0; left: 0; width: 50%; }
|
||||
.site-demo-area{position: absolute; top: 0; bottom: 90px; width: 100%;}
|
||||
.site-demo-editor textarea{position: absolute; width: 100%; height: 100%; padding: 15px; border: none; resize: none; /*background-color: #F7FBFF;*/ background-color: #272822; color: #CFBFAF; font-family: Courier New; font-size: 12px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
|
||||
.site-demo-btn{position: absolute; bottom: 100px; right: 20px;}
|
||||
.site-demo-zanzhu{position: absolute; bottom: 0; left: 0; width: 100%; height: 90px; text-align: center; background-color: #e2e2e2; overflow: hidden;}
|
||||
.site-demo-zanzhu>*{position: relative; z-index: 1;}
|
||||
.site-demo-zanzhu:before{content: ""; position: absolute; z-index: 0; top: 50%; left: 50%; width: 120px; margin: -10px 0px 0px -60px; text-align: center; color: rgb(170, 170, 170); font-size: 18px; font-weight: 300; }
|
||||
|
||||
.site-demo-result{position: absolute; right: 0; top: 0; bottom: 0; width: 50%;}
|
||||
.site-demo-result iframe{position: absolute; width: 100%; height: 100%;}
|
||||
|
||||
.site-demo-button{margin-bottom: 30px;}
|
||||
.site-demo-button div{margin: 20px 30px 10px;}
|
||||
.site-demo-button .layui-btn{margin-bottom: 10px;}
|
||||
|
||||
.site-demo-laytpl{text-align: center;}
|
||||
.site-demo-laytpl textarea,
|
||||
.site-demo-laytpl div span{width: 40%; padding: 15px; margin: 0 15px;}
|
||||
.site-demo-laytpl textarea{height: 300px; border: none; background-color: #3F3F3F; color: #E3CEAB; font-family: Courier New; resize: none;}
|
||||
.site-demo-laytpl div span{display: inline-block; text-align: center; background: #101010; color: #fff;}
|
||||
.site-demo-tplres{margin: 10px 0; text-align: center}
|
||||
.site-demo-tplres .site-demo-tplh2,
|
||||
.site-demo-tplres .site-demo-tplview{display: inline-block; width: 50%;}
|
||||
.site-demo-tplres h2{padding: 15px; background: #e2e2e2;}
|
||||
.site-demo-tplres h3{font-weight: 700;}
|
||||
.site-demo-tplres div{padding: 14px; border: 1px solid #e2e2e2; text-align: left;}
|
||||
|
||||
.site-demo-upload,
|
||||
.site-demo-upload img{width: 200px; height: 200px}
|
||||
.site-demo-upload{position: relative; background: #e2e2e2;}
|
||||
.site-demo-upload .site-demo-upbar{position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -56px;}
|
||||
.site-demo-upload .layui-upload-button{background-color: rgba(0,0,0,.2); color: rgba(255,255,255,1);}
|
||||
|
||||
.site-demo-util{position: relative; width: 300px;}
|
||||
.site-demo-util img{width: 300px; border-radius: 100%;}
|
||||
.site-demo-util span{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #333; cursor: pointer;}
|
||||
@-webkit-keyframes demo-fengjie {
|
||||
0% {-webkit-filter: blur(0); opacity: 1; background: #fff; height: 300px; border-radius: 100%;}
|
||||
80% {-webkit-filter: blur(50px); opacity: 0.95;}
|
||||
100% {-webkit-filter: blur(20px); opacity: 0; background: #fff;}
|
||||
}
|
||||
@keyframes demo-fengjie {
|
||||
0% {filter: blur(0); opacity: 1; background: #fff; height: 300px; border-radius: 100%;}
|
||||
80% {filter: blur(50px); opacity: 0.95;}
|
||||
100% {filter: blur(20px); opacity: 0; background: #fff;}
|
||||
}
|
||||
.site-demo-fengjie{-webkit-animation-name: demo-fengjie; animation-name: demo-fengjie; -webkit-animation-duration: 5s; animation-duration: 5s;}
|
||||
|
||||
|
||||
.layui-layout-admin .site-demo-body{top: 117px;}
|
||||
.site-demo-title{position: fixed; left: 200px; right: 0; top: 76px;}
|
||||
.site-demo-code{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; padding: 10px; resize: none; font-size: 12px; background-color: #F7FBFF; color: #881280; font-family: Courier New;}
|
||||
|
||||
.site-demo-body .layui-elem-quote a{color: #01AAED;}
|
||||
.site-demo-body .layui-elem-quote a:hover{color: #FF5722;}
|
||||
|
||||
|
||||
/* 其它 */
|
||||
#trans-tooltip,
|
||||
#tip-arrow-bottom,
|
||||
#tip-arrow-top{display: none !important;}
|
||||
|
||||
|
||||
/* 独立组件 */
|
||||
.alone{width:730px; margin:200px auto;}
|
||||
.alone ul{margin-left:1px; font-size:0;}
|
||||
.alone li{display:inline-block; width:181px; font-size: 16px; text-align:center; line-height:80px; margin:0 1px 1px 0; background-color:#393D49; color:#fff;}
|
||||
.alone li:hover{opacity:0.8;}
|
||||
.alone li a{display:block; color:#fff;}
|
||||
|
||||
|
||||
/* 自定义css */
|
||||
.admin-header-item-mobile{
|
||||
position: absolute; right: 0px; height: 70px;line-height: 70px;
|
||||
padding: 0 20px; text-align: center; top:0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.admin-nav-tree .layui-nav-child a {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.admin{
|
||||
border: 0;
|
||||
margin: 0;
|
||||
box-shadow:none;
|
||||
}
|
||||
.admin-nav-card{
|
||||
margin-top: 5px;
|
||||
}
|
||||
.admin-nav-card .layui-icon{
|
||||
position: relative;
|
||||
}
|
||||
.admin-nav-card .layui-tab-item iframe{
|
||||
width: 100%;
|
||||
border: 0;
|
||||
height: 100%;
|
||||
}
|
||||
.admin-nav-card>.layui-tab-title{
|
||||
border-bottom: 1px solid #1AA094;
|
||||
}
|
||||
.admin-nav-card .layui-tab-title cite{
|
||||
font-style: normal;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.admin-nav-card>.layui-tab-title .layui-this{
|
||||
color: white;
|
||||
background-color: #1AA094;
|
||||
}
|
||||
.admin-nav-card>.layui-tab-title .layui-this:after{
|
||||
border-bottom: 0;
|
||||
}
|
||||
.admin-header-user img{
|
||||
width: 40px; height: 40px; border-radius: 100%;
|
||||
/*position: relative;
|
||||
top: 15px;*/
|
||||
}
|
||||
.admin-header-user .layui-nav-more{
|
||||
top:33px;
|
||||
}
|
||||
.admin-header-user .layui-nav-mored{
|
||||
top: 26px;
|
||||
}
|
||||
|
||||
/*lock*/
|
||||
.admin-header-lock{
|
||||
width: 320px; height: 150px; padding: 20px; position: relative; text-align: center;
|
||||
}
|
||||
.admin-header-lock-img{
|
||||
width: 60px; height: 60px; margin: 0 auto;
|
||||
}
|
||||
.admin-header-lock-img img{
|
||||
width: 60px; height: 60px; border-radius: 100%;
|
||||
}
|
||||
.admin-header-lock-name{
|
||||
color: #009688;margin: 8px 0 15px 0;
|
||||
}
|
||||
.admin-header-lock-input{
|
||||
width: 150px; color: #FFFFFF; height: 30px; border: 0;background-color: #009688; padding: 0 7px; border-radius: 2px;
|
||||
}
|
||||
/*table*/
|
||||
.site-table tbody tr td {text-align: center;}
|
||||
.site-table tbody tr td .layui-btn+.layui-btn{margin-left: 0px;}
|
||||
.admin-table-page {position: fixed;z-index: 19940201;bottom: 0;width: 100%;background-color: #eee;border-bottom: 1px solid #ddd;left: 0px;}
|
||||
.admin-table-page .page{padding-left:20px;}
|
||||
.admin-table-page .page .layui-laypage {margin: 6px 0 0 0;}
|
||||
|
||||
/**/
|
||||
.admin-main {margin: 15px;}
|
||||
|
||||
.admin-side-toggle,.admin-side-full{
|
||||
position: absolute; cursor: pointer;
|
||||
z-index: 19940201;
|
||||
left: 200px;
|
||||
color: white;
|
||||
text-align: center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-color: #1AA094;
|
||||
line-height: 30px;
|
||||
top: 25%;
|
||||
}
|
||||
.admin-side-toggle:hover,.admin-side-full:hover{
|
||||
background-color: #5FB878;
|
||||
}
|
||||
.admin-side-full{
|
||||
left: 240px;
|
||||
}
|
||||
.admin-login-box{
|
||||
width: 185px; height: 70px; position: relative;
|
||||
}
|
||||
|
||||
.beg-navbar .layui-nav-child dd a{
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
|
||||
.admin-contextmenu{
|
||||
position: absolute;line-height: 36px;padding: 5px 0;
|
||||
border: 1px solid #d2d2d2;background-color: white;z-index: 19940201;border-radius: 2px;white-space: nowrap;top:30px;
|
||||
/*width: 100px;height: 200px; */
|
||||
}
|
||||
.admin-contextmenu ul li{
|
||||
padding: 0 15px;
|
||||
}
|
||||
.admin-contextmenu ul li:hover{
|
||||
background-color: #eee;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
/* 适配多设备 */
|
||||
@media screen and (max-width: 750px) {
|
||||
.layui-main{width: auto; margin: 0 10px;}
|
||||
.logo,
|
||||
.header-demo .logo{left: 10px;}
|
||||
|
||||
.site-nav-layim{display: none !important;}
|
||||
.header .layui-nav .layui-nav-item{margin: 0;}
|
||||
.header .layui-nav .layui-nav-item a{padding: 0 15px;}
|
||||
.site-banner{height: 300px;}
|
||||
.site-banner-bg{background-size: cover;}
|
||||
.site-zfj{height: 100px; padding-top: 5px;}
|
||||
.site-zfj i{top: 10px; width: 100px; height: 100px; margin-left: -50px; font-size: 100px;}
|
||||
.site-desc{background-size: 70%; margin: 0;}
|
||||
.site-desc cite{display: none;}
|
||||
.site-download{margin-top: 0; }
|
||||
.site-download a{height: 40px; line-height: 40px; padding: 0 25px 0 60px; border: 1px solid #778097; border-radius: 30px; color: #fff; font-size: 16px;}
|
||||
.site-download a cite{left: 20px;}
|
||||
.site-banner-other{bottom: 15px;}
|
||||
|
||||
.site-idea{margin: 20px 0;}
|
||||
.site-idea li{margin: 0 0 20px 0; width: 100%; height: auto; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
|
||||
.site-hengfu img{max-width: 100%}
|
||||
|
||||
.layui-layer-dir{display: none;}
|
||||
.site-tree{position: fixed; top: 0; bottom: 0; min-height: 0; overflow: auto; z-index: 1000; left: -260px; background-color: #fff; transition: all .3s; -webkit-transition: all .3s;}
|
||||
.site-content{width: 100%; padding: 0; overflow: auto;}
|
||||
.site-content img{max-width: 100%;}
|
||||
.site-tree-mobile{display: block!important; position: fixed; z-index: 100000; bottom: 15px; left: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
|
||||
.site-home .site-tree-mobile{display: none!important;}
|
||||
.site-mobile .site-tree-mobile{display: none !important;}
|
||||
.site-mobile .site-tree{left: 0;}
|
||||
.site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 9999;}
|
||||
.site-tree-mobile i{font-size: 20px;}
|
||||
.layui-code-view{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
|
||||
|
||||
.layui-layout-admin .layui-side{position: fixed; top: 0; left: -260px; transition: all .3s; -webkit-transition: all .3s; z-index: 10000;}
|
||||
.layui-body{position: static; bottom: 0; left: 0;}
|
||||
.site-mobile .layui-side{left: 0;}
|
||||
body .layui-layout-admin .footer-demo{position: static;}
|
||||
|
||||
.site-demo-area,
|
||||
.site-demo-editor,
|
||||
.site-demo-result,
|
||||
.site-demo-editor textarea,
|
||||
.site-demo-result iframe{position: static; width: 100%;}
|
||||
.site-demo-editor textarea{height: 350px;}
|
||||
.site-demo-zanzhu{display: none;}
|
||||
.site-demo-btn{bottom: auto; top: 370px;}
|
||||
.site-demo-result iframe{height: 500px;}
|
||||
|
||||
.site-demo-laytpl textarea, .site-demo-laytpl div span{margin: 0;}
|
||||
.site-demo-tplres .site-demo-tplh2, .site-demo-tplres .site-demo-tplview{width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
|
||||
|
||||
.site-demo-title{position: static; left: 0;}
|
||||
body .layui-layout-admin .site-demo{}
|
||||
.site-demo-code{position: static; height: 350px;}
|
||||
|
||||
.admin-side-toggle ,.admin-header-item{display: none;}
|
||||
.admin-header-item-mobile{ display: block; }
|
||||
}
|
||||
|
||||
.badge {
|
||||
display: inline-block;
|
||||
padding: 2px 5px;
|
||||
font-size: 8px;
|
||||
line-height: 1;
|
||||
border-radius: 9px;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 8px;
|
||||
background: #e53d1c;
|
||||
color: #fff;
|
||||
}
|
||||
144
public/static/system/css/layout.css
Normal file
144
public/static/system/css/layout.css
Normal file
@@ -0,0 +1,144 @@
|
||||
.beg-layout-container{
|
||||
/*min-width: 1024px;*/
|
||||
}
|
||||
.beg-layout-container .beg-layout-main{
|
||||
position: absolute;
|
||||
}
|
||||
.beg-layout-container .beg-layout-header{
|
||||
background-color: #FFFFFF;
|
||||
height: 55px;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
min-width: 800px;
|
||||
border-bottom: 5px solid #1AA094;
|
||||
}
|
||||
.beg-layout-container .beg-layout-header .beg-layout-logo{
|
||||
width: 200px;
|
||||
height: 60px;
|
||||
text-align: center;
|
||||
line-height: 60px;
|
||||
}
|
||||
.beg-layout-container .beg-layout-header .beg-layout-side-toggle{
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
z-index: 19940201;
|
||||
left: 200px;
|
||||
color: white;
|
||||
text-align: center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-color: #1AA094;
|
||||
line-height: 30px;
|
||||
top: 25%;
|
||||
}
|
||||
.beg-layout-container .beg-layout-header .beg-layout-side-toggle:hover{
|
||||
background-color: #5FB878;
|
||||
}
|
||||
.beg-layout-container .beg-layout-header .beg-layout-menu{
|
||||
top: 0;
|
||||
left:230px;
|
||||
}
|
||||
.beg-layout-header .beg-layout-menu .beg-layout-nav{
|
||||
background: none;
|
||||
}
|
||||
.beg-layout-header .beg-layout-menu .beg-layout-nav .layui-nav-item{
|
||||
line-height: 60px;
|
||||
}
|
||||
.beg-layout-header .beg-layout-menu .beg-layout-nav .layui-nav-item .layui-nav-more{
|
||||
top:27px
|
||||
}
|
||||
.beg-layout-header .beg-layout-menu .beg-layout-nav .layui-nav-item .layui-nav-mored{
|
||||
top:20px
|
||||
}
|
||||
.beg-layout-header .beg-layout-menu .beg-layout-nav .layui-this{
|
||||
color: #FFFFFF;
|
||||
background-color: #4E5465;
|
||||
}
|
||||
.beg-layout-header .beg-layout-menu .beg-layout-nav .layui-this:after,.beg-layout-header .layui-nav-bar{
|
||||
background-color: #4E5465;
|
||||
}
|
||||
.beg-layout-header .beg-layout-menu .beg-layout-nav .layui-nav-item a{
|
||||
color: #393D49;
|
||||
}
|
||||
.beg-layout-header .beg-layout-menu .beg-layout-nav .layui-this a{
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.beg-layout-header .beg-layout-menu .beg-layout-nav .layui-nav-item a:hover{
|
||||
color: #FFFFFF;
|
||||
background-color: #4E5465;
|
||||
}
|
||||
.beg-layout-header .beg-layout-panel{
|
||||
right: 10px;
|
||||
}
|
||||
.beg-layout-header .beg-layout-panel .beg-layout-nav{
|
||||
background: none;
|
||||
}
|
||||
.beg-layout-header .beg-layout-panel .beg-layout-nav a{
|
||||
color: #393D49;
|
||||
}
|
||||
.beg-layout-header .beg-layou-head{
|
||||
|
||||
}
|
||||
.beg-layout-header .beg-layou-head img{
|
||||
width: 40px; height: 40px; border-radius: 100%;
|
||||
}
|
||||
|
||||
.beg-layout-container .beg-layout-side{
|
||||
background-color: #393D49;
|
||||
color: #FFFFFF;
|
||||
top: 60px;
|
||||
}
|
||||
.beg-layout-container .beg-layout-body{
|
||||
top: 60px;
|
||||
height: auto;
|
||||
}
|
||||
.beg-layout-container .beg-layout-body .layout-nav-card cite{
|
||||
font-style: normal;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.beg-layout-body iframe{
|
||||
width: 100%;
|
||||
border: 0;
|
||||
height: 99.5%;
|
||||
}
|
||||
.beg-layout-container .beg-layout-footer{
|
||||
line-height: 44px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.layout-tab-contextmenu {width: 135px; background-color: #CCCCCC;position: absolute; z-index: 19940201;display: none;}
|
||||
.layout-tab-contextmenu .layui-nav{
|
||||
padding: 5px 3px;
|
||||
}
|
||||
.layout-tab-contextmenu .layui-nav .layui-nav-item{
|
||||
line-height: 27px;width: 100%;
|
||||
}
|
||||
.layout-tab-contextmenu .layui-nav .layui-nav-item:hover{
|
||||
background-color: #5FB878;
|
||||
}
|
||||
.layout-tab-contextmenu .layui-nav .layui-nav-item a{
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.layout-tab-contextmenu .layui-nav .layui-this:after, .layout-tab-contextmenu .layui-nav-bar {
|
||||
transition: none; -webkit-transition:none; background: none;
|
||||
}
|
||||
.admin-contextmenu{
|
||||
position: absolute;line-height: 36px;padding: 5px 0;
|
||||
border: 1px solid #d2d2d2;background-color: white;z-index: 19940201;border-radius: 2px;white-space: nowrap;top:30px;
|
||||
/*width: 100px;height: 200px; */
|
||||
}
|
||||
.admin-contextmenu ul li{
|
||||
padding: 0 15px;
|
||||
}
|
||||
.admin-contextmenu ul li:hover{
|
||||
background-color: #eee;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.beg-layout-menu cite{
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
88
public/static/system/css/login.css
Normal file
88
public/static/system/css/login.css
Normal file
@@ -0,0 +1,88 @@
|
||||
body {
|
||||
height: 100vh;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
.mask {
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
background-color: black;
|
||||
opacity: .5;
|
||||
position: absolute;
|
||||
}
|
||||
.main {
|
||||
background-color: transparent;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
height: 70%;
|
||||
width: 100%;
|
||||
color: white;
|
||||
}
|
||||
.main h1 {
|
||||
text-align: center;
|
||||
font-style: italic;
|
||||
font-family: 'Microsoft YaHei';
|
||||
-webkit-text-shadow: 0 0 8px #00f7ff;
|
||||
text-shadow: 0 0 8px #00f7ff;
|
||||
}
|
||||
.enter {
|
||||
margin-top: 3%;
|
||||
background: rgba(255, 255, 255, 0.30);
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
min-height: 30px;
|
||||
}
|
||||
.enter h2 {
|
||||
font-size: 40px;
|
||||
}
|
||||
.layui-form {
|
||||
display: none;
|
||||
width: 300px;
|
||||
background-color: rgba(255, 255, 255, 0.407843);
|
||||
border-radius: 10px;
|
||||
margin: 0 auto;
|
||||
padding: 30px;
|
||||
}
|
||||
.layui-form .layui-form-item {
|
||||
position: relative;
|
||||
}
|
||||
.layui-form .layui-form-item .login-icon {
|
||||
position: absolute;
|
||||
color: #cccccc;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
}
|
||||
.layui-form .layui-form-item input {
|
||||
padding-left: 34px;
|
||||
}
|
||||
|
||||
.layui-form .layui-form-item .verify {
|
||||
width: 50%;
|
||||
float: left;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.layui-form .layui-form-item .code {
|
||||
width: 50%;
|
||||
height: 38px;
|
||||
float: left;
|
||||
vertical-align: middle;
|
||||
background-size: cover;
|
||||
cursor: pointer;
|
||||
}
|
||||
.pull-left {
|
||||
float: left !important;
|
||||
}
|
||||
.pull-right {
|
||||
float: right !important;
|
||||
}
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
.login-remember {
|
||||
line-height: 38px;
|
||||
}
|
||||
.login-remember .layui-form-switch {
|
||||
margin-top: 0px;
|
||||
}
|
||||
380
public/static/system/css/zui.lite.css
Normal file
380
public/static/system/css/zui.lite.css
Normal file
@@ -0,0 +1,380 @@
|
||||
.center-block {
|
||||
display: block;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
.pull-right {
|
||||
float: right !important;
|
||||
}
|
||||
.pull-left {
|
||||
float: left !important;
|
||||
}
|
||||
small, .small {
|
||||
font-size: 85%;
|
||||
}
|
||||
.text-muted {
|
||||
color: #808080;
|
||||
}
|
||||
.text-muted a {
|
||||
color: #737373;
|
||||
}
|
||||
.text-muted a:hover, .text-muted a:active {
|
||||
color: #3949ab;
|
||||
}
|
||||
.text-primary {
|
||||
color: #3f51b5;
|
||||
}
|
||||
.text-primary:hover {
|
||||
color: #32408f;
|
||||
}
|
||||
.text-warning {
|
||||
color: #f1a325;
|
||||
}
|
||||
.text-warning:hover {
|
||||
color: #d5890e;
|
||||
}
|
||||
.text-danger {
|
||||
color: #ea644a;
|
||||
}
|
||||
.text-danger:hover {
|
||||
color: #e53d1c;
|
||||
}
|
||||
.text-success {
|
||||
color: #38b03f;
|
||||
}
|
||||
.text-success:hover {
|
||||
color: #2c8931;
|
||||
}
|
||||
.text-info {
|
||||
color: #03b8cf;
|
||||
}
|
||||
.text-info:hover {
|
||||
color: #028b9d;
|
||||
}
|
||||
.text-important {
|
||||
color: #bd7b46;
|
||||
}
|
||||
.text-important:hover {
|
||||
color: #996337;
|
||||
}
|
||||
.text-special {
|
||||
color: #8666b8;
|
||||
}
|
||||
.text-special:hover {
|
||||
color: #6c4aa1;
|
||||
}
|
||||
.text-link {
|
||||
color: #444;
|
||||
}
|
||||
.text-link:hover, .text-link:active {
|
||||
color: #3949ab;
|
||||
}
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
.text-nowrap, .nobr {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.text-ellipsis {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/*面板*/
|
||||
|
||||
.panel {
|
||||
margin-bottom: 20px;
|
||||
background-color: #fff;
|
||||
border: 1px solid transparent;
|
||||
border-color: #ddd;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
|
||||
}
|
||||
.panel > .panel-heading {
|
||||
color: #333;
|
||||
background-color: #f5f5f5;
|
||||
border-color: #ddd;
|
||||
}
|
||||
.panel > .panel-heading + .panel-collapse .panel-body {
|
||||
border-top-color: #ddd;
|
||||
}
|
||||
.panel > .panel-footer + .panel-collapse .panel-body {
|
||||
border-bottom-color: #ddd;
|
||||
}
|
||||
.panel-body {
|
||||
padding: 15px;
|
||||
}
|
||||
.panel > .table {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.panel > .panel-body + .table {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
.panel-heading {
|
||||
padding: 8px 15px;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-top-left-radius: -1;
|
||||
border-top-right-radius: -1;
|
||||
}
|
||||
.panel-title {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
font-size: 15px;
|
||||
}
|
||||
.panel-title > a {
|
||||
color: inherit;
|
||||
}
|
||||
.panel-footer {
|
||||
padding: 10px 15px;
|
||||
background-color: #f5f5f5;
|
||||
border-top: 1px solid #ddd;
|
||||
border-bottom-right-radius: -1;
|
||||
border-bottom-left-radius: -1;
|
||||
}
|
||||
|
||||
/*消息框*/
|
||||
|
||||
.alert {
|
||||
padding: 15px;
|
||||
margin-bottom: 20px;
|
||||
color: #373737;
|
||||
background-color: #f1f1f1;
|
||||
border-radius: 0;
|
||||
-webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1);
|
||||
-o-transition: all .4s cubic-bezier(.175, .885, .32, 1);
|
||||
transition: all .4s cubic-bezier(.175, .885, .32, 1);
|
||||
}
|
||||
.alert hr {
|
||||
border-top-color: #e4e4e4;
|
||||
}
|
||||
.alert .alert-link {
|
||||
color: #252525;
|
||||
}
|
||||
.alert h4 {
|
||||
margin-top: 0;
|
||||
color: inherit;
|
||||
}
|
||||
.alert hr {
|
||||
margin: 10px 0;
|
||||
}
|
||||
.alert p, .alert ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.alert p + p {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.alert-link {
|
||||
font-weight: bold;
|
||||
}
|
||||
.alert > [class*="icon-"] {
|
||||
float: left;
|
||||
margin-top: -5px;
|
||||
font-size: 42px;
|
||||
opacity: .6;
|
||||
-webkit-transition: opacity .2s cubic-bezier(.175, .885, .32, 1);
|
||||
-o-transition: opacity .2s cubic-bezier(.175, .885, .32, 1);
|
||||
transition: opacity .2s cubic-bezier(.175, .885, .32, 1);
|
||||
}
|
||||
.alert > [class*="icon-"] + .content {
|
||||
min-height: 30px;
|
||||
margin-left: 64px;
|
||||
}
|
||||
.alert.with-icon {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
.alert.with-icon > [class*="icon-"], .alert.with-icon > [class*="icon-"] + .content {
|
||||
display: table-cell;
|
||||
float: none;
|
||||
min-height: 0;
|
||||
margin: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.alert.with-icon > [class*="icon-"] {
|
||||
width: 48px;
|
||||
text-align: center;
|
||||
}
|
||||
.alert.with-icon > [class*="icon-"] + .content {
|
||||
padding-left: 1em;
|
||||
}
|
||||
.alert-block {
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.alert-dismissable {
|
||||
padding-right: 35px;
|
||||
}
|
||||
.alert-dismissable .close {
|
||||
position: relative;
|
||||
top: -6px;
|
||||
right: -21px;
|
||||
color: inherit;
|
||||
}
|
||||
.alert-primary {
|
||||
color: #373737;
|
||||
background-color: #e8eaf6;
|
||||
}
|
||||
.alert-primary hr {
|
||||
border-top-color: #ced3ec;
|
||||
}
|
||||
.alert-primary .alert-link {
|
||||
color: #252525;
|
||||
}
|
||||
.alert-success {
|
||||
color: #329d38;
|
||||
background-color: #ddf4df;
|
||||
}
|
||||
.alert-success hr {
|
||||
border-top-color: #bae8b6;
|
||||
}
|
||||
.alert-success .alert-link {
|
||||
color: #29822e;
|
||||
}
|
||||
.alert-info {
|
||||
color: #03a2b6;
|
||||
background-color: #ddf3f5;
|
||||
}
|
||||
.alert-info hr {
|
||||
border-top-color: #a2e4de;
|
||||
}
|
||||
.alert-info .alert-link {
|
||||
color: #028293;
|
||||
}
|
||||
.alert-warning {
|
||||
color: #ed980f;
|
||||
background-color: #fff0d5;
|
||||
}
|
||||
.alert-warning hr {
|
||||
border-top-color: #ffdcbc;
|
||||
}
|
||||
.alert-warning .alert-link {
|
||||
color: #cc830d;
|
||||
}
|
||||
.alert-danger {
|
||||
color: #e75033;
|
||||
background-color: #ffe5e0;
|
||||
}
|
||||
.alert-danger hr {
|
||||
border-top-color: #ffc6c7;
|
||||
}
|
||||
.alert-danger .alert-link {
|
||||
color: #dd391a;
|
||||
}
|
||||
|
||||
/*分页*/
|
||||
|
||||
.pager {
|
||||
display: inline-block;
|
||||
padding-left: 0;
|
||||
margin: 20px 0;
|
||||
list-style: none;
|
||||
}
|
||||
.pager > li {
|
||||
display: inline;
|
||||
}
|
||||
.pager > li > a, .pager > li > span {
|
||||
position: relative;
|
||||
float: left;
|
||||
padding: 5px 12px;
|
||||
margin-left: -1px;
|
||||
line-height: 1.53846154;
|
||||
text-decoration: none;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
.pager > li:first-child > a, .pager > li:first-child > span {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.pager > li:last-child > a, .pager > li:last-child > span {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.pager > li > a:hover, .pager > li > span:hover, .pager > li > a:focus, .pager > li > span:focus {
|
||||
z-index: 2;
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
.pager > li.active > a, .pager > li.active > span, .pager > li.active > a:hover, .pager > li.active > span:hover {
|
||||
z-index: 3;
|
||||
color: #fff;
|
||||
cursor: default;
|
||||
background-color: #1AA094;
|
||||
border-color: #1AA094;
|
||||
}
|
||||
.pager > li.disabled > span, .pager > li.disabled > span:hover, .pager > li.disabled > span:focus, .pager > li.disabled > a, .pager > li.disabled > a:hover, .pager > li.disabled > a:focus {
|
||||
color: #ddd;
|
||||
pointer-events: none;
|
||||
cursor: not-allowed;
|
||||
background-color: #fff;
|
||||
border-color: #ddd;
|
||||
}
|
||||
.pager-justify {
|
||||
display: block;
|
||||
}
|
||||
.pager-justify .next > a, .pager-justify .next > span {
|
||||
float: right;
|
||||
border-radius: 0;
|
||||
}
|
||||
.pager-justify .previous > a, .pager-justify .previous > span {
|
||||
float: left;
|
||||
border-radius: 0;
|
||||
}
|
||||
.layui-table~.pager {
|
||||
float: right;
|
||||
margin-top: 0
|
||||
}
|
||||
|
||||
/*简单的栅格*/
|
||||
|
||||
.x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9, .x10, .x11, .x12 {
|
||||
float: left
|
||||
}
|
||||
.x1 {
|
||||
width: 8.33333333%
|
||||
}
|
||||
.x2 {
|
||||
width: 16.66666667%
|
||||
}
|
||||
.x3 {
|
||||
width: 25%
|
||||
}
|
||||
.x4 {
|
||||
width: 33.33333333%
|
||||
}
|
||||
.x5 {
|
||||
width: 41.66666667%
|
||||
}
|
||||
.x6 {
|
||||
width: 50%
|
||||
}
|
||||
.x7 {
|
||||
width: 58.33333333%
|
||||
}
|
||||
.x8 {
|
||||
width: 66.66666667%
|
||||
}
|
||||
.x9 {
|
||||
width: 75%
|
||||
}
|
||||
.x10 {
|
||||
width: 83.33333333%
|
||||
}
|
||||
.x11 {
|
||||
width: 91.66666667%
|
||||
}
|
||||
.x12 {
|
||||
width: 100%
|
||||
}
|
||||
.layui-table .layui-form-switch {
|
||||
margin: 0;
|
||||
}
|
||||
Reference in New Issue
Block a user