commonroutesApp/www/css/colors.css
www/css/colors.cssRaw
1/* red */
2.c_red50{
3 background: #FFEBEE;
4 color: #000000;
5}
6.c_red100{
7 background: #FFCDD2;
8 color: #000000;
9}
10.c_red200{
11 background: #EF9A9A;
12 color: #000000;
13}
14.c_red300{
15 background: #E57373;
16 color: #ffffff!important;
17}
18.c_red400{
19 background: #EF5350;
20 color: #ffffff!important;
21}
22.c_red500{
23 background: #F44336;
24 color: #ffffff!important;
25}
26.c_red600{
27 background: #E53935;
28 color: #ffffff!important;
29}
30.c_red700{
31 background: #D32F2F;
32 color: #ffffff!important;
33}
34.c_red800{
35 background: #C62828;
36 color: #ffffff!important;
37}
38.c_red900{
39 background: #B71C1C;
40 color: #ffffff!important;
41}
42
43.ctext_red400{
44 color: #EF5350;
45}
46.ctext_red500{
47 color: #F44336;
48}
49.ctext_red600{
50 color: #E53935;
51}
52
53/* pink */
54.c_pink50{
55 background: #FCE4EC;
56 color: #000000;
57}
58.c_pink100{
59 background: #F8BBD0;
60 color: #000000;
61}
62.c_pink200{
63 background: #F48FB1;
64 color: #000000;
65}
66.c_pink300{
67 background: #F06292;
68 color: #ffffff;
69}
70.c_pink400{
71 background: #EC407A;
72 color: #ffffff;
73}
74.c_pink500{
75 background: #E91E63;
76 color: #ffffff;
77}
78.c_pink600{
79 background: #D81B60;
80 color: #ffffff;
81}
82.c_pink700{
83 background: #C2185B;
84 color: #ffffff;
85}
86.c_pink800{
87 background: #AD1457;
88 color: #ffffff;
89}
90.c_pink900{
91 background: #880E4F;
92 color: #ffffff;
93}
94
95/* deepPurple */
96.c_deepPurple50{
97 background: #EDE7F6;
98 color: #000000;
99}
100.c_deepPurple100{
101 background: #D1C4E9;
102 color: #000000;
103}
104.c_deepPurple200{
105 background: #B39DDB;
106 color: #000000;
107}
108.c_deepPurple300{
109 background: #9575CD;
110 color: #ffffff;
111}
112.c_deepPurple400{
113 background: #7E57C2;
114 color: #ffffff;
115}
116.c_deepPurple500{
117 background: #673AB7;
118 color: #ffffff;
119}
120.c_deepPurple600{
121 background: #5E35B1;
122 color: #ffffff;
123}
124.c_deepPurple700{
125 background: #512DA8;
126 color: #ffffff;
127}
128.c_deepPurple800{
129 background: #4527A0;
130 color: #ffffff;
131}
132.c_deepPurple900{
133 background: #311B92;
134 color: #ffffff;
135}
136
137
138/* indigo */
139.c_indigo50{
140 background:#E8EAF6;
141 color: #000000;
142}
143.c_indigo100{
144 background:#C5CAE9;
145 color: #000000;
146}
147.c_indigo200{
148 background:#9FA8DA;
149 color: #000000;
150}
151.c_indigo300{
152 background:#7986CB;
153 color: #ffffff!important;
154}
155.c_indigo400{
156 background:#5C6BC0;
157 color: #ffffff!important;
158}
159.c_indigo500{
160 background:#3F51B5;
161 color: #ffffff;
162}
163.c_indigo600{
164 background:#3949AB;
165 color: #ffffff;
166}
167.c_indigo700{
168 background:#303F9F;
169 color: #ffffff;
170}
171.c_indigo800{
172 background:#283593;
173 color: #ffffff;
174}
175.c_indigo900{
176 background:#1A237E;
177 color: #ffffff;
178}
179
180.ctext_indigo500{
181 color: #3F51B5!important;
182}
183
184/* blue */
185.c_blue50{
186 background: #E3F2FD;
187 color: #000000;
188}
189.c_blue100{
190 background: #BBDEFB;
191 color: #000000;
192}
193.c_blue200{
194 background: #90CAF9;
195 color: #000000;
196}
197.c_blue300{
198 background: #64B5F6;
199 color: #ffffff;
200}
201.c_blue400{
202 background: #42A5F5;
203 color: #ffffff;
204}
205.c_blue500{
206 background: #2196F3;
207 color: #ffffff;
208}
209.c_blue600{
210 background: #1E88E5;
211 color: #ffffff;
212}
213.c_blue700{
214 background: #1976D2;
215 color: #ffffff;
216}
217.c_blue800{
218 background: #1565C0;
219 color: #ffffff;
220}
221.c_blue900{
222 background: #0D47A1;
223 color: #ffffff;
224}
225
226
227/* cyan */
228.c_cyan50{
229 background: #E0F7FA;
230 color: #000000;
231}
232.c_cyan100{
233 background: #B2EBF2;
234 color: #000000;
235}
236.c_cyan200{
237 background: #80DEEA;
238 color: #000000;
239}
240.c_cyan300{
241 background: #4DD0E1;
242 color: #ffffff;
243}
244.c_cyan400{
245 background: #26C6DA;
246 color: #ffffff;
247}
248.c_cyan500{
249 background: #00BCD4;
250 color: #ffffff;
251}
252.c_cyan600{
253 background: #00ACC1;
254 color: #ffffff;
255}
256.c_cyan700{
257 background: #0097A7;
258 color: #ffffff;
259}
260.c_cyan800{
261 background: #00838F;
262 color: #ffffff;
263}
264.c_cyan900{
265 background: #006064;
266 color: #ffffff;
267}
268
269/* green */
270.c_green50{
271 background: #E8F5E9;
272 color: #000000;
273}
274.c_green100{
275 background: #C8E6C9;
276 color: #000000;
277}
278.c_green200{
279 background: #A5D6A7;
280 color: #000000;
281}
282.c_green300{
283 background: #81C784;
284 color: #ffffff;
285}
286.c_green400{
287 background: #66BB6A;
288 color: #ffffff;
289}
290.c_green500{
291 background: #4CAF50;
292 color: #ffffff;
293}
294.c_green600{
295 background: #43A047;
296 color: #ffffff;
297}
298.c_green700{
299 background: #388E3C;
300 color: #ffffff;
301}
302.c_green800{
303 background: #2E7D32;
304 color: #ffffff;
305}
306.c_green900{
307 background: #1B5E20;
308 color: #ffffff;
309}
310
311/* yellow */
312.c_yellow50{
313 background: #FFFDE7;
314 color: #000000;
315}
316.c_yellow100{
317 background: #FFF9C4;
318 color: #000000;
319}
320.c_yellow200{
321 background: #FFF59D;
322 color: #000000;
323}
324.c_yellow300{
325 background: #FFF176;
326 color: #ffffff;
327}
328.c_yellow400{
329 background: #FFEE58;
330 color: #ffffff;
331}
332.c_yellow500{
333 background: #FFEB3B;
334 color: #ffffff;
335}
336.c_yellow600{
337 background: #FDD835;
338 color: #ffffff;
339}
340.c_yellow700{
341 background: #FBC02D;
342 color: #ffffff;
343}
344.c_yellow800{
345 background: #F9A825;
346 color: #ffffff;
347}
348.c_yellow900{
349 background: #F57F17;
350 color: #ffffff;
351}
352
353/* orange */
354.c_orange50{
355 background: #FFF3E0;
356 color: #000000;
357}
358.c_orange100{
359 background: #FFE0B2;
360 color: #000000;
361}
362.c_orange200{
363 background: #FFCC80;
364 color: #000000;
365}
366.c_orange300{
367 background: #FFB74D;
368 color: #ffffff;
369}
370.c_orange400{
371 background: #FFA726;
372 color: #ffffff;
373}
374.c_orange500{
375 background: #FF9800;
376 color: #ffffff;
377}
378.c_orange600{
379 background: #FB8C00;
380 color: #ffffff;
381}
382.c_orange700{
383 background: #F57C00;
384 color: #ffffff;
385}
386.c_orange800{
387 background: #EF6C00;
388 color: #ffffff;
389}
390.c_orange900{
391 background: #E65100;
392 color: #ffffff;
393}
394
395/* grey */
396.c_grey50{
397 background: #FAFAFA;
398 color: #000000;
399}
400.c_grey100{
401 background: #F5F5F5;
402 color: #000000;
403}
404.c_grey200{
405 background: #EEEEEE;
406 color: #000000;
407}
408.c_grey300{
409 background: #E0E0E0;
410 color: #ffffff;
411}
412.c_grey400{
413 background: #BDBDBD;
414 color: #ffffff;
415}
416.c_grey500{
417 background: #9E9E9E;
418 color: #ffffff;
419}
420.c_grey600{
421 background: #757575;
422 color: #ffffff;
423}
424.c_grey700{
425 background: #616161;
426 color: #ffffff;
427}
428.c_grey800{
429 background: #424242;
430 color: #ffffff;
431}
432.c_grey900{
433 background: #212121;
434 color: #ffffff;
435}
436
437
438
439/* blue grey */
440.c_blueGrey50{
441 background: #ECEFF1;
442 color: #000000;
443}
444.c_blueGrey100{
445 background: #CFD8DC;
446 color: #000000;
447}
448.c_blueGrey200{
449 background: #B0BEC5;
450 color: #000000;
451}
452.c_blueGrey300{
453 background: #90A4AE;
454 color: #ffffff;
455}
456.c_blueGrey400{
457 background: #78909C;
458 color: #ffffff;
459}
460.c_blueGrey500{
461 background: #607D8B;
462 color: #ffffff;
463}
464.c_blueGrey600{
465 background: #546E7A;
466 color: #ffffff;
467}
468.c_blueGrey700{
469 background: #455A64;
470 color: #ffffff;
471}
472.c_blueGrey800{
473 background: #37474F;
474 color: #ffffff;
475}
476.c_blueGrey900{
477 background: #263238;
478 color: #ffffff;
479}
480
481.c_blueGradient1{
482 background: #2d4a56;
483 background: -moz-linear-gradient(left, #2d4a56 0%, #1c2b36 100%);
484 background: -webkit-linear-gradient(left, #2d4a56 0%,#1c2b36 100%);
485 background: linear-gradient(to right, #2d4a56 0%,#1c2b36 100%);
486 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d4a56', endColorstr='#1c2b36',GradientType=1 );
487
488 color: rgba(255,255,255,0.9)!important;
489}
490.c_blue2{
491 background: rgb(28,43,54)!important;
492 color: rgba(255,255,255,0.8)!important;
493}
494
495.cf_green2{
496 color: rgb(32,158,145)!important;
497}