thowing in a gradient to jumbotron on icon pages.

This commit is contained in:
davegandy 2013-05-02 23:27:59 -04:00
parent aa831d4010
commit 2a747012bc
3 changed files with 8 additions and 11 deletions

View file

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

View file

@ -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;

View file

@ -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 {