mirror of
https://github.com/Starlio-app/StarlioX
synced 2024-12-25 14:03:46 +03:00
74 lines
1.2 KiB
CSS
74 lines
1.2 KiB
CSS
|
.card {
|
||
|
background-color: #131313;
|
||
|
border-radius: 34px;
|
||
|
width: 359px;
|
||
|
height: 237px;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
.header-row {
|
||
|
display: grid;
|
||
|
grid-template-columns: repeat(4, 1fr);
|
||
|
grid-template-rows: repeat(1, 1fr);
|
||
|
grid-gap: 40px;
|
||
|
padding: 10px;
|
||
|
margin-left: -100px;
|
||
|
}
|
||
|
|
||
|
.card-img-top {
|
||
|
min-width: 120%;
|
||
|
min-height: 120%;
|
||
|
|
||
|
}
|
||
|
|
||
|
.card-img {
|
||
|
border-radius: 16px;
|
||
|
}
|
||
|
|
||
|
.modal-content {
|
||
|
background-color: #131313;
|
||
|
color: white;
|
||
|
}
|
||
|
|
||
|
.shimmer {
|
||
|
display: inline-block;
|
||
|
color: #333333;
|
||
|
-webkit-mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/386% 100%;
|
||
|
background-repeat: no-repeat;
|
||
|
animation: shimmer 2.5s infinite;
|
||
|
filter: blur(50px)
|
||
|
}
|
||
|
|
||
|
@keyframes shimmer {
|
||
|
100% {-webkit-mask-position: left}
|
||
|
}
|
||
|
|
||
|
#show-more {
|
||
|
background-color: #212529;
|
||
|
color: white;
|
||
|
border: none;
|
||
|
border-radius: 16px;
|
||
|
padding: 10px;
|
||
|
margin: 10px;
|
||
|
}
|
||
|
|
||
|
.modal-body p {
|
||
|
font-family: 'Roboto', sans-serif;
|
||
|
margin-top: 16px;
|
||
|
}
|
||
|
|
||
|
.navbar {
|
||
|
position: -webkit-sticky;
|
||
|
position: sticky;
|
||
|
z-index: 100;
|
||
|
top: 0;
|
||
|
}
|
||
|
|
||
|
#setWallpaper:disabled {
|
||
|
cursor: unset;
|
||
|
transform: none;
|
||
|
}
|
||
|
|
||
|
.btn-close{
|
||
|
background-color: white;
|
||
|
}
|