1 files changed, 116 insertions, 0 deletions
diff --git a/css/components/tooltip.css b/css/components/tooltip.css
new file mode 100755
index 0000000..df53e3e
--- /dev/null
+++ b/css/components/tooltip.css
@@ -0,0 +1,116 @@
+/*! UIkit 2.26.4 | http://www.getuikit.com | (c) 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;
+}
+/* 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;
+}

diff --git a/css/components/tooltip.css b/css/components/tooltip.css new file mode 100755 index 0000000..df53e3e --- /dev/null +++ b/css/components/tooltip.css
@@ -0,0 +1,116 @@
	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	}
	27	/* Triangle
	28	========================================================================== */
	29	/*
	30	* 1. Dashed is less antialised than solid
	31	*/
	32	.uk-tooltip:after {
	33	content: "";
	34	display: block;
	35	position: absolute;
	36	width: 0;
	37	height: 0;
	38	/* 1 */
	39	border: 5px dashed #333;
	40	}
	41	/* Direction modifiers
	42	========================================================================== */
	43	/*
	44	* Top
	45	*/
	46	.uk-tooltip-top:after,
	47	.uk-tooltip-top-left:after,
	48	.uk-tooltip-top-right:after {
	49	bottom: -5px;
	50	border-top-style: solid;
	51	border-bottom: none;
	52	border-left-color: transparent;
	53	border-right-color: transparent;
	54	border-top-color: #333;
	55	}
	56	/*
	57	* Bottom
	58	*/
	59	.uk-tooltip-bottom:after,
	60	.uk-tooltip-bottom-left:after,
	61	.uk-tooltip-bottom-right:after {
	62	top: -5px;
	63	border-bottom-style: solid;
	64	border-top: none;
	65	border-left-color: transparent;
	66	border-right-color: transparent;
	67	border-bottom-color: #333;
	68	}
	69	/*
	70	* Top/Bottom center
	71	*/
	72	.uk-tooltip-top:after,
	73	.uk-tooltip-bottom:after {
	74	left: 50%;
	75	margin-left: -5px;
	76	}
	77	/*
	78	* Top/Bottom left
	79	*/
	80	.uk-tooltip-top-left:after,
	81	.uk-tooltip-bottom-left:after {
	82	left: 10px;
	83	}
	84	/*
	85	* Top/Bottom right
	86	*/
	87	.uk-tooltip-top-right:after,
	88	.uk-tooltip-bottom-right:after {
	89	right: 10px;
	90	}
	91	/*
	92	* Left
	93	*/
	94	.uk-tooltip-left:after {
	95	right: -5px;
	96	top: 50%;
	97	margin-top: -5px;
	98	border-left-style: solid;
	99	border-right: none;
	100	border-top-color: transparent;
	101	border-bottom-color: transparent;
	102	border-left-color: #333;
	103	}
	104	/*
	105	* Right
	106	*/
	107	.uk-tooltip-right:after {
	108	left: -5px;
	109	top: 50%;
	110	margin-top: -5px;
	111	border-right-style: solid;
	112	border-left: none;
	113	border-top-color: transparent;
	114	border-bottom-color: transparent;
	115	border-right-color: #333;
	116	}