From b055da0eac7008c36b61928d72066d14b7ac3311 Mon Sep 17 00:00:00 2001 From: rsiddharth Date: Wed, 25 Dec 2013 16:36:55 +0530 Subject: [PATCH] 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. --- 2014/assets/css/custom.css | 24 ++++++++++++++++++++---- 2014/index.html | 37 +++++++++++++++++++++---------------- 2 files changed, 41 insertions(+), 20 deletions(-) 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 @@
  • [ Apply for a scholarship ] - - +
  • - -
  • + --> +
  • [ The Expanding the Tent panel ] - @@ -126,9 +131,9 @@
  • [ Aleph Objects' Lulzbot 3D printer ] - @@ -136,9 +141,9 @@
  • [ A presentation at LibrePlanet 2013] -
  • -- 2.25.1