diff options
Diffstat (limited to 'css/components/notify.gradient.css')
-rwxr-xr-x | css/components/notify.gradient.css | 98 |
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 | } | ||