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

[svn_mapbender at osgeo.org]

Author: armin11
Date: 2019-11-16 03:29:38 -0800 (Sat, 16 Nov 2019)
New Revision: 10330

Added:
   trunk/mapbender/http/css/mapbenderMetadataCarousel.css
Log:
Add a simple css file for the new slider module to load public wmc dynamiccally

Added: trunk/mapbender/http/css/mapbenderMetadataCarousel.css
===================================================================
--- trunk/mapbender/http/css/mapbenderMetadataCarousel.css	                        (rev 0)
+++ trunk/mapbender/http/css/mapbenderMetadataCarousel.css	2019-11-16 11:29:38 UTC (rev 10330)
@@ -0,0 +1,64 @@
+/*
+ * jQuery FlexSlider v2.7.2
+ * https://www.woocommerce.com/flexslider/
+ *
+ * Copyright 2012 WooThemes
+ * Free to use under the GPLv2 and later license.
+ * http://www.gnu.org/licenses/gpl-2.0.html
+ *
+ * Contributing author: Tyler Smith (@mbmufffin)
+ *
+ */
+/* ====================================================================================================================
+ * Mapbender specific adoptions - resize preview images!
+ * ====================================================================================================================*/
+
+.flexslider .slides > li {
+  overflow:hidden;
+  position:relative;
+  height:130px; /* desired height here */
+
+}
+.flexslider .slides img {
+  width: 150px;
+  height: 100px;
+}
+
+.flex-direction-nav a {
+  opacity: 0.5;
+}
+
+
+
+/*Caption Text*/
+.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;
+    line-height: 20px;
+    left:0;
+    padding:0 20px;
+    position:absolute;
+    right:0;
+    text-transform: uppercase;
+    z-index:100;
+}
+
+/*Caption Text*/
+.flex-load-count {
+    top:0px;
+    text-align: right;
+    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-transform: uppercase;
+    z-index:100;
+}