/*! UIkit 2.27.2 | www.getuikit.com | © 2014 YOOtheme | MIT License */ /* ========================================================================
Component: Tooltip ========================================================================== */
/*
* 1. Hide by default * 2. Set fixed position * 3. Set dimensions * 4. Set style */
.uk-tooltip {
/* 1 */ display: none; /* 2 */ position: absolute; z-index: 1030; /* 3 */ box-sizing: border-box; max-width: 200px; padding: 5px 8px; /* 4 */ background: #333; color: rgba(255, 255, 255, 0.7); font-size: 12px; line-height: 18px; word-break: break-all; border-radius: 3px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
} /* Triangle
========================================================================== */
/*
* 1. Dashed is less antialised than solid */
.uk-tooltip:after {
content: ""; display: block; position: absolute; width: 0; height: 0; /* 1 */ border: 5px dashed #333;
} /* Direction modifiers
========================================================================== */
/*
* Top */
.uk-tooltip-top:after, .uk-tooltip-top-left:after, .uk-tooltip-top-right:after {
bottom: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; border-top-color: #333;
} /*
* Bottom */
.uk-tooltip-bottom:after, .uk-tooltip-bottom-left:after, .uk-tooltip-bottom-right:after {
top: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; border-bottom-color: #333;
} /*
* Top/Bottom center */
.uk-tooltip-top:after, .uk-tooltip-bottom:after {
left: 50%; margin-left: -5px;
} /*
* Top/Bottom left */
.uk-tooltip-top-left:after, .uk-tooltip-bottom-left:after {
left: 10px;
} /*
* Top/Bottom right */
.uk-tooltip-top-right:after, .uk-tooltip-bottom-right:after {
right: 10px;
} /*
* Left */
.uk-tooltip-left:after {
right: -5px; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; border-left-color: #333;
} /*
* Right */
.uk-tooltip-right:after {
left: -5px; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; border-right-color: #333;
}