From 2a747012bcf765ce2220fb67675cc3b80caa30ea Mon Sep 17 00:00:00 2001
From: davegandy <dave@davegandy.com>
Date: Thu, 2 May 2013 23:27:59 -0400
Subject: [PATCH] thowing in a gradient to jumbotron on icon pages.

---
 build/_layouts/icon.html    |  2 +-
 build/assets/css/site.css   |  7 ++++++-
 build/assets/less/site.less | 10 +---------
 3 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/build/_layouts/icon.html b/build/_layouts/icon.html
index 7eaec13a3..7040fc84b 100755
--- a/build/_layouts/icon.html
+++ b/build/_layouts/icon.html
@@ -9,7 +9,7 @@ title_prefix: Font Awesome Icons
       <i class="icon-{{ page.icon['id'] }} icon-5"></i>&nbsp;&nbsp;
       <i class="icon-{{ page.icon['id'] }} icon-4"></i>&nbsp;&nbsp;
       <i class="icon-{{ page.icon['id'] }} icon-3"></i>&nbsp;&nbsp;
-      <i class="icon-{{ page.icon['id'] }} icon-2"></i>&nbsp;&nbsp;
+      <i class="icon-{{ page.icon['id'] }} icon-2"></i>&nbsp;
       <i class="icon-{{ page.icon['id'] }} icon-1"></i>
     </div>
     <h1 class="info-class">
diff --git a/build/assets/css/site.css b/build/assets/css/site.css
index 1b9471f51..d5f97e4fc 100644
--- a/build/assets/css/site.css
+++ b/build/assets/css/site.css
@@ -5385,7 +5385,12 @@ h6 {
 }
 .jumbotron-icon {
   padding: 20px 0 30px;
-  background-color: #eeeeee;
+  background-color: #e6e6e6;
+  background-repeat: repeat-x;
+  background-image: -moz-linear-gradient(-40deg, #eeeeee, #e6e6e6);
+  background-image: -webkit-linear-gradient(-40deg, #eeeeee, #e6e6e6);
+  background-image: -o-linear-gradient(-40deg, #eeeeee, #e6e6e6);
+  background-image: linear-gradient(-40deg, #eeeeee, #e6e6e6);
   color: #222222;
   text-shadow: 1px 1px 1px #ffffff;
   border-bottom: solid 1px #c4c4c4;
diff --git a/build/assets/less/site.less b/build/assets/less/site.less
index 457d40b58..28b61dc13 100644
--- a/build/assets/less/site.less
+++ b/build/assets/less/site.less
@@ -126,7 +126,7 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
 
 .jumbotron-icon {
   padding: 20px 0 30px;
-  background-color: @grayLighter;
+  #gradient > .directional(@grayLighter, mix(@grayLighter, @grayLight, 90%), -40deg);
   color: @grayDarker;
   text-shadow: 1px 1px 1px @white;
   border-bottom: solid 1px mix(@grayLight, @grayLighter, 50%);
@@ -134,7 +134,6 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
   h1 {
     color: @grayDarker;
     font-size: 40px;
-//    margin: 25px 0 20px;
     small {
       letter-spacing: normal;
       font-family: @sansFontFamily;
@@ -143,13 +142,6 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
     }
   }
 
-  .info-icons {
-//    margin-top: 10px;
-//    text-align: center;
-  }
-  .info-class {
-
-  }
   .info-details {
     float: left;
     p {