3
// --------------------------------------------------
10
z-index: @zindex-popover;
12
max-width: @popover-max-width;
14
text-align: left; // Reset given new insertion method
15
background-color: @popover-bg;
16
background-clip: padding-box;
17
border: 1px solid @popover-fallback-border-color;
18
border: 1px solid @popover-border-color;
19
border-radius: @border-radius-large;
20
.box-shadow(0 5px 10px rgba(0,0,0,.2));
22
// Overrides for proper insertion
25
// Offset the popover to account for the popover arrow
26
&.top { margin-top: -10px; }
27
&.right { margin-left: 10px; }
28
&.bottom { margin-top: 10px; }
29
&.left { margin-left: -10px; }
33
margin: 0; // reset heading margin
35
font-size: @font-size-base;
38
background-color: @popover-title-bg;
39
border-bottom: 1px solid darken(@popover-title-bg, 5%);
40
border-radius: 5px 5px 0 0;
49
// .arrow is outer, .arrow:after is inner
58
border-color: transparent;
63
border-width: @popover-arrow-outer-width;
65
.popover .arrow:after {
66
border-width: @popover-arrow-width;
73
margin-left: -@popover-arrow-outer-width;
74
border-bottom-width: 0;
75
border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
76
border-top-color: @popover-arrow-outer-color;
77
bottom: -@popover-arrow-outer-width;
81
margin-left: -@popover-arrow-width;
82
border-bottom-width: 0;
83
border-top-color: @popover-arrow-color;
88
left: -@popover-arrow-outer-width;
89
margin-top: -@popover-arrow-outer-width;
91
border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
92
border-right-color: @popover-arrow-outer-color;
96
bottom: -@popover-arrow-width;
98
border-right-color: @popover-arrow-color;
103
margin-left: -@popover-arrow-outer-width;
105
border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
106
border-bottom-color: @popover-arrow-outer-color;
107
top: -@popover-arrow-outer-width;
111
margin-left: -@popover-arrow-width;
113
border-bottom-color: @popover-arrow-color;
119
right: -@popover-arrow-outer-width;
120
margin-top: -@popover-arrow-outer-width;
121
border-right-width: 0;
122
border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
123
border-left-color: @popover-arrow-outer-color;
127
border-right-width: 0;
128
border-left-color: @popover-arrow-color;
129
bottom: -@popover-arrow-width;