jquery.gritter.scss
1.43 KB
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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
#gritter-notice-wrapper {
position:fixed;
top:20px;
right:20px;
width:301px;
z-index:999999;
}
.gritter-item-wrapper {
position:relative;
margin:0 0 10px 0;
background: #000;
background: rgba(0,0,0,0.75);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.growl-primary {
background: rgba(66,139,202,0.80);
}
.growl-success {
background: rgba(92,184,92,0.80);
}
.growl-warning {
background: rgba(240,173,78,0.80);
}
.growl-danger {
background: rgba(217,83,79,0.80);
}
.growl-info {
background: rgba(91,192,222,0.80);
}
.gritter-item {
display:block;
color:#eee;
padding: 15px;
font-size: 11px;
}
.gritter-item p {
padding:0;
margin:0;
word-wrap:break-word;
line-height: 18px;
font-size: 13px;
opacity: 0.75;
}
.gritter-close {
display:none;
position:absolute;
top: 10px;
right: 10px;
background: url(../images/close-white.png) no-repeat center center;
cursor:pointer;
width:10px;
height:11px;
text-indent:-9999em;
opacity: 0.5;
}
.gritter-title {
font-size: 14px;
padding:0 0 7px 0;
display:block;
font-weight: bold;
}
.gritter-image {
width:48px;
height:48px;
float:left;
}
.gritter-with-image,
.gritter-without-image {
padding:0;
}
.gritter-with-image {
width:220px;
float:right;
padding-left: 10px;
}
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item {
background: #fff;
background: rgba(255,255,255,0.75);
color: #666;
}