0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-21 18:54:30 +01:00

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

This commit is contained in:
Mark Otto 2012-07-26 23:42:36 -07:00
parent 79067721b1
commit 6474190746
4 changed files with 20 additions and 17 deletions

View File

@ -4858,8 +4858,9 @@ input[type="submit"].btn.btn-mini {
left: 0; left: 0;
z-index: 1010; z-index: 1010;
display: none; display: none;
width: 238px; width: 236px;
background-color: #fff; padding: 1px;
background-color: #ffffff;
border: 1px solid #ccc; border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px; -webkit-border-radius: 6px;
@ -4895,8 +4896,8 @@ input[type="submit"].btn.btn-mini {
font-size: 14px; font-size: 14px;
font-weight: normal; font-weight: normal;
line-height: 18px; line-height: 18px;
background-color: #f5f5f5; background-color: #f7f7f7;
border-bottom: 1px solid #dcdcdc; border-bottom: 1px solid #ebebeb;
-webkit-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;
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 { .popover.top .arrow:after {
bottom: -1px; bottom: -1px;
left: -11px; 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; border-width: 11px 11px 0;
} }
@ -4953,7 +4954,7 @@ input[type="submit"].btn.btn-mini {
.popover.right .arrow:after { .popover.right .arrow:after {
bottom: -11px; bottom: -11px;
left: -1px; 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; border-width: 11px 11px 11px 0;
} }
@ -4961,14 +4962,14 @@ input[type="submit"].btn.btn-mini {
top: -10px; top: -10px;
left: 50%; left: 50%;
margin-left: -10px; margin-left: -10px;
border-bottom-color: #f5f5f5; border-bottom-color: #ffffff;
border-width: 0 10px 10px; border-width: 0 10px 10px;
} }
.popover.bottom .arrow:after { .popover.bottom .arrow:after {
top: -1px; top: -1px;
left: -11px; 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; border-width: 0 11px 11px;
} }
@ -4983,7 +4984,7 @@ input[type="submit"].btn.btn-mini {
.popover.left .arrow:after { .popover.left .arrow:after {
right: -1px; right: -1px;
bottom: -11px; 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; border-width: 11px 0 11px 11px;
} }

View File

@ -177,7 +177,7 @@ hr.soften {
/* Masthead (docs home) /* Masthead (docs home)
------------------------- */ ------------------------- */
.masthead { .masthead {
padding: 50px 0 60px; padding: 70px 0 80px;
margin-bottom: 0; margin-bottom: 0;
color: #fff; color: #fff;
} }
@ -1000,7 +1000,7 @@ form.bs-docs-example {
box-shadow: 0 -5px 15px rgba(0,0,0,.15); box-shadow: 0 -5px 15px rgba(0,0,0,.15);
} }
.masthead + .bs-docs-canvas { .masthead + .bs-docs-canvas {
top: 530px; top: 570px;
} }
.subhead + .bs-docs-canvas { .subhead + .bs-docs-canvas {
top: 250px; top: 250px;

View File

@ -9,8 +9,9 @@
left: 0; left: 0;
z-index: @zindexPopover; z-index: @zindexPopover;
display: none; display: none;
width: 238px; width: 236px;
background-color: #fff; padding: 1px;
background-color: @popoverBackground;
-webkit-background-clip: padding-box; -webkit-background-clip: padding-box;
-moz-background-clip: padding; -moz-background-clip: padding;
background-clip: padding-box; background-clip: padding-box;
@ -34,7 +35,7 @@
font-weight: normal; font-weight: normal;
line-height: 18px; line-height: 18px;
background-color: @popoverTitleBackground; background-color: @popoverTitleBackground;
border-bottom: 1px solid darken(@popoverTitleBackground, 10%); border-bottom: 1px solid darken(@popoverTitleBackground, 5%);
.border-radius(5px 5px 0 0); .border-radius(5px 5px 0 0);
} }
@ -92,7 +93,7 @@
left: 50%; left: 50%;
margin-left: -@popoverArrowWidth; margin-left: -@popoverArrowWidth;
border-width: 0 @popoverArrowWidth @popoverArrowWidth; border-width: 0 @popoverArrowWidth @popoverArrowWidth;
border-bottom-color: @popoverTitleBackground; border-bottom-color: @popoverArrowColor;
&:after { &:after {
border-width: 0 @popoverArrowOuterWidth @popoverArrowOuterWidth; border-width: 0 @popoverArrowOuterWidth @popoverArrowOuterWidth;
border-bottom-color: @popoverArrowOuterColor; border-bottom-color: @popoverArrowOuterColor;

View File

@ -205,13 +205,14 @@
@tooltipArrowWidth: 5px; @tooltipArrowWidth: 5px;
@tooltipArrowColor: @tooltipBackground; @tooltipArrowColor: @tooltipBackground;
@popoverBackground: #fff;
@popoverArrowWidth: 10px; @popoverArrowWidth: 10px;
@popoverArrowColor: #fff; @popoverArrowColor: #fff;
@popoverTitleBackground: #f5f5f5; @popoverTitleBackground: darken(@popoverBackground, 3%);
// Special enhancement for popovers // Special enhancement for popovers
@popoverArrowOuterWidth: @popoverArrowWidth + 1; @popoverArrowOuterWidth: @popoverArrowWidth + 1;
@popoverArrowOuterColor: rgba(0,0,0,.2); @popoverArrowOuterColor: rgba(0,0,0,.25);