1 | @CHARSET "UTF-8"; |
---|
2 | |
---|
3 | .queue .close { |
---|
4 | margin: 4px; |
---|
5 | width: 22px; |
---|
6 | height: 22px; |
---|
7 | background-image: url("close.png"); |
---|
8 | background-position: center; |
---|
9 | background-repeat: no-repeat; |
---|
10 | } |
---|
11 | |
---|
12 | /** Basic styles */ |
---|
13 | .queue .item .v-csslayout-margin { |
---|
14 | font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; |
---|
15 | font-size: 12px; |
---|
16 | padding: 4px; |
---|
17 | padding-left: 8px; |
---|
18 | border: 1px solid; |
---|
19 | margin: 2px; |
---|
20 | } |
---|
21 | |
---|
22 | .queue .info .v-csslayout-margin { |
---|
23 | color: #00529B; |
---|
24 | background-color: #BDE5F8; |
---|
25 | } |
---|
26 | |
---|
27 | .queue .success .v-csslayout-margin { |
---|
28 | color: #4F8A10; |
---|
29 | background-color: #DFF2BF; |
---|
30 | } |
---|
31 | |
---|
32 | .queue .warning .v-csslayout-margin { |
---|
33 | color: #9F6000; |
---|
34 | background-color: #FEEFB3; |
---|
35 | } |
---|
36 | |
---|
37 | .queue .error .v-csslayout-margin { |
---|
38 | color: #D8000C; |
---|
39 | background-color: #FFBABA; |
---|
40 | } |
---|
41 | |
---|
42 | .queue .message .v-csslayout-margin { |
---|
43 | color: #707070; |
---|
44 | background-color: #EEEEEE; |
---|
45 | } |
---|
46 | |
---|
47 | /** Vaadin colors */ |
---|
48 | .queue .vaadin-orange .v-csslayout-margin { |
---|
49 | border: 4px solid #FFF; |
---|
50 | color: #FFF; |
---|
51 | background-color: #EE7C08; |
---|
52 | -moz-border-radius: 7px; |
---|
53 | border-radius: 7px; |
---|
54 | } |
---|
55 | |
---|
56 | .queue .vaadin-green .v-csslayout-margin { |
---|
57 | border: 4px solid #FFF; |
---|
58 | color: #FFF; |
---|
59 | background-color: #40B527; |
---|
60 | -moz-border-radius: 7px; |
---|
61 | border-radius: 7px; |
---|
62 | } |
---|
63 | |
---|
64 | .queue .vaadin-red .v-csslayout-margin { |
---|
65 | border: 4px solid #FFF; |
---|
66 | color: #FFF; |
---|
67 | background-color: #E61E6E; |
---|
68 | -moz-border-radius: 7px; |
---|
69 | border-radius: 7px; |
---|
70 | color: #FFF; |
---|
71 | } |
---|
72 | |
---|
73 | .queue .vaadin-blue .v-csslayout-margin { |
---|
74 | border: 4px solid #FFF; |
---|
75 | color: #FFF; |
---|
76 | background-color: #00B4F0; |
---|
77 | -moz-border-radius: 7px; |
---|
78 | border-radius: 7px; |
---|
79 | } |
---|
80 | |
---|
81 | .queue .vaadin-beige .v-csslayout-margin { |
---|
82 | border: 4px solid #FFF; |
---|
83 | color: #FFF; |
---|
84 | background-color: #C8C7B5; |
---|
85 | -moz-border-radius: 7px; |
---|
86 | border-radius: 7px; |
---|
87 | } |
---|
88 | |
---|
89 | .queue .vaadin-black .v-csslayout-margin { |
---|
90 | border: 4px solid #FFF; |
---|
91 | color: #FFF; |
---|
92 | background-color: #000; |
---|
93 | -moz-border-radius: 7px; |
---|
94 | border-radius: 7px; |
---|
95 | } |
---|
96 | |
---|
97 | /** Some browser imitating styles */ |
---|
98 | .queue .ff .v-csslayout-margin { |
---|
99 | color: #000000; |
---|
100 | background-color: #F5F5BC; |
---|
101 | margin: 0; |
---|
102 | padding: 0; |
---|
103 | padding-left: 6px; |
---|
104 | border: 1px solid #FFF; |
---|
105 | border-bottom: 1px solid #B2A599; |
---|
106 | border-right: 1px solid #B2A599; |
---|
107 | } |
---|
108 | |
---|
109 | .queue .ff .close { |
---|
110 | margin: 4px; |
---|
111 | width: 22px; |
---|
112 | height: 22px; |
---|
113 | background-image: url("close-ff.png"); |
---|
114 | background-position: center; |
---|
115 | background-repeat: no-repeat; |
---|
116 | } |
---|
117 | |
---|
118 | .queue .ff3 .v-csslayout-margin { |
---|
119 | color: #000000; |
---|
120 | margin: 0; |
---|
121 | padding: 0; |
---|
122 | padding-left: 6px; |
---|
123 | border: 1px solid #FFE970; |
---|
124 | border-bottom: 1px solid #BF8A01; |
---|
125 | border-right: 1px solid #BF8A01; |
---|
126 | background-color: #FFE13E; |
---|
127 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFE13E), |
---|
128 | to(#FFC703) ); |
---|
129 | background: -moz-linear-gradient(center top, #FFE13E, #FFC703) repeat |
---|
130 | scroll 0 0 transparent; |
---|
131 | filter: progid : DXImageTransform.Microsoft.gradient ( |
---|
132 | startColorStr = |
---|
133 | #FFE13EFF, endColorStr = #FFC703FF, GradientType = 1 ); |
---|
134 | -ms-filter: |
---|
135 | "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC703FF, endColorstr=#FFC703FF)" |
---|
136 | ; |
---|
137 | |
---|
138 | } |
---|
139 | |
---|
140 | .queue .ff3 .close { |
---|
141 | margin: 4px; |
---|
142 | width: 22px; |
---|
143 | height: 22px; |
---|
144 | background-image: url("close-ff3.png"); |
---|
145 | background-position: center; |
---|
146 | background-repeat: no-repeat; |
---|
147 | } |
---|
148 | |
---|
149 | .queue .ie .v-csslayout-margin { |
---|
150 | color: #000000; |
---|
151 | background-color: #FFFFE4; |
---|
152 | margin: 0; |
---|
153 | padding: 0; |
---|
154 | padding-left: 6px; |
---|
155 | border: 1px solid #FFF; |
---|
156 | border-bottom: 1px solid #6B6363; |
---|
157 | border-right: 1px solid #6B6363; |
---|
158 | } |
---|
159 | |
---|
160 | .queue .ie .close { |
---|
161 | margin: 4px; |
---|
162 | width: 22px; |
---|
163 | height: 22px; |
---|
164 | background-image: url("close-ie.png"); |
---|
165 | background-position: center; |
---|
166 | background-repeat: no-repeat; |
---|
167 | } |
---|
168 | |
---|
169 | .queue .chrome .v-csslayout-margin { |
---|
170 | color: #333333; |
---|
171 | margin: 0; |
---|
172 | padding: 0; |
---|
173 | padding-left: 6px; |
---|
174 | background-color: #FBE69E; |
---|
175 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBE69E), |
---|
176 | to(#FBE69E) ); |
---|
177 | background: -moz-linear-gradient(center top, #FFF0BD, #FBE69E) repeat |
---|
178 | scroll 0 0 transparent; |
---|
179 | filter: progid : DXImageTransform.Microsoft.gradient ( |
---|
180 | startColorStr = |
---|
181 | #FFF0BDFF, endColorStr = #FBE69EFF, GradientType = 1 ); |
---|
182 | -ms-filter: |
---|
183 | "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF0BDFF, endColorstr=#FBE69EFF)" |
---|
184 | ; |
---|
185 | border: 1px solid #CCCCCC; |
---|
186 | } |
---|
187 | |
---|
188 | .queue .chrome .close { |
---|
189 | margin: 4px; |
---|
190 | width: 22px; |
---|
191 | height: 22px; |
---|
192 | background-image: url("close-chrome.gif"); |
---|
193 | background-position: center; |
---|
194 | background-repeat: no-repeat; |
---|
195 | } |
---|
196 | |
---|
197 | .queue .safari .v-csslayout-margin { |
---|
198 | color: #707070; |
---|
199 | background-color: #EEEEEE; |
---|
200 | } |
---|
201 | |
---|
202 | /** Gradients + rounded corners = More cool. */ |
---|
203 | .queue .magic-black .v-csslayout-margin { |
---|
204 | background-color: #666666; |
---|
205 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), |
---|
206 | to(#000) ); |
---|
207 | background: -moz-linear-gradient(center top, #666666, #000000) repeat |
---|
208 | scroll 0 0 transparent; |
---|
209 | filter: progid : DXImageTransform.Microsoft.gradient ( |
---|
210 | |
---|
211 | |
---|
212 | startColorstr = |
---|
213 | #666666, endColorstr = #000000 ); |
---|
214 | -ms-filter: |
---|
215 | "progid:DXImageTransform.Microsoft.gradient(startColorstr=#666666, endColorstr=#000000)" |
---|
216 | ; |
---|
217 | color: #D7D7D7; |
---|
218 | border: 1px solid #333333; |
---|
219 | -moz-border-radius: 7px; |
---|
220 | border-radius: 7px; |
---|
221 | } |
---|
222 | |
---|
223 | .queue .magic-gray .v-csslayout-margin { |
---|
224 | background-color: #808080; |
---|
225 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#888), |
---|
226 | to(#575757) ); |
---|
227 | background: -moz-linear-gradient(center top, #888, #575757) repeat |
---|
228 | scroll 0 0 transparent; |
---|
229 | filter: progid : DXImageTransform.Microsoft.gradient ( |
---|
230 | |
---|
231 | |
---|
232 | startColorstr = |
---|
233 | #808080, endColorstr = #575757 ); |
---|
234 | -ms-filter: |
---|
235 | "progid:DXImageTransform.Microsoft.gradient(startColorstr=#808080, endColorstr=#575757)" |
---|
236 | ; |
---|
237 | color: #D7D7D7; |
---|
238 | color: #D7D7D7; |
---|
239 | border: 1px solid #333333; |
---|
240 | -moz-border-radius: 7px; |
---|
241 | border-radius: 7px; |
---|
242 | } |
---|
243 | |
---|
244 | .queue .magic-white .v-csslayout-margin { |
---|
245 | background-color: #ffffff; |
---|
246 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), |
---|
247 | to(#EDEDED) ); |
---|
248 | background: -moz-linear-gradient(center top, #FFFFFF, #EDEDED) repeat |
---|
249 | scroll 0 0 transparent; |
---|
250 | filter: " progid : DXImageTransform.Microsoft.gradient ( |
---|
251 | |
---|
252 | startColorstr = #FFFFFF, endColorstr = #EDEDED) " |
---|
253 | ; |
---|
254 | -ms-filter: |
---|
255 | "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#EDEDED)" |
---|
256 | ; |
---|
257 | color: #FFFF; |
---|
258 | border: 1px solid #B7B7B7; |
---|
259 | -moz-border-radius: 7px; |
---|
260 | border-radius: 7px; |
---|
261 | } |
---|