2 lines
5.2 KiB
CSS
2 lines
5.2 KiB
CSS
.default-header{width:100%;height:var(--headerH);display:flex;padding:0 32px;align-items:center;justify-content:space-between;position:relative;z-index:10;background-image:linear-gradient(180deg,#ffffffa6,#fff9 .02%,#fff0 101.19%)}.default-header.base-mask{background-image:linear-gradient(180deg,#ffffffa6,#fff9 .02%,#fff0 101.19%);box-shadow:0 4px 10px #00000014}.default-header .logo-box{height:36px}.default-header .operate-container{flex-shrink:1}.default-header .operate-container>li{float:left}.default-header .operate-container>li .icon-box{width:36px;height:36px;text-align:center;display:flex;align-items:center;justify-content:center;line-height:36px;border-radius:50%;overflow:hidden;margin:0 4px;transition:all .2s;cursor:pointer}.default-header .operate-container>li .icon-box:hover{background:#d0e0eb}.default-header .operate-container>li.active .icon-box{background-color:#d0e0eb}.default-header .operate-container svg{width:20px;height:20px}.default-header .operate-container .search-box{height:36px;margin-right:2px;background:#fff;border-radius:34px;display:flex;overflow:hidden;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.default-header .operate-container .search-box input{flex:1;outline:none;border:none;margin-left:15px;width:210px}.default-header .operate-container .search-box .icon{margin:0 8px}@keyframes fade-animation{0%{display:none}75%{display:none}to{display:flex}}.default-header .operate-container .fade1-enter-active,.default-header .operate-container .fade1-enter-to{animation:fade-animation .5s}.default-header .operate-container .fade1-leave-from,.default-header .operate-container .fade1-leave-active{display:none!important}@keyframes search-animation{0%{display:none;width:0}20%{display:none;width:0}21%{width:0;display:block}to{width:210px}}@keyframes icon-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.default-header .operate-container .search-enter-active input{animation:search-animation .3s ease-in-out}.default-header .operate-container .search-enter-active .icon{animation:icon-animation .4s}.default-header .operate-container .search-leave-active input{animation:search-animation .35s ease-out reverse}.default-header .operate-container .search-leave-active .icon{animation:icon-animation .4s reverse}.role-info{height:22px;color:#6b8cf4!important;padding:0 12px;font-size:13px;line-height:21px;display:inline-block;border:1px solid #6b8cf4;border-radius:18px}.userinfo-ul{display:flex;justify-content:center;flex-direction:column}.userinfo-ul li{height:42px;display:flex;cursor:pointer;align-items:center;justify-content:flex-start;-webkit-user-select:none;user-select:none;padding:0 20px}.userinfo-ul li img,.userinfo-ul li .backend-manage-icon{width:20px;height:20px;margin-right:8px}.userinfo-ul li span{color:#323233;font-size:14px;font-style:normal;font-weight:400}.userinfo-ul li:hover{background-color:#f9f9f9}.userinfo-ul li.border{border-bottom:1px solid #e9e9e9}.userinfo-ul li.header{height:50px;padding-right:10px;justify-content:space-between}.userinfo-ul li.header:hover{background-color:#fff}.userinfo-ul li.header .name{color:#333;font-size:16px;font-style:normal;font-weight:500;letter-spacing:.8px;flex:0 1 90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roleinfo-wrap svg{width:20px;height:20px}.roleinfo-wrap h3.title{height:50px;padding:12px 16px;color:#272829;font-weight:600;font-size:16px;border-bottom:1px solid #e8eaec;display:flex;align-items:center}.roleinfo-wrap .roles-ul{max-height:310px}.roleinfo-wrap .roles-ul li{background-color:#f9f9f9;display:flex;align-items:center;height:62px;cursor:pointer;-webkit-user-select:none;user-select:none}.roleinfo-wrap .roles-ul li:hover{background-color:#ececec}.roleinfo-wrap .roles-ul li svg{margin:0 16px}.roleinfo-wrap .roles-ul li .user-wrap{padding:9px 0;border-bottom:1px solid #e9e9e9;flex:auto}.roleinfo-wrap .roles-ul li .user-wrap .schname-box{margin-top:2px;font-size:12px;color:#656667}.roleinfo-wrap .roles-ul li:last-child .user-wrap{border-bottom:none}.roleinfo-wrap .roles-ul li.acitve{cursor:default;background-color:#f9f9f9}.wallpaper-wrap{min-height:500px;max-height:500px;padding:16px}.wallpaper-ul{display:flex;flex-flow:row wrap;justify-content:flex-start}.wallpaper-ul li{width:140px;height:104px;flex-shrink:0;border-radius:4px;position:relative;margin-bottom:16px;overflow:hidden;-webkit-user-select:none;user-select:none;box-shadow:2px 2px 8px #00000040;display:flex;justify-content:center;align-items:center}.wallpaper-ul li img{width:100%;height:100%;background:cover no-repeat}.wallpaper-ul li .context-container{width:100%;height:100%}.wallpaper-ul li .check-box{position:absolute;top:8px;right:8px}.wallpaper-ul li label{font-size:12px;padding:0 10px;text-align:center;border-bottom-right-radius:4px;background-color:#14ae5c;color:#fff;position:absolute;left:0;top:0}.wallpaper-ul li .add-wrap{width:140px;height:104px;cursor:pointer}.wallpaper-ul li .add-box{width:140px;height:50px;padding:27px 0;box-sizing:content-box}.wallpaper-ul li .add-box p{color:#939393}.wallpaper-ul li .mask-box{width:100%;height:26px;line-height:26px;color:#fff;border-radius:0 0 4px 4px;background:#00000080;position:absolute;text-align:center;left:0;bottom:0}
|