forked from pynklynn/notific8
-
Notifications
You must be signed in to change notification settings - Fork 0
/
jquery.notific8.min.css
53 lines (53 loc) · 3.93 KB
/
jquery.notific8.min.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
/**
* @author Will Steinmetz
*
* Styles for the notific8 plug-in for jQuery
*
* Copyright (c)2013, Will Steinmetz
* Licensed under the BSD license.
* http://opensource.org/licenses/BSD-3-Clause
*/
.jquery-notific8-container{display:block;padding:0;margin:0;position:fixed}
.jquery-notific8-container.top.right{top:0;right:0}
.jquery-notific8-container.top.left{top:0;left:0}
.jquery-notific8-container.bottom.right{bottom:0;right:0}
.jquery-notific8-container.bottom.left{bottom:0;left:0}
.jquery-notific8-notification{position:relative;display:none;padding:.625em;color:#fff;height:4.125em;max-height:4.125em;overflow:hidden;border-style:solid;border-width:2px}
.right .jquery-notific8-notification{float:right;clear:right}
.right .jquery-notific8-notification{padding-right:2.06em;width:21.44em}
.left .jquery-notific8-notification{float:left;clear:left;padding-left:2.06em;width:21.44em}
.top .jquery-notific8-notification{margin-top:.625em}
.bottom .jquery-notific8-notification{margin-bottom:.625em}
.jquery-notific8-notification.teal{border-color:#09c;background-color:#069}
.jquery-notific8-notification.amethyst{border-color:#915faa;background-color:#5d2d77}
.jquery-notific8-notification.ruby{border-color:#d10;background-color:#a10}
.jquery-notific8-notification.tangerine{border-color:#ffb23f;background-color:#e88f00}
.jquery-notific8-notification.lemon{border-color:#ffde00;background-color:#fc0;color:#333}
.jquery-notific8-notification.lime{border-color:#38d315;background-color:#32b512}
.jquery-notific8-notification.ebony{border-color:#666;background-color:#121212}
.jquery-notific8-notification.smoke{border-color:#ababab;background-color:#efefef;color:#333}
.jquery-notific8-heading{font-weight:bold;margin-bottom:.3125em}
.jquery-notific8-message{font-size:.875em}
.jquery-notific8-close{position:absolute;padding:0 .25em;cursor:pointer;top:0;display:none}
.right .jquery-notific8-close{right:-2px}
.left .jquery-notific8-close{left:-2px}
.jquery-notific8-notification.teal .jquery-notific8-close{background-color:#09c}
.jquery-notific8-notification.amethyst .jquery-notific8-close{background-color:#915faa}
.jquery-notific8-notification.ruby .jquery-notific8-close{background-color:#d10}
.jquery-notific8-notification.tangerine .jquery-notific8-close{background-color:#ffb23f}
.jquery-notific8-notification.lemon .jquery-notific8-close{background-color:#ffde00;color:#333}
.jquery-notific8-notification.lime .jquery-notific8-close{background-color:#38d315}
.jquery-notific8-notification.ebony .jquery-notific8-close{background-color:#666}
.jquery-notific8-notification.smoke .jquery-notific8-close{background-color:#ababab;color:#fff}
.jquery-notific8-close-sticky{text-align:center;position:absolute;width:5.5625em;padding:.125em 0;cursor:pointer;text-transform:uppercase}
.right .jquery-notific8-close-sticky{top:1.9375em;right:-2.375em;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.left .jquery-notific8-close-sticky{top:1.9375em;left:-2.375em;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.jquery-notific8-close-sticky span{font-size:.625em}
.jquery-notific8-notification.teal .jquery-notific8-close-sticky{background-color:#09c}
.jquery-notific8-notification.amethyst .jquery-notific8-close-sticky{background-color:#915faa}
.jquery-notific8-notification.ruby .jquery-notific8-close-sticky{background-color:#d10}
.jquery-notific8-notification.tangerine .jquery-notific8-close-sticky{background-color:#ffb23f}
.jquery-notific8-notification.lemon .jquery-notific8-close-sticky{background-color:#ffde00;color:#333}
.jquery-notific8-notification.lime .jquery-notific8-close-sticky{background-color:#38d315}
.jquery-notific8-notification.ebony .jquery-notific8-close-sticky{background-color:#666}
.jquery-notific8-notification.smoke .jquery-notific8-close-sticky{background-color:#ababab;color:#fff}