diff --git a/src/_includes/jumbotron-carousel.html b/src/_includes/jumbotron-carousel.html
index 917e06c1d..017271a16 100644
--- a/src/_includes/jumbotron-carousel.html
+++ b/src/_includes/jumbotron-carousel.html
@@ -33,7 +33,7 @@
-
+
diff --git a/src/assets/less/site/bootstrap/navbar.less b/src/assets/less/site/bootstrap/navbar.less
index 54d9cb01e..06910cb61 100644
--- a/src/assets/less/site/bootstrap/navbar.less
+++ b/src/assets/less/site/bootstrap/navbar.less
@@ -15,3 +15,5 @@
&.dropdown-split-right > a { padding-left: 7px; }
&.dropdown-split-left > a { padding-right: 0; }
}
+
+.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: @jumbotron-border; }
diff --git a/src/assets/less/site/bootstrap/variables.less b/src/assets/less/site/bootstrap/variables.less
index 8682767e2..849170c38 100644
--- a/src/assets/less/site/bootstrap/variables.less
+++ b/src/assets/less/site/bootstrap/variables.less
@@ -109,6 +109,10 @@
@navbar-inverse-link-hover-color: #fff;
@navbar-inverse-link-active-bg: @navbar-inverse-border;
+// Inverted navbar toggle
+@navbar-inverse-toggle-hover-bg: @jumbotron-bg-dark;
+@navbar-inverse-toggle-icon-bar-bg: #fff;
+@navbar-inverse-toggle-border-color: #fff;
//@brand-primary: @blue-dark;
//@brand-success: @green;
diff --git a/src/assets/less/site/fontawesome-icon-list.less b/src/assets/less/site/fontawesome-icon-list.less
index b0146261f..11e1686ef 100644
--- a/src/assets/less/site/fontawesome-icon-list.less
+++ b/src/assets/less/site/fontawesome-icon-list.less
@@ -20,7 +20,7 @@
}
&:hover {
- background-color: mix(@jumbotron-bg, #fff, 15%);
+ background-color: mix(@jumbotron-bg, #fff, 12%);
text-decoration: none;
.fa-icon {
*font-size: 28px;
diff --git a/src/assets/less/site/responsive/screen-lg.less b/src/assets/less/site/responsive/screen-lg.less
index 7a0d0efca..3e0d9bbdb 100644
--- a/src/assets/less/site/responsive/screen-lg.less
+++ b/src/assets/less/site/responsive/screen-lg.less
@@ -1,22 +1,24 @@
@media (min-width: @screen-lg) {
#icon-carousel {
- @size: 290px;
+ @size: 240px;
font-size: @size;
line-height: @size + 5;
- .carousel-control {
- top: @size + 10px;
- .square(30px);
- font-size: 40px;
- line-height: 35px;
- left: 370/2 - 45px;
- &.right {
- right: 370/2 - 45px;
- }
+ margin-top: @buffer-lg;
+ }
+
+ .carousel-control {
+ top: @size + 25px;
+ .square(30px);
+ font-size: 40px;
+ line-height: 35px;
+ left: 370/2 - 42px;
+ &.right {
+ right: 370/2 - 42px;
}
}
.jumbotron-ad {
- padding: 65px 0 50px;
+ padding: 50px 0;
h1 {
margin-top: 25px;
font-size: 90px;
diff --git a/src/assets/less/site/responsive/screen-sm.less b/src/assets/less/site/responsive/screen-sm.less
index 3b8a2740e..5065ba96f 100644
--- a/src/assets/less/site/responsive/screen-sm.less
+++ b/src/assets/less/site/responsive/screen-sm.less
@@ -3,25 +3,25 @@
@size: 200px;
font-size: @size;
line-height: @size + 5;
- .carousel-control {
- top: @size + 10px;
- .square(30px);
- left: 228/2 - 40px;
- &.right {
- right: 228/2 - 40px;
- }
+ }
+ .carousel-control {
+ top: @size - 10px;
+ .square(30px);
+ left: 228/2 - 36px;
+ &.right {
+ right: 228/2 - 36px;
}
}
.jumbotron-carousel {
padding: 50px 0;
h1 { font-size: 65px; }
- p { font-size: 25px; }
+ p { font-size: 23px; }
.shameless-self-promotion { font-size: 12px; }
}
.jumbotron-ad {
- p { font-size: 28px; }
+ p { font-size: 24px; }
}
.jumbotron-icon {