added custom styling for carousel buttons.

Now the font size of the text in the button are either larger than or equivalent to font size of the carousel text caption.

diff --git a/2014/assets/css/custom.css b/2014/assets/css/custom.css
index adf0281a0074d53d5a611495e2ac5317659ebada..020dafdf79ac0fc6b564335392fa109546e8cd31 100644 (file)
--- a/2014/assets/css/custom.css
+++ b/2014/assets/css/custom.css
@@ -232,7 +232,6 @@ body {
   border-color: rgba(129, 129, 129, 0.2);
 }
 
-
 @media (min-width:768px) {
        .nav {
          padding-left: 0;
@@ -287,6 +286,11 @@ body {
   background-color: rgba(128, 0, 0, 0.7);
 }
 
+.btn-carousel {
+       font-size: 1.25em;
+       font-weight: 200;
+}
+
 .carousel-control .icon-prev,
 .carousel-control .icon-next,
 .carousel-control .glyphicon-chevron-left,
@@ -302,7 +306,7 @@ body {
   position: absolute;
   top: 5%;
   bottom: auto;
-  right: 2%;
+  right: 1.5%;
   left: 38%;
   z-index: 10;
   padding-top: 10px;
@@ -341,7 +345,7 @@ body {
   position: absolute;
   top: 5%;
   bottom: auto;
-  right: 55%;
+  right: 34%;
   left: 2%;
   z-index: 10;
   padding-top: 10px;
@@ -368,9 +372,21 @@ body {
 
 }
 
+@media screen and (min-width: 600px) and (max-width: 980px){
+       .btn-carousel {
+               font-size: 1.0em;
+               font-weight: 200;
+       }
+}
+
 @media screen and (min-width: 320px) and (max-width: 480px){
   .carousel-caption-tl {
-    right: 24%;
+    right: 2%;
+  }
+
+  .btn-carousel {
+         font-size: 0.90em;
+         font-weight: 200;
   }
   .carousel-caption-tr {
     left: 1%;

diff --git a/2014/index.html b/2014/index.html
index 4688cfb1e4c137af6f97eca92ca52811352d2faf..9300f630b72a10afe2828516c51473e8d9350ed1 100644 (file)
--- a/2014/index.html
+++ b/2014/index.html
@@ -88,15 +88,20 @@
                 <li class="item active">
                                  <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/gnu30_hackers.jpg"
                                           alt="[ Apply for a scholarship ]">
-                       <p class="lead carousel-caption-tl">
-                                       <a class="btn btn-default"
-                                          href="https://libreplanet.org/2014/scholarships">Apply for a scholarship before January 10th</a><br>or<br><a class="btn btn-default"
-                                          href="https://libreplanet.org/2014/scholarship_donation">donate to our scholarship fund.</a>
-                                         </p>
-                               
+                                 <p class="carousel-caption-tl">
+                                       <a class="btn btn-default btn-carousel"
+                                          href="https://libreplanet.org/2014/scholarships">
+                                         Apply for a scholarship before January 10th</a>
+                                       <br />
+                                       or
+                                       <br />
+                                       <a class="btn btn-default btn-carousel"
+                                          href="https://libreplanet.org/2014/scholarship_donation">
+                                         donate to our scholarship fund.</a>
+                                 </p>
                                </li>   
 
-<!--
+                               <!--
                                <li class="item">
                                  <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/lp13-room-110.jpg"
                                           alt="[ LibrePlanet 2013 discussion ]">
@@ -110,14 +115,14 @@
 
                                  </p>
                                </li>
--->
-                               <li class="item">
+                               -->
+                <li class="item">
                                  <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/lp13-expand-the-tent.jpg"
                                           alt="[ The Expanding the Tent panel ]">
-                                 <p class="lead carousel-caption-tr">
-                                       <a class="btn btn-default"
+                                 <p class="carousel-caption-tr">
+                                       <a class="btn btn-default btn-carousel"
                                           href="https://libreplanet.org/2014/register">
-                                         <strong>Register now</strong>
+                                         Register now
                                        </a>
                                        and be part of LibrePlanet 2014!
                                  </p>
@@ -126,9 +131,9 @@
                                        <li class="item">
                                  <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/lp13-printer.jpg"
                                           alt="[ Aleph Objects' Lulzbot 3D printer ]">
-                                 <p class="lead carousel-caption-tr">
+                                 <p class="carousel-caption-tr">
                                        LibrePlanet is a great place to spread the word about your free software business or organization<br>
-                                       <a class="btn btn-default" href="https://libreplanet.org/2014/exhibit">
+                                       <a class="btn btn-default btn-carousel" href="https://libreplanet.org/2014/exhibit">
                                          Apply for an exhibition table and program ad
                                        </a>
                                  </p>
@@ -136,9 +141,9 @@
                                <li class="item">
                                  <img src="//static.fsf.org/nosvn/libreplanet/2014/site/carousel/lp13-presentation.jpg"
                                           alt="[ A presentation at LibrePlanet 2013]">
-                                         <p class="lead carousel-caption-tr">
+                                 <p class="carousel-caption-tr">
                                        Volunteers are crucial in planning LibrePlanet<br>
-                                       <a class="btn btn-default" href="https://libreplanet.org/2014/volunteer">
+                                       <a class="btn btn-default btn-carousel" href="https://libreplanet.org/2014/volunteer">
                                          Join the planning committee
                                        </a>
                                </li>