159 lines
2.8 KiB
CSS
159 lines
2.8 KiB
CSS
@charset "utf-8";
|
|
@import "../lib/layui/css/layui.css";
|
|
@import "//at.alicdn.com/t/font_693759_zroiq6woob6gvi.css";
|
|
|
|
/*顶部导航菜单logo样式*/
|
|
.layui-layout-admin .layui-logo {
|
|
color: #fff;
|
|
font-size: 20px;
|
|
}
|
|
|
|
/*顶部导航文字菜单样式*/
|
|
.layui-nav {
|
|
padding: 0;
|
|
}
|
|
|
|
/*顶部菜单左边部分菜单样式*/
|
|
.layui-layout-left {
|
|
left: 235px;
|
|
}
|
|
|
|
/*第一个tan选项卡隐藏取消图标*/
|
|
.layui-tab-title li:first-child .layui-tab-close {
|
|
display: none;
|
|
}
|
|
|
|
/*隐藏/显示左边菜单按钮样式*/
|
|
.menu-switch {
|
|
width: 30px;
|
|
height: 30px;
|
|
position: relative;
|
|
left: 200px;
|
|
top: 18px;
|
|
color: #fff;
|
|
background-color: #1AA094;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*主体内容样式*/
|
|
.content-body {
|
|
position: absolute;
|
|
top: 46px;
|
|
right: 0px;
|
|
bottom: 42px;
|
|
left: 200px;
|
|
z-index: 1;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/*主体内容选项卡内容样式*/
|
|
.content-body .layui-tab-content {
|
|
position: absolute;
|
|
top: 50px;
|
|
bottom: 0px;
|
|
width: 100%;
|
|
padding: 0px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/*使iframe高度100%,它的父类高度也需要100%*/
|
|
.content-body .layui-tab-content .layui-tab-item {
|
|
height: 100%;
|
|
}
|
|
|
|
/*使iframe高度100*/
|
|
.content-body .layui-tab-content .layui-tab-item iframe {
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
/*子页面(user.html、article.html等)的主体内容*/
|
|
.ok-body {
|
|
padding: 10px;
|
|
}
|
|
|
|
/*子页面面包屑导航样式*/
|
|
.ok-body-breadcrumb {
|
|
position: relative;
|
|
line-height: 39px;
|
|
height: 41px;
|
|
border-bottom: 1px solid rgb(229, 229, 229);
|
|
}
|
|
|
|
/*子页面面包屑导航刷新按钮*/
|
|
.ok-body-breadcrumb .layui-btn {
|
|
line-height: 2.4em;
|
|
margin-top: 3px;
|
|
float: right
|
|
}
|
|
|
|
/*子页面面包屑导航刷新按钮图标*/
|
|
.ok-body-breadcrumb .layui-btn .layui-icon {
|
|
line-height: 40px;
|
|
}
|
|
|
|
/*
|
|
.ok-search {
|
|
text-align: center;
|
|
}
|
|
|
|
.ok-search input.layui-input {
|
|
width: 190px;
|
|
}*/
|
|
|
|
/*美化滚动条代码*/
|
|
::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-button:vertical {
|
|
display: none;
|
|
}
|
|
|
|
::-webkit-scrollbar-track:vertical {
|
|
background-color: black;
|
|
}
|
|
|
|
::-webkit-scrollbar-track-piece {
|
|
background-color: #F5F5F5;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:vertical {
|
|
margin-right: 10px;
|
|
background-color: #A6A6A6;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:vertical:hover {
|
|
background-color: #aaa;
|
|
}
|
|
|
|
::-webkit-scrollbar-corner:vertical {
|
|
background-color: #535353;
|
|
}
|
|
|
|
::-webkit-scrollbar-resizer:vertical {
|
|
background-color: #FF6E00;
|
|
}
|
|
|
|
/*响应式代码控制*/
|
|
@media screen and (max-width: 768px) {
|
|
.layui-layout-admin .layui-bg-black {
|
|
left: -200px;
|
|
}
|
|
|
|
.layui-layout-admin .content-body {
|
|
left: 0;
|
|
}
|
|
|
|
.layui-layout-admin .layui-footer {
|
|
left: 0;
|
|
}
|
|
|
|
.layui-layout-left {
|
|
display: none;
|
|
}
|
|
}
|