target/classes/public/css/layuimini.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/**
配色方案（如有需要，请自行配置）
 */
/**头部-配色*/
.layui-layout-admin .layui-header{background-color:#007799!important;}
.layui-header>ul>.layui-nav-item.layui-this,.layuimini-tool i:hover{background-color:#197971!important;}
/**logo-配色*/
.layui-layout-admin .layui-logo {background-color:#243346!important;}
/**左侧-配色*/
.layui-side.layui-bg-black,.layui-side.layui-bg-black>.layui-left-menu>ul {background-color:#3b3f4b!important;}
.layui-left-menu .layui-nav .layui-nav-child a:hover:not(.layui-this) {background-color:#3b3f4b;}
/**左侧菜单选中-配色*/
.layui-layout-admin .layui-nav-tree .layui-this, .layui-layout-admin .layui-nav-tree .layui-this>a, .layui-layout-admin .layui-nav-tree .layui-nav-child dd.layui-this, .layui-layout-admin .layui-nav-tree .layui-nav-child dd.layui-this a {
    background-color: #1aa094 !important;
}


/**头部样式 */
.layui-layout-admin .header {position: fixed;left: 0;right: 0;top: 0;bottom: 0;}
.layui-header-menu,.layui-header {height:60px !important;}
.layui-header-menu > .layui-nav-item {color:#1b1d21;height:60px !important;line-height:60px !important;}
.layui-header > .layui-layout-right > .layui-nav-item {height:60px !important;line-height:60px !important;}
.layui-layout-left {left:295px!important;}
.layui-nav.layui-layout-left.layui-header-menu.mobile.layui-hide-xs {font-weight:bold;transition:all .2s;}

/**头部样式（缩放） */
.layuimini-mini .layui-layout-left.layui-header-menu.layui-hide-xs {left:155px!important;}

/**logo演示（通用） */
.layui-layout-admin .layui-logo {font-weight:bold;color:#ffffff!important;height:60px!important;line-height:60px !important;overflow:hidden;line-height:64px;transition:all .2s!important;}
.layui-layout-admin  .layui-logo img {display:inline-block;height:30px;vertical-align:middle;}
.layui-layout-admin  .layui-logo h1 {display:inline-block;margin:0 0 0 12px;color:#dadde2;font-weight:600;font-size:20px;font-family:Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;vertical-align:middle;}

/**logo演示（缩放） */
.layuimini-mini .layui-layout-admin .layui-logo {width:60px!important;}
.layuimini-mini .layui-layout-admin .layui-logo h1 {display:none;}

/**缩放工具（通用） */
.layuimini-tool {position:absolute!important;top:0;left:235px;width:60px;height:100%;line-height:60px;text-align:center;color:#ffffff!important;transition:all .2s;}
/**缩放工具（缩放） */
.layuimini-mini .layuimini-tool {left:95px!important;}
.layuimini-tool i {display:block;color:#fff;width:32px;height:32px;line-height:32px;border-radius:3px;text-align:center;margin-top:15px;cursor:pointer;}

/**tab选项卡 */
.layui-tab-title li cite {font-style:normal;padding-left:5px;}
#top_tabs_box>.layui-tab-title {color:#acafb1;}
#top_tabs_box>.layui-tab-title li:hover {color:#000000;background-color:#e7ebed;}
#top_tabs_box .layui-tab-close {font-size:12px!important;width:14px!important;height:14px!important;line-height:16px!important;}
#top_tabs_box .layui-tab-close:hover {border-radius:4em;background:#ff5722;}
#top_tabs_box>.layui-tab-title>.layui-this>i:first-child {color:#009688;}
#top_tabs_box>.layui-tab-title li {border-right:1px solid #e2e2e2;font-size: 12.5px!important;}
#top_tabs_box>.layui-tab-title .layui-this {color:#000000;}
#top_tabs_box>.layui-tab-title .layui-this:after {margin-top:33px;width: 100%;border: none;height: 2px;background-color: #243346;}
#top_tabs_box {padding-right:138px;height:34px;border-bottom:1px solid #e2e2e2;}
#top_tabs_box > .layui-tab-title ,#top_tabs_box > .closeBox {height:35px !important;}
#top_tabs_box > .layui-tab-title > li ,#top_tabs_box > .closeBox > li {line-height:35px !important;}
#top_tabs {position:absolute;border-bottom:none;}

/**多窗口页面操作下拉**/
.closeBox {position:absolute;right:15px;background-color:#fff !important;color:#000;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:0 10px !important;}