3 // --------------------------------------------------
10 z-index: @zindex-popover;
12 max-width: @popover-max-width;
14 // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element.
15 // So reset our font and text properties to avoid inheriting weird values.
17 font-size: @font-size-base;
19 background-color: @popover-bg;
20 background-clip: padding-box;
21 border: 1px solid @popover-fallback-border-color;
22 border: 1px solid @popover-border-color;
23 border-radius: @border-radius-large;
24 .box-shadow(0 5px 10px rgba(0,0,0,.2));
26 // Offset the popover to account for the popover arrow
27 &.top { margin-top: -@popover-arrow-width; }
28 &.right { margin-left: @popover-arrow-width; }
29 &.bottom { margin-top: @popover-arrow-width; }
30 &.left { margin-left: -@popover-arrow-width; }
34 margin: 0; // reset heading margin
36 font-size: @font-size-base;
37 background-color: @popover-title-bg;
38 border-bottom: 1px solid darken(@popover-title-bg, 5%);
39 border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;
48 // .arrow is outer, .arrow:after is inner
57 border-color: transparent;
62 border-width: @popover-arrow-outer-width;
64 .popover > .arrow:after {
65 border-width: @popover-arrow-width;
72 margin-left: -@popover-arrow-outer-width;
73 border-bottom-width: 0;
74 border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
75 border-top-color: @popover-arrow-outer-color;
76 bottom: -@popover-arrow-outer-width;
80 margin-left: -@popover-arrow-width;
81 border-bottom-width: 0;
82 border-top-color: @popover-arrow-color;
87 left: -@popover-arrow-outer-width;
88 margin-top: -@popover-arrow-outer-width;
90 border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
91 border-right-color: @popover-arrow-outer-color;
95 bottom: -@popover-arrow-width;
97 border-right-color: @popover-arrow-color;
102 margin-left: -@popover-arrow-outer-width;
104 border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
105 border-bottom-color: @popover-arrow-outer-color;
106 top: -@popover-arrow-outer-width;
110 margin-left: -@popover-arrow-width;
112 border-bottom-color: @popover-arrow-color;
118 right: -@popover-arrow-outer-width;
119 margin-top: -@popover-arrow-outer-width;
120 border-right-width: 0;
121 border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
122 border-left-color: @popover-arrow-outer-color;
126 border-right-width: 0;
127 border-left-color: @popover-arrow-color;
128 bottom: -@popover-arrow-width;