23 lines
1 KiB
CSS
23 lines
1 KiB
CSS
body { font-family: 'Noto Serif KR', sans-serif; }
|
|
#exampleModal img { max-width: 100%; max-height: calc(100vh - 10rem); }
|
|
#exampleModal .modal-content { width: auto; margin: auto; }
|
|
@media (min-width: 576px) { .modal-dialog { max-width: calc(1920px + 2rem + 2px); } }
|
|
.dropdown-item em { color: gray; }
|
|
#mapid { height: 75vh; }
|
|
.carousel-control-prev, .carousel-control-next { opacity: 0; }
|
|
.home-columns .card-img-overlay { height: 100%; padding: 0; }
|
|
.home-columns .card-img-overlay:hover { background-color: rgba(0, 0, 0, 0.5); }
|
|
.home-columns .card-img-overlay h5 {
|
|
position: absolute; bottom: 0; padding: 1rem; margin: 0; width: 100%;
|
|
color: #ccc; font-size: 1rem; font-weight: bold; text-align: center;
|
|
background-color: rgba(0,0,0,0.5)
|
|
}
|
|
.home-columns .card-img-overlay:hover h5 {
|
|
color: white; background-color: transparent; bottom: unset; top: 50%; transform: translateY(-50%);
|
|
}
|
|
.card-columns.home-columns { column-count: 2; }
|
|
@media (min-width: 576px) {
|
|
.card-columns.home-columns {
|
|
column-count: 4;
|
|
}
|
|
}
|