| | |
| | | body { |
| | | display : none; |
| | | * { |
| | | margin: 0; |
| | | overflow: hidden; |
| | | } |
| | | html,body { |
| | | height: 100%; |
| | | } |
| | | |
| | | /* 用户功能栏*/ |
| | | .layui-side.layui-bg-black.layui-side-menu::-webkit-scrollbar { |
| | | width: 0 !important |
| | | .sidebar { |
| | | width: 8%; |
| | | height: 40%; |
| | | line-height: 5.625em; |
| | | position: fixed; |
| | | top: 50%; |
| | | transform: translateY(-50%); |
| | | } |
| | | #person { |
| | | .nav ul { |
| | | font-size: 1.25em; |
| | | font-weight: 500; |
| | | padding-left: 5%; |
| | | } |
| | | .nav a { |
| | | position: relative; |
| | | z-index:2; |
| | | margin: 40px 0; |
| | | text-align: center |
| | | text-decoration: none; |
| | | margin-left: 0.625em; |
| | | font-weight: 500; |
| | | } |
| | | #person-username { |
| | | font-size: large; |
| | | top: 35px; |
| | | left: 70px; |
| | | .nav a:hover { |
| | | color: #fff; |
| | | } |
| | | .dropdown-list { |
| | | display: inline-block |
| | | /* Effect 4: bottom border enlarge */ |
| | | .cl-effect-4 a { |
| | | padding: 0 0 0.625em; |
| | | } |
| | | .dropdown-item { |
| | | background:transparent; |
| | | |
| | | .cl-effect-4 a::after { |
| | | position: absolute; |
| | | width: 100%; |
| | | left: 0; |
| | | } |
| | | #person:hover dd { |
| | | display: block; |
| | | } |
| | | #person:hover dt { |
| | | transform: rotate(180deg) translate(0, 4px); |
| | | } |
| | | /*小箭头*/ |
| | | .dropdown-list dt { |
| | | border-left: 6px solid transparent; |
| | | border-right: 6px solid transparent; |
| | | border-top: 6px solid; |
| | | border-top-color: rgba(255,255,255,.7); |
| | | padding-top: 3px; |
| | | } |
| | | /*选项*/ |
| | | #person dd { |
| | | top: 100%; |
| | | left: 0; |
| | | width:100%; |
| | | position: absolute; |
| | | line-height: 32px; |
| | | display: none; |
| | | padding-top: 3px; |
| | | z-index:999; |
| | | width: 100%; |
| | | height: 0.0625em; |
| | | background: #fff; |
| | | content: ''; |
| | | opacity: 0; |
| | | -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; |
| | | -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; |
| | | transition: height 0.3s, opacity 0.3s, transform 0.3s; |
| | | -webkit-transform: translateY(-0.625em); |
| | | -moz-transform: translateY(-0.625em); |
| | | transform: translateY(-0.625em); |
| | | } |
| | | .dropdown-item ul { |
| | | width:80%; |
| | | margin:0 auto; |
| | | background:#222; |
| | | box-shadow: 0 0 5px rgba(200,200,200,0.03); |
| | | border-radius: 5px; |
| | | letter-spacing: 2px; |
| | | |
| | | .cl-effect-4 a:hover::after, |
| | | .cl-effect-4 a:focus::after { |
| | | height: 0.3125em; |
| | | opacity: 1; |
| | | -webkit-transform: translateY(0px); |
| | | -moz-transform: translateY(0px); |
| | | transform: translateY(0px); |
| | | } |
| | | .dropdown-item ul li a { |
| | | color:#555; |
| | | /* Effect 4: bottom border enlarge */ |
| | | /* .sidebar ul { |
| | | font-size: 20px; |
| | | font-weight: 500; |
| | | padding-left: 5%; |
| | | |
| | | } |
| | | .sidebar a { |
| | | text-decoration: none; |
| | | } |
| | | |
| | | .sidebar a:hover { |
| | | color: rgb(255, 148, 111); |
| | | } */ |
| | | |
| | | |
| | | |
| | | .nav-unselect { |
| | | color: #FFFFFF; |
| | | } |
| | | .nav-select { |
| | | font-weight: 900; |
| | | color: #fff; |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | /*侧边菜单栏*/ |
| | | #cool-menu-tree li { |
| | | cursor:pointer; |
| | | } |
| | | .site-active { |
| | | text-indent: 1em; |
| | | } |
| | | |
| | | .layui-side.layui-bg-black.layui-side-menu { |
| | | position: absolute; |
| | | top: 0; |
| | | z-index: 1; |
| | | } |
| | | .layui-side-scroll { |
| | | height: auto; |
| | | } |
| | | |
| | | /* <!--内容主体--> */ |
| | | .layui-tab-title { |
| | | box-sizing: border-box; |
| | | box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); |
| | | } |
| | | .layui-layout-admin .layui-body { |
| | | position: absolute; |
| | | top: 0; |
| | | bottom: 0; |
| | | z-index: -1; |
| | | } |
| | | /*选项卡*/ |
| | | .layui-body .layui-tab.layui-tab-card { |
| | | /* 涓讳綋 */ |
| | | iframe { |
| | | width: 100%; |
| | | height: 100%; |
| | | margin: 0; |
| | | border-width: 0; |
| | | } |
| | | /*选项卡标题*/ |
| | | .layui-tab-title { |
| | | border-bottom-width: 0px; |
| | | /* 搴曢儴 */ |
| | | footer { |
| | | /* border-top: 1px solid #e3e3e3; */ |
| | | position: fixed; |
| | | bottom: 0; |
| | | right: 0; |
| | | left: 0; |
| | | text-align: center; |
| | | font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif; |
| | | box-shadow: 0 -1px 2px 0 rgba(0,0,0,.0); |
| | | box-sizing: border-box; |
| | | background-color: rgb(108,167,168); |
| | | z-index: 999; |
| | | height: 20px; |
| | | font-size: 13px; |
| | | line-height: 20px; |
| | | background-color: #f1f1f1; |
| | | opacity: .7; |
| | | } |
| | | /*选项卡内容*/ |
| | | .layui-tab-content { |
| | | position: absolute; |
| | | top: 40px; |
| | | bottom: 4px; |
| | | width: 100%; |
| | | padding: 0; |
| | | } |
| | | .layui-tab-item.layui-show { |
| | | height: 100%; |
| | | footer a { |
| | | color: #3573ab; |
| | | font-weight: bold; |
| | | text-decoration: none; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .site-active { |
| | | -moz-user-select:none;/*火狐*/ |
| | | -webkit-user-select:none;/*webkit浏览器*/ |
| | | -ms-user-select:none;/*IE10*/ |
| | | -khtml-user-select:none;/*早期浏览器*/ |
| | | user-select:none; |
| | | } |
| | | |
| | | |