Constrain slideshow to 1100x500 max
This commit is contained in:
@@ -28,8 +28,9 @@ div.nav-controls {
|
|||||||
div.slideshow-container {
|
div.slideshow-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
clear: both;
|
clear: both;
|
||||||
height: 70vh; /* responsive */
|
/* Constrain slideshow to a single-screen friendly box */
|
||||||
min-height: 420px;
|
height: 500px;
|
||||||
|
max-width: 1100px;
|
||||||
}
|
}
|
||||||
div.loader {
|
div.loader {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -49,6 +50,8 @@ div.slideshow span.image-wrapper {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
div.slideshow a.advance-link {
|
div.slideshow a.advance-link {
|
||||||
display: block;
|
display: block;
|
||||||
@@ -64,7 +67,7 @@ div.slideshow img {
|
|||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
max-height: 100%;
|
max-height: 500px;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
div.download {
|
div.download {
|
||||||
|
|||||||
Reference in New Issue
Block a user