StarlioX/web/static/style/gallery.css

69 lines
1.1 KiB
CSS
Raw Normal View History

2022-09-18 19:27:23 +03:00
.card {
background-color: #131313;
2022-12-03 10:13:18 +03:00
border-radius: 34px;
width: 359px;
height: 237px;
overflow: hidden;
2022-09-18 19:27:23 +03:00
}
2022-09-19 02:08:05 +03:00
.header-row {
2022-12-03 10:13:18 +03:00
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(1, 1fr);
grid-gap: 40px;
padding: 10px;
margin-left: -100px;
2022-09-18 19:27:23 +03:00
}
2022-09-19 13:25:26 +03:00
.card-img-top {
2022-12-03 10:13:18 +03:00
min-width: 120%;
min-height: 120%;
}
.card-img {
border-radius: 16px;
2022-09-19 23:40:49 +03:00
}
lottie-player {
margin: 0 auto;
2022-09-25 11:09:54 +03:00
}
.modal-content {
2022-12-03 10:13:18 +03:00
background-color: #212529;
color: white;
}
.shimmer {
display: inline-block;
color: grey;
-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;
}
2022-09-25 11:09:54 +03:00
.modal-body p {
font-family: 'Roboto', sans-serif;
2022-12-03 10:13:18 +03:00
margin-top: 16px;
2022-09-25 11:09:54 +03:00
}
2022-10-12 11:13:07 +03:00
.navbar {
position: -webkit-sticky;
position: sticky;
z-index: 100;
top: 0;
}