Improving aesthetics of volunteer carousel item.

[libreplanet-static.git] / 2015 / assets / css / custom.css

diff --git a/2015/assets/css/custom.css b/2015/assets/css/custom.css
index eb2693045a7cace9b30bdee729af848f00176873..8ccdb89a87633fbdd10571734b995e39bd5a5664 100644 (file)
--- a/2015/assets/css/custom.css
+++ b/2015/assets/css/custom.css
@@ -28,11 +28,11 @@ h3 {
 }
 
 .lp-head img {
-  margin: 2.0em 0 0.001em 0.61em;
+  margin: 0.5em 0 0.001em -1.5em;
 }
 
 .lp-head p {
-   margin: 2.975em 0 0 -0.9em;
+   margin: 0.9em 0 0.001em -3.21em;
 }
 
 #lp-panel {
@@ -90,16 +90,16 @@ h3 {
 
 @media (min-width: 768px) and (max-width:991px) {
        .lp-head img {
-               margin-top: 2.4em;
+               margin-top: 1.0em;
        }
        .lp-head p {
-               margin: 2.855em 0 0 -0.9em;
+               margin: 0.9em 0 0 -2.3em;
        }
 }
 
 @media (min-width:1200px) {
        .lp-head p {
-               margin: 2.975em 0 0 -4.1em;
+               margin: 0.9em 0 0.001em -6.21em;
        }
 }
 
@@ -117,12 +117,12 @@ h3 {
 
 
 .btn-register-lp14 {
-       margin-top: 2em;
+       margin-top: 0.5em;
        margin-bottom: 0.3em;
        color: #ffffff;
        text-shadow: 0px 0px 0px #ffffff;
-       background-color: rgba(92, 184, 92, 0.9);
-       border-color: rgba(76, 174, 76, 0.2);
+       background-color: rgba(58, 208, 61, 0.6);
+       background-color: rgba(58, 208, 61, 0.6);
 }
 
 .btn-register-lp14:hover,
@@ -307,6 +307,7 @@ h3 {
        }
        .lp-home {
       padding-top: 2.0em;
+      padding-bottom: 1.0em;
        }
        .nav-padding-top {
       margin-top: 4.12em;
@@ -383,16 +384,10 @@ h3 {
   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);
+  background-color: rgba(0, 0, 0,0.6);
   border-radius: 8px;
 }
 
-.call-for-proposal {
-       right: 2%;
-       left: 35%;
-}
-
 .carousel-caption-bl {
   position: absolute;
   font-size: 1.1em;
@@ -407,8 +402,7 @@ h3 {
   padding-right: 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);
+  background-color: rgba(0, 0, 0,0.6);
   border-radius: 8px;
 }
 
@@ -424,8 +418,23 @@ h3 {
   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);
+  background-color: rgba(0, 0, 0,0.6);
+  border-radius: 8px;
+}
+
+.carousel-caption-center {
+  position: absolute;
+  font-size: 1.1em;
+  top: 50%;
+  bottom: auto;
+  left: 35%;
+  right: 65%;
+  z-index: 10;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  color: #ffffff;
+  text-align: center;
+  background-color: rgba(0, 0, 0,0.6);
   border-radius: 8px;
 }