提交 | 用户 | 时间
|
58d006
|
1 |
//jquery gritter |
A |
2 |
.enable_plugin_gritter() when(@enable-plugin-gritter = true) { |
|
3 |
|
|
4 |
.gritter-item-wrapper { |
|
5 |
background-image:none !important; |
|
6 |
box-shadow:0 2px 10px rgba(50, 50, 50, 0.5); |
|
7 |
background:rgba(50,50,50,0.92); |
|
8 |
|
|
9 |
&.gritter-info { |
|
10 |
background:rgba(49, 81, 133, 0.92); |
|
11 |
} |
|
12 |
&.gritter-error { |
|
13 |
background:rgba(153, 40, 18, 0.92); |
|
14 |
} |
|
15 |
&.gritter-success { |
|
16 |
background:rgba(89, 131, 75, 0.92); |
|
17 |
} |
|
18 |
&.gritter-warning { |
|
19 |
background:rgba(190, 112, 31, 0.92); |
|
20 |
} |
|
21 |
|
|
22 |
&.gritter-light { |
|
23 |
background:rgba(245,245,245,0.95); |
|
24 |
border:1px solid #BBB; |
|
25 |
&.gritter-info { |
|
26 |
background:rgba(232, 242, 255, 0.95); |
|
27 |
.gritter-item { color:#4A577D; } |
|
28 |
} |
|
29 |
&.gritter-error { |
|
30 |
background:rgba(255, 235, 235, 0.95); |
|
31 |
.gritter-item { color:#894A38; } |
|
32 |
} |
|
33 |
&.gritter-success { |
|
34 |
background:rgba(239, 250, 227, 0.95); |
|
35 |
.gritter-item { color:#416131; } |
|
36 |
} |
|
37 |
&.gritter-warning { |
|
38 |
background:rgba(252, 248, 227, 0.95); |
|
39 |
.gritter-item { color:#946446; } |
|
40 |
} |
|
41 |
} |
|
42 |
} |
|
43 |
|
|
44 |
.gritter-item p { |
|
45 |
line-height:1.8; |
|
46 |
} |
|
47 |
|
|
48 |
|
|
49 |
.gritter-top , .gritter-bottom , .gritter-item { |
|
50 |
background-image:none; |
|
51 |
} |
|
52 |
|
|
53 |
.gritter-close { |
|
54 |
left: auto; |
|
55 |
right: 3px; |
|
56 |
|
|
57 |
background-image:none; |
|
58 |
|
|
59 |
width: 18px; |
|
60 |
height: 18px; |
|
61 |
line-height: 17px; |
|
62 |
|
|
63 |
text-align: center; |
|
64 |
border: 2px solid transparent; |
|
65 |
border-radius: 16px; |
|
66 |
|
|
67 |
color: #E17B67; |
|
68 |
|
|
69 |
&:before { |
|
70 |
font-family: FontAwesome; |
|
71 |
font-size: @font-size-gritter-close; |
|
72 |
content: "\f00d"; |
|
73 |
} |
|
74 |
} |
|
75 |
|
|
76 |
|
|
77 |
.gritter-info .gritter-close { |
|
78 |
color:#FFA500; |
|
79 |
} |
|
80 |
.gritter-error , .gritter-success , .gritter-warning { |
|
81 |
.gritter-close { |
|
82 |
color:#FFEA07; |
|
83 |
} |
|
84 |
} |
|
85 |
.gritter-close:hover{ |
|
86 |
color:#FFF !important; |
|
87 |
} |
|
88 |
|
|
89 |
|
|
90 |
.gritter-title { |
|
91 |
text-shadow:none; |
|
92 |
} |
|
93 |
|
|
94 |
.gritter-light { |
|
95 |
.gritter-item , .gritter-bottom , .gritter-top , .gritter-close { |
|
96 |
background-image: none; |
|
97 |
color: #444; |
|
98 |
} |
|
99 |
.gritter-title { |
|
100 |
text-shadow: none; |
|
101 |
} |
|
102 |
.gritter-close:hover { |
|
103 |
color:#8A3104 !important; |
|
104 |
} |
|
105 |
} |
|
106 |
|
|
107 |
.gritter-center { |
|
108 |
position:fixed; |
|
109 |
left:33%; right:33%; top:33%; |
|
110 |
} |
|
111 |
|
|
112 |
|
|
113 |
|
|
114 |
@media only screen and (max-width: @screen-xs-max) { |
|
115 |
.gritter-center { |
|
116 |
left:16%; right:16%; top:30%; |
|
117 |
} |
|
118 |
} |
|
119 |
@media only screen and (max-width: @screen-xs) { |
|
120 |
.gritter-center { |
|
121 |
left:30px; right:30px; |
|
122 |
} |
|
123 |
} |
|
124 |
@media only screen and (max-width: @screen-tiny) { |
|
125 |
.gritter-center { |
|
126 |
left:10px; right:10px; |
|
127 |
} |
|
128 |
} |
|
129 |
|
|
130 |
} |
|
131 |
|
|
132 |
.enable_plugin_gritter(); |