From e942607df0d5cf2720c8a0c9a2444bb4176ad1b7 Mon Sep 17 00:00:00 2001
From: Terran McCanna <tmccanna@georgialibraries.org>
Date: Wed, 17 Nov 2021 17:00:08 -0500
Subject: [PATCH] PINES OPAC Carousel CSS

Adds additional CSS for iframe usage that overrides the basic
OPAC usage CSS.

Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>
---
 Open-ILS/src/templates-bootstrap/opac/carousel.tt2 | 51 ++++++++++++++++++++++
 1 file changed, 51 insertions(+)

diff --git a/Open-ILS/src/templates-bootstrap/opac/carousel.tt2 b/Open-ILS/src/templates-bootstrap/opac/carousel.tt2
index bf54466b32..a2ca14412c 100644
--- a/Open-ILS/src/templates-bootstrap/opac/carousel.tt2
+++ b/Open-ILS/src/templates-bootstrap/opac/carousel.tt2
@@ -6,3 +6,54 @@
 	PROCESS carousels;
 	END
 -%]
+<!-- PINES Carousel Customization for iframes -->
+<style type="text/css">
+	.carousel {
+		margin-left: 100px;
+	}
+	.glide__slide {
+		padding:0px;
+		margin:0px;
+		width:120px !important;
+	}
+	.carousel-entry-image {
+		width:auto;
+		height:150px;
+	}
+
+	@media only screen and (max-width: 1200px) {
+		.carousel {
+			margin-left: 60px;
+			width: 100%;
+		}
+		.glide__slide {
+			width:100px !important;
+		}
+		.carousel-entry {
+			width:100px;
+		}
+	    .carousel-entry-image {
+			width: auto;
+			height: 110px;
+			border: 1px solid #999;
+		}
+	}
+
+	@media only screen and (max-width: 1000px) {
+		.carousel {
+			margin-left: 0px;
+			width: 100%;
+		}
+		.glide__slide {
+			width:100px !important;
+		}
+		.carousel-entry {
+			width:100px;
+		}
+	    .carousel-entry-image {
+			width: auto;
+			height: 110px;
+			border: 1px solid #999;
+		}
+	}
+</style>
\ No newline at end of file
-- 
2.11.0