An electron-based WIP aesthetic file explorer ^^
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
FileKade/styles/styles.css

60 lines
1.4 KiB

@font-face {
font-family: 'Nunito';
src: url(../assets/Nunito-VariableFont_wght.ttf) format('truetype');
}
body {
background-image: linear-gradient(to right, #000000a8 0%, #000000a8 100%), url(../assets/images/neon.png);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
color: #d3d3d3;
font-family: 'Montserrat', sans-serif;
}
.rise {
animation-name: pullup;
animation-duration: .5s;
animation-timing-function: ease-out;
animation-fill-mode: both;
}
@keyframes pullup {
from {transform: translateY(100vh);}
0% {opacity: 0;}
90% {opacity: 100%;}
100% {opacity: 100%;}
to {transform: translateY(0);}
}
#title {
font-family: 'Nunito', sans-serif;
margin: 0 0;
z-index: 1;
animation: shine 5s linear infinite;
background: linear-gradient(to right, #5d60ca 20%, #171717 35%, #171717 35%, #5d60ca 50%, #5d60ca 50%, #af2188 75%, #5d60ca 90%);
background-size: 200% auto;
color: #5d60ca;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-user-select: none;
}
#title-sub-container {
padding: 0 0;
margin: 0 0;
}
#title-container {
position: fixed;
top: -5px;
left: 0;
padding: 7px 7px 2px 7px;
width: 100vw;
overflow: hidden;
background-color: #0000006d;
z-index: 1;
-webkit-app-region: drag;
}
.nosel {-webkit-user-select: none;}