1 files changed, 98 insertions, 0 deletions
diff --git a/css/components/notify.almost-flat.css b/css/components/notify.almost-flat.css
new file mode 100755
index 0000000..479006c
--- /dev/null
+++ b/css/components/notify.almost-flat.css
@@ -0,0 +1,98 @@
+/*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+   Component: Notify
+ ========================================================================== */
+/*
+ * Message container for positioning
+ */
+.uk-notify {
+  position: fixed;
+  top: 10px;
+  left: 10px;
+  z-index: 1040;
+  box-sizing: border-box;
+  width: 350px;
+}
+/* Position modifiers
+========================================================================== */
+.uk-notify-top-right,
+.uk-notify-bottom-right {
+  left: auto;
+  right: 10px;
+}
+.uk-notify-top-center,
+.uk-notify-bottom-center {
+  left: 50%;
+  margin-left: -175px;
+}
+.uk-notify-bottom-left,
+.uk-notify-bottom-right,
+.uk-notify-bottom-center {
+  top: auto;
+  bottom: 10px;
+}
+/* Responsiveness
+========================================================================== */
+/* Phones portrait and smaller */
+@media (max-width: 479px) {
+  /*
+     * Fit in small screen
+     */
+  .uk-notify {
+    left: 10px;
+    right: 10px;
+    width: auto;
+    margin: 0;
+  }
+}
+/* Sub-object: `uk-notify-message`
+========================================================================== */
+.uk-notify-message {
+  position: relative;
+  margin-bottom: 10px;
+  padding: 15px;
+  background: #444;
+  color: #fff;
+  font-size: 16px;
+  line-height: 22px;
+  cursor: pointer;
+  border: 1px solid #444;
+  border-radius: 4px;
+}
+/* Close in notify
+ ========================================================================== */
+.uk-notify-message > .uk-close {
+  visibility: hidden;
+  float: right;
+}
+.uk-notify-message:hover > .uk-close {
+  visibility: visible;
+}
+/* Modifier: `uk-alert-info`
+ ========================================================================== */
+.uk-notify-message-primary {
+  background: #ebf7fd;
+  color: #2d7091;
+  border-color: rgba(45, 112, 145, 0.3);
+}
+/* Modifier: `uk-alert-success`
+ ========================================================================== */
+.uk-notify-message-success {
+  background: #f2fae3;
+  color: #659f13;
+  border-color: rgba(101, 159, 19, 0.3);
+}
+/* Modifier: `uk-notify-message-warning`
+ ========================================================================== */
+.uk-notify-message-warning {
+  background: #fffceb;
+  color: #e28327;
+  border-color: rgba(226, 131, 39, 0.3);
+}
+/* Modifier: `uk-notify-message-danger`
+ ========================================================================== */
+.uk-notify-message-danger {
+  background: #fff1f0;
+  color: #d85030;
+  border-color: rgba(216, 80, 48, 0.3);
+}

diff --git a/css/components/notify.almost-flat.css b/css/components/notify.almost-flat.css new file mode 100755 index 0000000..479006c --- /dev/null +++ b/css/components/notify.almost-flat.css
@@ -0,0 +1,98 @@
	1	/! UIkit 2.26.4 \| http://www.getuikit.com \| (c) 2014 YOOtheme \| MIT License /
	2	/* ========================================================================
	3	Component: Notify
	4	========================================================================== */
	5	/*
	6	* Message container for positioning
	7	*/
	8	.uk-notify {
	9	position: fixed;
	10	top: 10px;
	11	left: 10px;
	12	z-index: 1040;
	13	box-sizing: border-box;
	14	width: 350px;
	15	}
	16	/* Position modifiers
	17	========================================================================== */
	18	.uk-notify-top-right,
	19	.uk-notify-bottom-right {
	20	left: auto;
	21	right: 10px;
	22	}
	23	.uk-notify-top-center,
	24	.uk-notify-bottom-center {
	25	left: 50%;
	26	margin-left: -175px;
	27	}
	28	.uk-notify-bottom-left,
	29	.uk-notify-bottom-right,
	30	.uk-notify-bottom-center {
	31	top: auto;
	32	bottom: 10px;
	33	}
	34	/* Responsiveness
	35	========================================================================== */
	36	/* Phones portrait and smaller */
	37	@media (max-width: 479px) {
	38	/*
	39	* Fit in small screen
	40	*/
	41	.uk-notify {
	42	left: 10px;
	43	right: 10px;
	44	width: auto;
	45	margin: 0;
	46	}
	47	}
	48	/* Sub-object: `uk-notify-message`
	49	========================================================================== */
	50	.uk-notify-message {
	51	position: relative;
	52	margin-bottom: 10px;
	53	padding: 15px;
	54	background: #444;
	55	color: #fff;
	56	font-size: 16px;
	57	line-height: 22px;
	58	cursor: pointer;
	59	border: 1px solid #444;
	60	border-radius: 4px;
	61	}
	62	/* Close in notify
	63	========================================================================== */
	64	.uk-notify-message > .uk-close {
	65	visibility: hidden;
	66	float: right;
	67	}
	68	.uk-notify-message:hover > .uk-close {
	69	visibility: visible;
	70	}
	71	/* Modifier: `uk-alert-info`
	72	========================================================================== */
	73	.uk-notify-message-primary {
	74	background: #ebf7fd;
	75	color: #2d7091;
	76	border-color: rgba(45, 112, 145, 0.3);
	77	}
	78	/* Modifier: `uk-alert-success`
	79	========================================================================== */
	80	.uk-notify-message-success {
	81	background: #f2fae3;
	82	color: #659f13;
	83	border-color: rgba(101, 159, 19, 0.3);
	84	}
	85	/* Modifier: `uk-notify-message-warning`
	86	========================================================================== */
	87	.uk-notify-message-warning {
	88	background: #fffceb;
	89	color: #e28327;
	90	border-color: rgba(226, 131, 39, 0.3);
	91	}
	92	/* Modifier: `uk-notify-message-danger`
	93	========================================================================== */
	94	.uk-notify-message-danger {
	95	background: #fff1f0;
	96	color: #d85030;
	97	border-color: rgba(216, 80, 48, 0.3);
	98	}