summaryrefslogtreecommitdiff
path: root/css/components/tooltip.almost-flat.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/components/tooltip.almost-flat.css')
-rwxr-xr-xcss/components/tooltip.almost-flat.css118
1 files changed, 118 insertions, 0 deletions
diff --git a/css/components/tooltip.almost-flat.css b/css/components/tooltip.almost-flat.css
new file mode 100755
index 0000000..07623b7
--- /dev/null
+++ b/css/components/tooltip.almost-flat.css
@@ -0,0 +1,118 @@
1/*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2/* ========================================================================
3 Component: Tooltip
4 ========================================================================== */
5/*
6 * 1. Hide by default
7 * 2. Set fixed position
8 * 3. Set dimensions
9 * 4. Set style
10 */
11.uk-tooltip {
12 /* 1 */
13 display: none;
14 /* 2 */
15 position: absolute;
16 z-index: 1030;
17 /* 3 */
18 box-sizing: border-box;
19 max-width: 200px;
20 padding: 5px 8px;
21 /* 4 */
22 background: #333;
23 color: rgba(255, 255, 255, 0.7);
24 font-size: 12px;
25 line-height: 18px;
26 border-radius: 3px;
27 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
28}
29/* Triangle
30 ========================================================================== */
31/*
32 * 1. Dashed is less antialised than solid
33 */
34.uk-tooltip:after {
35 content: "";
36 display: block;
37 position: absolute;
38 width: 0;
39 height: 0;
40 /* 1 */
41 border: 5px dashed #333;
42}
43/* Direction modifiers
44 ========================================================================== */
45/*
46 * Top
47 */
48.uk-tooltip-top:after,
49.uk-tooltip-top-left:after,
50.uk-tooltip-top-right:after {
51 bottom: -5px;
52 border-top-style: solid;
53 border-bottom: none;
54 border-left-color: transparent;
55 border-right-color: transparent;
56 border-top-color: #333;
57}
58/*
59 * Bottom
60 */
61.uk-tooltip-bottom:after,
62.uk-tooltip-bottom-left:after,
63.uk-tooltip-bottom-right:after {
64 top: -5px;
65 border-bottom-style: solid;
66 border-top: none;
67 border-left-color: transparent;
68 border-right-color: transparent;
69 border-bottom-color: #333;
70}
71/*
72 * Top/Bottom center
73 */
74.uk-tooltip-top:after,
75.uk-tooltip-bottom:after {
76 left: 50%;
77 margin-left: -5px;
78}
79/*
80 * Top/Bottom left
81 */
82.uk-tooltip-top-left:after,
83.uk-tooltip-bottom-left:after {
84 left: 10px;
85}
86/*
87 * Top/Bottom right
88 */
89.uk-tooltip-top-right:after,
90.uk-tooltip-bottom-right:after {
91 right: 10px;
92}
93/*
94 * Left
95 */
96.uk-tooltip-left:after {
97 right: -5px;
98 top: 50%;
99 margin-top: -5px;
100 border-left-style: solid;
101 border-right: none;
102 border-top-color: transparent;
103 border-bottom-color: transparent;
104 border-left-color: #333;
105}
106/*
107 * Right
108 */
109.uk-tooltip-right:after {
110 left: -5px;
111 top: 50%;
112 margin-top: -5px;
113 border-right-style: solid;
114 border-left: none;
115 border-top-color: transparent;
116 border-bottom-color: transparent;
117 border-right-color: #333;
118}