diff options
Diffstat (limited to 'css/components/notify.css')
| -rwxr-xr-x | css/components/notify.css | 92 |
1 files changed, 0 insertions, 92 deletions
diff --git a/css/components/notify.css b/css/components/notify.css deleted file mode 100755 index 37e87d8..0000000 --- a/css/components/notify.css +++ /dev/null | |||
| @@ -1,92 +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 | } | ||
| 60 | /* Close in notify | ||
| 61 | ========================================================================== */ | ||
| 62 | .uk-notify-message > .uk-close { | ||
| 63 | visibility: hidden; | ||
| 64 | float: right; | ||
| 65 | } | ||
| 66 | .uk-notify-message:hover > .uk-close { | ||
| 67 | visibility: visible; | ||
| 68 | } | ||
| 69 | /* Modifier: `uk-alert-info` | ||
| 70 | ========================================================================== */ | ||
| 71 | .uk-notify-message-primary { | ||
| 72 | background: #ebf7fd; | ||
| 73 | color: #2d7091; | ||
| 74 | } | ||
| 75 | /* Modifier: `uk-alert-success` | ||
| 76 | ========================================================================== */ | ||
| 77 | .uk-notify-message-success { | ||
| 78 | background: #f2fae3; | ||
| 79 | color: #659f13; | ||
| 80 | } | ||
| 81 | /* Modifier: `uk-notify-message-warning` | ||
| 82 | ========================================================================== */ | ||
| 83 | .uk-notify-message-warning { | ||
| 84 | background: #fffceb; | ||
| 85 | color: #e28327; | ||
| 86 | } | ||
| 87 | /* Modifier: `uk-notify-message-danger` | ||
| 88 | ========================================================================== */ | ||
| 89 | .uk-notify-message-danger { | ||
| 90 | background: #fff1f0; | ||
| 91 | color: #d85030; | ||
| 92 | } | ||