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>

diff --git a/Open-ILS/src/templates-bootstrap/opac/carousel.tt2 b/Open-ILS/src/templates-bootstrap/opac/carousel.tt2
index bf54466..a2ca144 100644 (file)
--- 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