From: rsiddharth <rsd@gnu.org>
Date: Wed, 25 Dec 2013 11:06:55 +0000 (+0530)
Subject: added custom styling for carousel buttons.
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=b055da0eac7008c36b61928d72066d14b7ac3311;p=libreplanet-static.git

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 adf0281a..020dafdf 100644
--- 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 4688cfb1..9300f630 100644
--- 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>