Adding top-left overlay class.

diff --git a/2014/assets/css/custom.css b/2014/assets/css/custom.css
index 0e718054edef5eae1089445f1a6c2f01fd16237c..593da6dda1ea1829ea0cde99391ffc166a729689 100644 (file)
--- a/2014/assets/css/custom.css
+++ b/2014/assets/css/custom.css
@@ -264,6 +264,22 @@ input[type="checkbox"] {
   border-radius: 8px;
 }
 
+.carousel-caption-tl {
+  position: absolute;
+  top: 5%;
+  bottom: auto;
+  right: 55%;
+  left: 2%;
+  z-index: 10;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  color: #ffffff;
+  text-align: center;
+  background-color: rgba(0, 0, 0,0.4);
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+  border-radius: 8px;
+}
+
 @media screen and (min-width: 1280px) {
   .carousel-caption-tr {
     padding-bottom: 10px;

diff --git a/server/staging/lpc14/index.html b/server/staging/lpc14/index.html
index e8037453f90f54dcc107fd502d826a7d5f0e7d6d..c38151585925f80ddd87b6b535e4bfb42be349bb 100644 (file)
--- a/server/staging/lpc14/index.html
+++ b/server/staging/lpc14/index.html
@@ -145,7 +145,7 @@
                                <li class="item">
                                  <img src="/2014/i/lp13-presentation.jpg"
                                           alt="[ A presentation at LibrePlanet 2013]">
-                                 <p class="lead carousel-caption-tr">
+                                 <p class="lead carousel-caption-tl">
                                        Volunteers are crucial in planing LibrePlanet<br><a class="btn btn-default" href="https://libreplanet.org/2014/volunteer">
                                          Join the planning committee
                                        </a>