1 line
4.8 KiB
CSS
1 line
4.8 KiB
CSS
|
|
.pear-admin .layui-header,.pear-admin .layui-body,.pear-admin .layui-logo,.pear-admin .layui-side,.pear-admin .layui-header .layui-layout-left{transition:all .3s}.pear-admin .layui-logo .title{font-size:20px}.pear-admin .layui-header{left:230px;width:calc(100% - 230px);background-color:white;border-bottom:1px solid whitesmoke}.pear-admin .layui-header .layui-nav-img{width:30px;height:30px}.pear-admin .layui-layout-control{left:120px;position:absolute}.pear-admin .layui-logo{width:230px;height:60px;line-height:60px;position:relative;background-color:#28333e}.pear-admin .layui-logo img{width:34px;height:34px}.pear-admin .layui-logo .title{font-size:21px;font-weight:550;color:#5fb878;position:relative;top:5px;margin-left:5px}.pear-admin .layui-logo .logo{display:none}.pear-admin .layui-side{top:0;width:230px;box-shadow:2px 0 6px rgba(0,21,41,.35);z-index:9999}.pear-admin .layui-side-scroll::-webkit-scrollbar{width:0;height:0}.pear-admin .layui-side-scroll{height:calc(100% - 60px)!important;background-color:#28333e;width:230px}.pear-admin .layui-header .layui-nav .layui-nav-item>a{color:black;font-size:15px}.pear-admin .layui-body{left:230px;bottom:0}.pear-admin .layui-layout-left{left:0}.pear-mini .layui-logo .title{display:none}.pear-mini .layui-logo .logo{display:inline-block}.pear-mini .layui-side{width:60px}.pear-mini .layui-header{left:60px;width:calc(100% - 60px)}.pear-mini .layui-body{left:60px}.pear-mini .layui-logo{width:60px}.pear-mini .layui-nav-tree .layui-nav-item span{display:none}.pear-mini .bottom-nav li{width:100%!important}.pear-mini .layui-side-scroll{height:calc(100% - 60px)}.pear-admin .layui-header .layui-nav .layui-nav-bar{top:0!important;height:2px!important;background-color:#5fb878}.pear-admin .layui-header .layui-nav .layui-this:after{display:none}@media screen and (max-width:768px){.pear-mini .bottom-nav{display:none}.pear-mini .layui-side-scroll{height:calc(100% - 62px)}.pear-mini .layui-side{width:0}.pear-mini .layui-header{left:0;width:100%}.pear-mini .layui-body{left:0}.pear-mini .layui-logo{width:0}.pear-admin .layui-body{left:0}.pear-admin .layui-header{left:0;width:100%}.pear-admin .pear-cover{width:100%;height:100%;background-color:#1e1e1e;display:block;position:absolute;z-index:1000;opacity:0;margin-top:-60px}.pear-mini .pear-cover{display:none}}@-webkit-keyframes am-horizontal-roll_show{0%{opacity:1;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes am-horizontal-roll_show{0%{opacity:1;-webkit-transform:translateX(800px);-ms-transform:translateX(800px);transform:translateX(800px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.layer-anim-right{-webkit-animation:am-horizontal-roll_show .6s ease-out;animation:am-horizontal-roll_show .6s ease-out}.light-theme .layui-logo{background-color:white!important;color:black!important}.light-theme .layui-side-scroll{background-color:white!important;color:black!important}.pearone-color .color-title{padding:15px 0 0 20px;margin-bottom:4px}.pearone-color .color-content{padding:15px 10px 0 20px}.pearone-color .color-content ul{list-style:none;padding:0}.pearone-color .color-content ul li{position:relative;display:inline-block;vertical-align:top;width:70px;height:50px;margin:0 20px 20px 0;padding:2px 2px 2px 2px;background-color:#f2f2f2;cursor:pointer;font-size:12px;color:#666}.pearone-color .color-content li.layui-this:after,.pearone-color .color-content li:hover:after{width:100%;height:100%;padding:4px;top:-5px;left:-5px;border:#5fb878 2px solid;opacity:1;border-radius:4px}.pearone-color .color-content li:after{content:'';position:absolute;z-index:20;top:50%;left:50%;width:1px;height:0;border:1px solid #f2f2f2;transition:all .3s;-webkit-transition:all .3s;opacity:0}.select-color{margin-bottom:30px}.select-color .select-color-title{padding:15px 0 0 20px;margin-bottom:4px}.select-color .select-color-content{padding:20px 0 0 0;margin-bottom:4px}.select-color .select-color-content .select-color-item{backgrou
|