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;
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;
.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;
}
.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;
}
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;
}
.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;
}
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;
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);
}
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;
@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);