summaryrefslogtreecommitdiff
path: root/css/components/notify.gradient.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/components/notify.gradient.css')
-rwxr-xr-xcss/components/notify.gradient.css98
1 files changed, 0 insertions, 98 deletions
diff --git a/css/components/notify.gradient.css b/css/components/notify.gradient.css
deleted file mode 100755
index 479006c..0000000
--- a/css/components/notify.gradient.css
+++ /dev/null
@@ -1,98 +0,0 @@
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}