blob: e3f8d4873bb8888d2d83bad04050ee0627cdb550 (
plain) (
blame)
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
100
101
|
.jGrowl {
z-index: 9999;
color: @jgrowl-color;
font-size: @jgrowl-fontSize;
font-family: @jgrowl-fontFamily;
position: fixed;
&.top-left {
left: 0px;
top: 0px;
}
&.top-right {
right: 0px;
top: 0px;
}
&.bottom-left {
left: 0px;
bottom: 0px;
}
&.bottom-right {
right: 0px;
bottom: 0px;
}
&.center {
top: 0px;
width: 50%;
left: 25%;
.jGrowl-notification,
.jGrowl-closer {
margin-left: auto;
margin-right: auto;
}
}
}
.notification() {
background-color: @jgrowl-backgroundColor;
opacity: @jgrowl-opacity;
// These are for older versions of Internet Explorer that don't support opacity
filter: e(%("progid:DXImageTransform.Microsoft.Alpha(Opacity=(%d*100))",@jgrowl-opacity));
-ms-filter: e(%("progid:DXImageTransform.Microsoft.Alpha(Opacity=(%d*100))",@jgrowl-opacity));
zoom: 1;
width: @jgrowl-width;
padding: 10px;
margin: 10px;
text-align: left;
display: none;
border-radius: @jgrowl-borderRadius;
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #000;
background: #000;
color: #fff;
}
}
.jGrowl-notification {
.notification;
min-height: @jgrowl-height;
.jGrowl-header {
font-weight: bold;
font-size: .85em;
}
.jGrowl-close {
background-color: transparent;
color: inherit;
border: none;
z-index: 99;
float: right;
font-weight: bold;
font-size: 1em;
cursor: pointer;
}
}
.jGrowl-closer {
.notification;
padding-top: 4px;
padding-bottom: 4px;
cursor: pointer;
font-size: .9em;
font-weight: bold;
text-align: center;
}
/** Hide jGrowl when printing **/
@media print {
.jGrowl {
display: none;
}
}
|
