12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
- @charset "UTF-8";
- @import "_config.less";
- > .layui-layout-admin {
- > .layui-side {
- background: @leftBackColor;
- #leftBackColor() {
- background-color: rgba(0, 0, 0, 0.6);
- }
- .layui-logo {
- #leftBackColor();
- .headtxt {
- text-shadow: rgba(0, 0, 0, 0.5) 1px 2px 2px;
- }
- }
- .layui-side-scroll {
- display: flex !important;
- box-sizing: border-box;
- #leftBackColor();
- #defaTransition(0.2s, 'background-color');
- .layui-side-icon {
- display: none;
- }
- .layui-side-tree {
- flex: 1;
- .layui-nav-item {
- a {
- color: @leftNormalTextColor;
- border-bottom: none !important;
- &:hover {
- color: @leftActiveTextColor;
- }
- }
- .layui-this, &.layui-this {
- > a {
- color: @leftActiveTextColor;
- background: @leftActiveBackColor;
- }
- }
- &ed > a {
- color: @leftActiveTextColor;
- }
- }
- }
- }
- }
- > .layui-header {
- background: @headNormalBackColor;
- #defaTransition(0.2s, 'background-color');
- .layui-nav-item {
- &.layui-this > a {
- color: @headActionTextColor;
- background: @headActiveBackColor;
- }
- > a {
- color: @headNormalTextColor;
- &:hover {
- color: @headActionTextColor;
- }
- }
- }
- }
- }
- .help-label b {
- color: @mainActiveBack
- }
- .layui-btn-group {
- border-color: @mainActiveBack;
- background-color: @mainActiveBack;
- .layui-btn {
- &:hover:not(.layui-btn-active) {
- color: @mainActiveBack;
- }
- &.layui-btn-active {
- background-color: @mainActiveBack
- }
- }
- }
|