Files
@ 216b4e04ca43
Branch filter:
Location: NPO-Accounting/npo-accounting-ikiwiki/bootstrap-3.0.0/less/tooltip.less - annotation
216b4e04ca43
2.4 KiB
text/x-less-css
StorageAPI and ReadingAPI use case evaluation.
ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca ecd9ba4a37ca | //
// Tooltips
// --------------------------------------------------
// Base class
.tooltip {
position: absolute;
z-index: @zindex-tooltip;
display: block;
visibility: visible;
font-size: @font-size-small;
line-height: 1.4;
.opacity(0);
&.in { .opacity(.9); }
&.top { margin-top: -3px; padding: 5px 0; }
&.right { margin-left: 3px; padding: 0 5px; }
&.bottom { margin-top: 3px; padding: 5px 0; }
&.left { margin-left: -3px; padding: 0 5px; }
}
// Wrapper for the tooltip content
.tooltip-inner {
max-width: @tooltip-max-width;
padding: 3px 8px;
color: @tooltip-color;
text-align: center;
text-decoration: none;
background-color: @tooltip-bg;
border-radius: @border-radius-base;
}
// Arrows
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip {
&.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -@tooltip-arrow-width;
border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
border-top-color: @tooltip-arrow-color;
}
&.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
border-top-color: @tooltip-arrow-color;
}
&.top-right .tooltip-arrow {
bottom: 0;
right: 5px;
border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
border-top-color: @tooltip-arrow-color;
}
&.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -@tooltip-arrow-width;
border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
border-right-color: @tooltip-arrow-color;
}
&.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -@tooltip-arrow-width;
border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
border-left-color: @tooltip-arrow-color;
}
&.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -@tooltip-arrow-width;
border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
border-bottom-color: @tooltip-arrow-color;
}
&.bottom-left .tooltip-arrow {
top: 0;
left: 5px;
border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
border-bottom-color: @tooltip-arrow-color;
}
&.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
border-bottom-color: @tooltip-arrow-color;
}
}
|