increase height of homepage jumbotron, update vars and styles of popovers

4 files changed, 20 insertions, 17 deletions

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 2598d89d9..f806ed519 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -4858,8 +4858,9 @@ input[type="submit"].btn.btn-mini {
   left: 0;
   z-index: 1010;
   display: none;
-  width: 238px;
-  background-color: #fff;
+  width: 236px;
+  padding: 1px;
+  background-color: #ffffff;
   border: 1px solid #ccc;
   border: 1px solid rgba(0, 0, 0, 0.2);
   -webkit-border-radius: 6px;
@@ -4895,8 +4896,8 @@ input[type="submit"].btn.btn-mini {
   font-size: 14px;
   font-weight: normal;
   line-height: 18px;
-  background-color: #f5f5f5;
-  border-bottom: 1px solid #dcdcdc;
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #ebebeb;
   -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
           border-radius: 5px 5px 0 0;
@@ -4938,7 +4939,7 @@ input[type="submit"].btn.btn-mini {
 .popover.top .arrow:after {
   bottom: -1px;
   left: -11px;
-  border-top-color: rgba(0, 0, 0, 0.2);
+  border-top-color: rgba(0, 0, 0, 0.25);
   border-width: 11px 11px 0;
 }
 
@@ -4953,7 +4954,7 @@ input[type="submit"].btn.btn-mini {
 .popover.right .arrow:after {
   bottom: -11px;
   left: -1px;
-  border-right-color: rgba(0, 0, 0, 0.2);
+  border-right-color: rgba(0, 0, 0, 0.25);
   border-width: 11px 11px 11px 0;
 }
 
@@ -4961,14 +4962,14 @@ input[type="submit"].btn.btn-mini {
   top: -10px;
   left: 50%;
   margin-left: -10px;
-  border-bottom-color: #f5f5f5;
+  border-bottom-color: #ffffff;
   border-width: 0 10px 10px;
 }
 
 .popover.bottom .arrow:after {
   top: -1px;
   left: -11px;
-  border-bottom-color: rgba(0, 0, 0, 0.2);
+  border-bottom-color: rgba(0, 0, 0, 0.25);
   border-width: 0 11px 11px;
 }
 
@@ -4983,7 +4984,7 @@ input[type="submit"].btn.btn-mini {
 .popover.left .arrow:after {
   right: -1px;
   bottom: -11px;
-  border-left-color: rgba(0, 0, 0, 0.2);
+  border-left-color: rgba(0, 0, 0, 0.25);
   border-width: 11px 0 11px 11px;
 }
 
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 764cfbbac..0897cc5c5 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -177,7 +177,7 @@ hr.soften {
 /* Masthead (docs home)
 ------------------------- */
 .masthead {
-  padding: 50px 0 60px;
+  padding: 70px 0 80px;
   margin-bottom: 0;
   color: #fff;
 }
@@ -1000,7 +1000,7 @@ form.bs-docs-example {
             box-shadow: 0 -5px 15px rgba(0,0,0,.15);
   }
   .masthead + .bs-docs-canvas {
-    top: 530px;
+    top: 570px;
   }
   .subhead + .bs-docs-canvas {
     top: 250px;
diff --git a/less/popovers.less b/less/popovers.less
index 147f54a5d..2b3f1b059 100644
--- a/less/popovers.less
+++ b/less/popovers.less
@@ -9,8 +9,9 @@
   left: 0;
   z-index: @zindexPopover;
   display: none;
-  width: 238px;
-  background-color: #fff;
+  width: 236px;
+  padding: 1px;
+  background-color: @popoverBackground;
   -webkit-background-clip: padding-box;
      -moz-background-clip: padding;
           background-clip: padding-box;
@@ -34,7 +35,7 @@
   font-weight: normal;
   line-height: 18px;
   background-color: @popoverTitleBackground;
-  border-bottom: 1px solid darken(@popoverTitleBackground, 10%);
+  border-bottom: 1px solid darken(@popoverTitleBackground, 5%);
   .border-radius(5px 5px 0 0);
 }
 
@@ -92,7 +93,7 @@
     left: 50%;
     margin-left: -@popoverArrowWidth;
     border-width: 0 @popoverArrowWidth @popoverArrowWidth;
-    border-bottom-color: @popoverTitleBackground;
+    border-bottom-color: @popoverArrowColor;
     &:after {
       border-width: 0 @popoverArrowOuterWidth @popoverArrowOuterWidth;
       border-bottom-color: @popoverArrowOuterColor;
diff --git a/less/variables.less b/less/variables.less
index ae5cd5e00..0e3e13f41 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -205,13 +205,14 @@
 @tooltipArrowWidth:       5px;
 @tooltipArrowColor:       @tooltipBackground;
 
+@popoverBackground:       #fff;
 @popoverArrowWidth:       10px;
 @popoverArrowColor:       #fff;
-@popoverTitleBackground:  #f5f5f5;
+@popoverTitleBackground:  darken(@popoverBackground, 3%);
 
 // Special enhancement for popovers
 @popoverArrowOuterWidth:  @popoverArrowWidth + 1;
-@popoverArrowOuterColor:  rgba(0,0,0,.2);
+@popoverArrowOuterColor:  rgba(0,0,0,.25);