ddea8b597f
- Move Bootstrap LESS files into new subdirectory - Change app.css to app.less, add @import's to utilize Bootstrap variables and mixins - Remove plugins.js and main.js - Move Bootstrap JS plugins into new subdirectory - Add new _main.js file with example DOM-based routing script that works off the WordPress body_class - lib/scripts.php has been updated to remove all extra CSS and JS files and also places JavaScript in the footer
71 lines
1.6 KiB
Plaintext
Executable File
71 lines
1.6 KiB
Plaintext
Executable File
//
|
|
// Tooltips
|
|
// --------------------------------------------------
|
|
|
|
|
|
// Base class
|
|
.tooltip {
|
|
position: absolute;
|
|
z-index: @zindexTooltip;
|
|
display: block;
|
|
visibility: visible;
|
|
padding: 5px;
|
|
font-size: 11px;
|
|
.opacity(0);
|
|
&.in { .opacity(80); }
|
|
&.top { margin-top: -3px; }
|
|
&.right { margin-left: 3px; }
|
|
&.bottom { margin-top: 3px; }
|
|
&.left { margin-left: -3px; }
|
|
}
|
|
|
|
// Wrapper for the tooltip content
|
|
.tooltip-inner {
|
|
max-width: 200px;
|
|
padding: 3px 8px;
|
|
color: @tooltipColor;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
background-color: @tooltipBackground;
|
|
.border-radius(4px);
|
|
}
|
|
|
|
// 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: -@tooltipArrowWidth;
|
|
border-width: @tooltipArrowWidth @tooltipArrowWidth 0;
|
|
border-top-color: @tooltipArrowColor;
|
|
}
|
|
&.right .tooltip-arrow {
|
|
top: 50%;
|
|
left: 0;
|
|
margin-top: -@tooltipArrowWidth;
|
|
border-width: @tooltipArrowWidth @tooltipArrowWidth @tooltipArrowWidth 0;
|
|
border-right-color: @tooltipArrowColor;
|
|
}
|
|
&.left .tooltip-arrow {
|
|
top: 50%;
|
|
right: 0;
|
|
margin-top: -@tooltipArrowWidth;
|
|
border-width: @tooltipArrowWidth 0 @tooltipArrowWidth @tooltipArrowWidth;
|
|
border-left-color: @tooltipArrowColor;
|
|
}
|
|
&.bottom .tooltip-arrow {
|
|
top: 0;
|
|
left: 50%;
|
|
margin-left: -@tooltipArrowWidth;
|
|
border-width: 0 @tooltipArrowWidth @tooltipArrowWidth;
|
|
border-bottom-color: @tooltipArrowColor;
|
|
}
|
|
}
|