Simon Lejeune
5cb10d4fc9
important note: the bootstrap.css file is left in the tree because it is used for reports. (reports fails if they use the less files)
136 lines
3.4 KiB
Plaintext
136 lines
3.4 KiB
Plaintext
//
|
|
// Popovers
|
|
// --------------------------------------------------
|
|
|
|
|
|
.popover {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: @zindex-popover;
|
|
display: none;
|
|
max-width: @popover-max-width;
|
|
padding: 1px;
|
|
// Reset font and text properties given new insertion method
|
|
font-family: @font-family-base;
|
|
font-size: @font-size-base;
|
|
font-weight: normal;
|
|
line-height: @line-height-base;
|
|
text-align: left;
|
|
background-color: @popover-bg;
|
|
background-clip: padding-box;
|
|
border: 1px solid @popover-fallback-border-color;
|
|
border: 1px solid @popover-border-color;
|
|
border-radius: @border-radius-large;
|
|
.box-shadow(0 5px 10px rgba(0,0,0,.2));
|
|
|
|
// Overrides for proper insertion
|
|
white-space: normal;
|
|
|
|
// Offset the popover to account for the popover arrow
|
|
&.top { margin-top: -@popover-arrow-width; }
|
|
&.right { margin-left: @popover-arrow-width; }
|
|
&.bottom { margin-top: @popover-arrow-width; }
|
|
&.left { margin-left: -@popover-arrow-width; }
|
|
}
|
|
|
|
.popover-title {
|
|
margin: 0; // reset heading margin
|
|
padding: 8px 14px;
|
|
font-size: @font-size-base;
|
|
background-color: @popover-title-bg;
|
|
border-bottom: 1px solid darken(@popover-title-bg, 5%);
|
|
border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;
|
|
}
|
|
|
|
.popover-content {
|
|
padding: 9px 14px;
|
|
}
|
|
|
|
// Arrows
|
|
//
|
|
// .arrow is outer, .arrow:after is inner
|
|
|
|
.popover > .arrow {
|
|
&,
|
|
&:after {
|
|
position: absolute;
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
}
|
|
}
|
|
.popover > .arrow {
|
|
border-width: @popover-arrow-outer-width;
|
|
}
|
|
.popover > .arrow:after {
|
|
border-width: @popover-arrow-width;
|
|
content: "";
|
|
}
|
|
|
|
.popover {
|
|
&.top > .arrow {
|
|
left: 50%;
|
|
margin-left: -@popover-arrow-outer-width;
|
|
border-bottom-width: 0;
|
|
border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
|
|
border-top-color: @popover-arrow-outer-color;
|
|
bottom: -@popover-arrow-outer-width;
|
|
&:after {
|
|
content: " ";
|
|
bottom: 1px;
|
|
margin-left: -@popover-arrow-width;
|
|
border-bottom-width: 0;
|
|
border-top-color: @popover-arrow-color;
|
|
}
|
|
}
|
|
&.right > .arrow {
|
|
top: 50%;
|
|
left: -@popover-arrow-outer-width;
|
|
margin-top: -@popover-arrow-outer-width;
|
|
border-left-width: 0;
|
|
border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
|
|
border-right-color: @popover-arrow-outer-color;
|
|
&:after {
|
|
content: " ";
|
|
left: 1px;
|
|
bottom: -@popover-arrow-width;
|
|
border-left-width: 0;
|
|
border-right-color: @popover-arrow-color;
|
|
}
|
|
}
|
|
&.bottom > .arrow {
|
|
left: 50%;
|
|
margin-left: -@popover-arrow-outer-width;
|
|
border-top-width: 0;
|
|
border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
|
|
border-bottom-color: @popover-arrow-outer-color;
|
|
top: -@popover-arrow-outer-width;
|
|
&:after {
|
|
content: " ";
|
|
top: 1px;
|
|
margin-left: -@popover-arrow-width;
|
|
border-top-width: 0;
|
|
border-bottom-color: @popover-arrow-color;
|
|
}
|
|
}
|
|
|
|
&.left > .arrow {
|
|
top: 50%;
|
|
right: -@popover-arrow-outer-width;
|
|
margin-top: -@popover-arrow-outer-width;
|
|
border-right-width: 0;
|
|
border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
|
|
border-left-color: @popover-arrow-outer-color;
|
|
&:after {
|
|
content: " ";
|
|
right: 1px;
|
|
border-right-width: 0;
|
|
border-left-color: @popover-arrow-color;
|
|
bottom: -@popover-arrow-width;
|
|
}
|
|
}
|
|
}
|