From: Mark Otto Date: Fri, 27 Jul 2012 06:42:36 +0000 (-0700) Subject: increase height of homepage jumbotron, update vars and styles of popovers X-Git-Tag: v2.1.0~2^2~132 X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=6474190746fd163375200119b9d2cc7066e05d43;p=thirdparty%2Fbootstrap.git increase height of homepage jumbotron, update vars and styles of popovers --- diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 2598d89d9f..f806ed519f 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 764cfbbaca..0897cc5c5c 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 147f54a5db..2b3f1b0599 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 ae5cd5e00b..0e3e13f416 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);