[Mapbender-commits] r10337 - trunk/mapbender/http/css

[svn_mapbender at osgeo.org]

Author: armin11
Date: 2019-11-19 01:37:16 -0800 (Tue, 19 Nov 2019)
New Revision: 10337

Modified:
   trunk/mapbender/http/css/mapbenderMetadataCarousel.css
Log:
Fix for css

Modified: trunk/mapbender/http/css/mapbenderMetadataCarousel.css
===================================================================
--- trunk/mapbender/http/css/mapbenderMetadataCarousel.css	2019-11-19 09:37:00 UTC (rev 10336)
+++ trunk/mapbender/http/css/mapbenderMetadataCarousel.css	2019-11-19 09:37:16 UTC (rev 10337)
@@ -13,12 +13,25 @@
  * Mapbender specific adoptions - resize preview images!
  * ====================================================================================================================*/
 
-.flexslider .slides > li {
+.flexslider {
   overflow:hidden;
   position:relative;
-  height:130px; /* desired height here */
+  height: 150px; /* desired height here */
+  width: 586px;
+  margin: 0 0 0px;
+}
 
+.flexslider .slides {
+  overflow:hidden;
+  position:relative;
+  height: 130px; /* desired height here */
+  width: 586px;
 }
+
+.flexslider .slides > li {
+  width: 184px !important;
+  height: 130px;
+}
 .flexslider .slides img {
   width: 150px;
   height: 100px;
@@ -29,18 +42,17 @@
 }
 
 
-
 /*Caption Text*/
-.flex-caption {
+.flexslider .slides .flex-caption {
     bottom:0px;
     color: white;
     font-weight: bold;
     font-size: 16px;
-text-shadow: 1px 1px 2px white, 0 0 1em black, 0 0 0.2em black;
+    text-shadow: 1px 1px 2px white, 0 0 1em black, 0 0 0.2em black;
     line-height: 20px;
     left:0;
-    padding:0 20px;
-    position:absolute;
+    padding:0 0px;
+    position:relative;
     right:0;
     text-transform: uppercase;
     z-index:100;
@@ -47,18 +59,15 @@
 }
 
 /*Caption Text*/
-.flex-load-count {
-    top:0px;
-    text-align: right;
+.flexslider .slides .flex-load-count {
+    bottom: 110px;
     color: white;
     font-weight: bold;
     font-size: 16px;
-text-shadow: 1px 1px 2px white, 0 0 1em black, 0 0 0.2em black;
-    line-height: 20px;
-    left:0;
-    padding:0 20px;
-    position:absolute;
-    right:0;
+    text-shadow: 1px 1px 2px white, 0 0 1em black, 0 0 0.2em black;
+    line-height: 0px;
+    padding:0 120px;
+    position:relative;
     text-transform: uppercase;
     z-index:100;
 }