tuskar-ui/openstack_dashboard/static/bootstrap/less/tooltip.less
Gabriel Hurley 58983bf192 Moves bootstrap LESS back to openstack_dashboard.
Moving the entire bootstrap dir into the horizon module
caused some unexpected complexities. For the time being,
javascript will go into Horizon while CSS/LESS will
go into OpenStack Dashboard.

Change-Id: Ief3a48f2124667e936312f818baeddb6c7c290dc
2012-07-25 16:27:39 -07:00

36 lines
803 B
Plaintext

// TOOLTIP
// ------=
.tooltip {
position: absolute;
z-index: @zindexTooltip;
display: block;
visibility: visible;
padding: 5px;
font-size: 11px;
.opacity(0);
&.in { .opacity(80); }
&.top { margin-top: -2px; }
&.right { margin-left: 2px; }
&.bottom { margin-top: 2px; }
&.left { margin-left: -2px; }
&.top .tooltip-arrow { #popoverArrow > .top(); }
&.left .tooltip-arrow { #popoverArrow > .left(); }
&.bottom .tooltip-arrow { #popoverArrow > .bottom(); }
&.right .tooltip-arrow { #popoverArrow > .right(); }
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: @white;
text-align: center;
text-decoration: none;
background-color: @black;
.border-radius(4px);
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
}