3 // --------------------------------------------------
10 z-index: @zindex-popover;
12 max-width: @popover-max-width;
14 // Reset font and text properties given new insertion method
15 font-family: @font-family-base;
16 font-size: @font-size-base;
18 line-height: @line-height-base;
20 background-color: @popover-bg;
21 background-clip: padding-box;
22 border: 1px solid @popover-fallback-border-color;
23 border: 1px solid @popover-border-color;
24 border-radius: @border-radius-large;
25 .box-shadow(0 5px 10px rgba(0,0,0,.2));
27 // Overrides for proper insertion
30 // Offset the popover to account for the popover arrow
31 &.top { margin-top: -@popover-arrow-width; }
32 &.right { margin-left: @popover-arrow-width; }
33 &.bottom { margin-top: @popover-arrow-width; }
34 &.left { margin-left: -@popover-arrow-width; }
38 margin: 0; // reset heading margin
40 font-size: @font-size-base;
41 background-color: @popover-title-bg;
42 border-bottom: 1px solid darken(@popover-title-bg, 5%);
43 border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;
52 // .arrow is outer, .arrow:after is inner
61 border-color: transparent;
66 border-width: @popover-arrow-outer-width;
68 .popover > .arrow:after {
69 border-width: @popover-arrow-width;
76 margin-left: -@popover-arrow-outer-width;
77 border-bottom-width: 0;
78 border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
79 border-top-color: @popover-arrow-outer-color;
80 bottom: -@popover-arrow-outer-width;
84 margin-left: -@popover-arrow-width;
85 border-bottom-width: 0;
86 border-top-color: @popover-arrow-color;
91 left: -@popover-arrow-outer-width;
92 margin-top: -@popover-arrow-outer-width;
94 border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
95 border-right-color: @popover-arrow-outer-color;
99 bottom: -@popover-arrow-width;
100 border-left-width: 0;
101 border-right-color: @popover-arrow-color;
106 margin-left: -@popover-arrow-outer-width;
108 border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
109 border-bottom-color: @popover-arrow-outer-color;
110 top: -@popover-arrow-outer-width;
114 margin-left: -@popover-arrow-width;
116 border-bottom-color: @popover-arrow-color;
122 right: -@popover-arrow-outer-width;
123 margin-top: -@popover-arrow-outer-width;
124 border-right-width: 0;
125 border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
126 border-left-color: @popover-arrow-outer-color;
130 border-right-width: 0;
131 border-left-color: @popover-arrow-color;
132 bottom: -@popover-arrow-width;