146 lines
3.7 KiB
CSS
146 lines
3.7 KiB
CSS
/* LOGIN */
|
|
#login .input--block{
|
|
background-color: #f5f5f5;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: 1px solid rgb(142,142,142);
|
|
border-radius: 4px 4px 0 0;
|
|
color:rgba(0, 0, 0,0.9);
|
|
}
|
|
#login .input--block:hover{
|
|
background-color: rgb(236,236,236);
|
|
}
|
|
#login .input--block:focus{
|
|
color: rgba(98,0,238,.87);
|
|
background-color: rgb(219,219,219);
|
|
border-bottom: 2px solid rgb(98,0,238);
|
|
}
|
|
#login .button--block{
|
|
background-color: #6200ee;
|
|
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1) ;
|
|
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0,0,0,.12);
|
|
border-radius: 4px;
|
|
}
|
|
#login .button--block:hover{
|
|
background-color: #6e14ef;
|
|
}
|
|
#login .button--block:focus{
|
|
background-color: rgb(136,61,242);
|
|
}
|
|
#login .button--block:hover,
|
|
#login .button--block:focus{
|
|
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0,0,0,.12);
|
|
}
|
|
#login .button--block:active{
|
|
background-color: rgb(164,107,245);
|
|
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0,0,0,.12);
|
|
}
|
|
/* files */
|
|
#listing .item,#listing .item.header{
|
|
transition: 0.4s;
|
|
border-radius: 1rem !important;;
|
|
background: rgba(255, 255, 255, 0.85) !important;;
|
|
}
|
|
.action{
|
|
transition: 0.4s;
|
|
border-radius: 1rem !important;;
|
|
background: rgba(255, 255, 255, 0.75);
|
|
}
|
|
#listing .item:hover{
|
|
background-color: rgba(248,249,250,0.8)!important;;
|
|
}
|
|
.action:hover{
|
|
background-color: rgba(248,249,250,0.85);
|
|
}
|
|
#listing .item[aria-selected="true"]{
|
|
background-color: rgba(13, 110, 253,0.95) !important;
|
|
color: white !important;
|
|
}
|
|
#listing .item[aria-selected="true"] .material-icons{
|
|
color: white;
|
|
}
|
|
|
|
.progress{
|
|
background-color: #e9ecef;
|
|
border-radius: 0.375rem;
|
|
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
|
|
height: 8px;
|
|
}
|
|
.progress >div{
|
|
background-color: #0d6efd;
|
|
}
|
|
.floating{
|
|
border-radius: 4px;
|
|
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0,0,0,.12);
|
|
}
|
|
.floating .button--flat{
|
|
border-radius: 4px
|
|
}
|
|
.dashboard .wrapper>ul{
|
|
background-color: rgba(0,0,0,0.01);
|
|
}
|
|
.dashboard .wrapper .router-link-active li{
|
|
background-color: rgba(10,88,202,0.5) !important;
|
|
}
|
|
.dashboard #nav ul li{
|
|
transition: 0.5s;
|
|
background-color: rgba(13,110,253,0.5);
|
|
}
|
|
.dashboard #nav ul li:hover{
|
|
background-color: rgba(11, 94, 215,0.5);
|
|
}
|
|
.dashboard .wrapper .router-link-active:hover{
|
|
background-color: rgba(11,94,215,0.5);
|
|
}
|
|
.dashboard #nav ul li{
|
|
padding: 1.5em;
|
|
}
|
|
.dashboard .wrapper>ul>a>li{
|
|
color: white !important;;
|
|
/*! font-size: 13px; */
|
|
}
|
|
.overlay{
|
|
/*! filter: brightness(50%); */
|
|
}
|
|
#search #input{
|
|
background-color: rgba(255,255,255,0);
|
|
}
|
|
/* share */
|
|
.share__box__info .button--flat{
|
|
border-radius: 8px;
|
|
}
|
|
/* beauty */
|
|
/* 2023.3.1 update */
|
|
header{
|
|
background-color: rgb(255 255 255 / 50%);
|
|
}
|
|
body{
|
|
background: url("https://git.chenx221.cyou/chenx221/Public_Assets/raw/branch/main/disk_bg.webp") center;
|
|
background-size: cover;
|
|
background-repeat: no-repeat no-repeat;
|
|
/*! background-position: center center; */
|
|
/*! back
|
|
background-attachment: ; */
|
|
background-attachment: fixed;
|
|
}
|
|
.column .card{
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
border-radius: 4px;
|
|
}
|
|
.share__box__info,.share__box__items,#listing .item{
|
|
background-color: rgba(248,249,250,0.85) !important;;
|
|
}
|
|
/* .breadcrumbs{
|
|
background-color: rgba(255,255,255,0.7)
|
|
} */
|
|
|
|
/* 2023.3.1 update */
|
|
.breadcrumbs, .breadcrumbs span{
|
|
color: #3a3a3a !important;
|
|
}
|
|
body div div nav {
|
|
background-color: rgb(255 255 255 / 50%);
|
|
border-bottom-right-radius: 16px;
|
|
}
|