2011-11-17 08:58:36 +01:00
|
|
|
// POPOVERS
|
|
|
|
|
// --------
|
|
|
|
|
|
|
|
|
|
.popover {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
2012-01-07 13:07:53 +01:00
|
|
|
z-index: @zindexPopover;
|
2011-11-17 08:58:36 +01:00
|
|
|
display: none;
|
2011-11-17 10:28:42 +01:00
|
|
|
padding: 5px;
|
2011-12-23 04:10:32 +01:00
|
|
|
&.top { margin-top: -5px; }
|
|
|
|
|
&.right { margin-left: 5px; }
|
|
|
|
|
&.bottom { margin-top: 5px; }
|
|
|
|
|
&.left { margin-left: -5px; }
|
|
|
|
|
&.top .arrow { #popoverArrow > .top(); }
|
|
|
|
|
&.right .arrow { #popoverArrow > .right(); }
|
|
|
|
|
&.bottom .arrow { #popoverArrow > .bottom(); }
|
|
|
|
|
&.left .arrow { #popoverArrow > .left(); }
|
2011-11-17 08:58:36 +01:00
|
|
|
.arrow {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 0;
|
|
|
|
|
height: 0;
|
|
|
|
|
}
|
|
|
|
|
.inner {
|
|
|
|
|
padding: 3px;
|
|
|
|
|
width: 280px;
|
2011-11-17 10:28:42 +01:00
|
|
|
overflow: hidden;
|
2012-01-16 01:27:36 +01:00
|
|
|
background: @black; // has to be full background declaration for IE fallback
|
|
|
|
|
background: rgba(0,0,0,.8);
|
2011-11-17 08:58:36 +01:00
|
|
|
.border-radius(6px);
|
|
|
|
|
.box-shadow(0 3px 7px rgba(0,0,0,0.3));
|
|
|
|
|
}
|
|
|
|
|
.title {
|
|
|
|
|
padding: 9px 15px;
|
|
|
|
|
line-height: 1;
|
2011-11-17 10:28:42 +01:00
|
|
|
background-color: #f5f5f5;
|
2011-11-17 08:58:36 +01:00
|
|
|
border-bottom:1px solid #eee;
|
2011-11-17 10:28:42 +01:00
|
|
|
.border-radius(3px 3px 0 0);
|
2011-11-17 08:58:36 +01:00
|
|
|
}
|
|
|
|
|
.content {
|
|
|
|
|
padding: 14px;
|
2011-11-17 10:28:42 +01:00
|
|
|
background-color: @white;
|
2011-11-17 08:58:36 +01:00
|
|
|
.border-radius(0 0 3px 3px);
|
|
|
|
|
.background-clip(padding-box);
|
|
|
|
|
p, ul, ol {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
