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 | } | ||