thowing in a gradient to jumbotron on icon pages.

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">

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;

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 {