StarlioX/web/static/style/gallery.css

69 lines
No EOL
1.1 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;
}
lottie-player {
margin: 0 auto;
}
.modal-content {
background-color: #212529;
color: white;
}
.shimmer {
display: inline-block;
color: grey;
-webkit-mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/370% 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;
}