mirror of
https://github.com/elisspace/pops.git
synced 2026-08-29 15:44:05 +00:00
31 lines
1.1 KiB
CSS
31 lines
1.1 KiB
CSS
.caption {
|
||
width:100%;
|
||
bottom: .3rem;
|
||
position: absolute;
|
||
background:#000;
|
||
background: -webkit-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
|
||
background: -moz-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
|
||
background: -o-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
|
||
background: linear-gradient(to top, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
|
||
}
|
||
|
||
.thumbnail {
|
||
border: 0 none;
|
||
box-shadow: none;
|
||
margin:0;
|
||
padding:0;
|
||
}
|
||
|
||
.caption h4 {
|
||
color: #fff;
|
||
-webkit-font-smoothing: antialiased;
|
||
}
|
||
|
||
/* Barn‑apartment carousel */
|
||
#carousel-barn .carousel-item img{
|
||
max-height: 80vh; /* never taller than 80 % of the viewport */
|
||
width: auto; /* shrink / grow to preserve aspect ratio */
|
||
object-fit: contain; /* keep the whole photo in view */
|
||
margin-inline: auto; /* centre portrait‑oriented photos */
|
||
}
|