cssMaterialColors/colors.css
colors.cssRaw
1/* red */
2.c_red50{
3 background: #FFEBEE!important;
4 color: #000000!important;
5}
6.c_red100{
7 background: #FFCDD2!important;
8 color: #000000!important;
9}
10.c_red200{
11 background: #EF9A9A!important;
12 color: #000000!important;
13}
14.c_red300{
15 background: #E57373!important;
16 color: #ffffff!important;
17}
18.c_red400{
19 background: #EF5350!important;
20 color: #ffffff!important;
21}
22.c_red500{
23 background: #F44336!important;
24 color: #ffffff!important;
25}
26.c_red600{
27 background: #E53935!important;
28 color: #ffffff!important;
29}
30.c_red700{
31 background: #D32F2F!important;
32 color: #ffffff!important;
33}
34.c_red800{
35 background: #C62828!important;
36 color: #ffffff!important;
37}
38.c_red900{
39 background: #B71C1C!important;
40 color: #ffffff!important;
41}
42.c_o_red300{
43 background: rgba(0, 0, 0, 0)!important;
44 border: 2px solid #E57373!important;
45 color: #E57373!important;
46}
47.ct_red400{
48 color: #EF5350!important;
49}
50.ct_red500{
51 color: #F44336!important;
52}
53.ct_red600{
54 color: #E53935!important;
55}
56
57/* pink */
58.c_pink50{
59 background: #FCE4EC!important;
60 color: #000000!important;
61}
62.c_pink100{
63 background: #F8BBD0!important;
64 color: #000000!important;
65}
66.c_pink200{
67 background: #F48FB1!important;
68 color: #000000!important;
69}
70.c_pink300{
71 background: #F06292!important;
72 color: #ffffff!important;
73}
74.c_pink400{
75 background: #EC407A!important;
76 color: #ffffff!important;
77}
78.c_pink500{
79 background: #E91E63!important;
80 color: #ffffff!important;
81}
82.c_pink600{
83 background: #D81B60!important;
84 color: #ffffff!important;
85}
86.c_pink700{
87 background: #C2185B!important;
88 color: #ffffff!important;
89}
90.c_pink800{
91 background: #AD1457!important;
92 color: #ffffff!important;
93}
94.c_pink900{
95 background: #880E4F!important;
96 color: #ffffff!important;
97}
98.c_o_pink300{
99 background: rgba(0, 0, 0, 0)!important;
100 border: 2px solid #F06292!important;
101 color: #F06292!important;
102}
103
104/* deepPurple */
105.c_deepPurple50{
106 background: #EDE7F6!important;
107 color: #000000!important;
108}
109.c_deepPurple100{
110 background: #D1C4E9!important;
111 color: #000000!important;
112}
113.c_deepPurple200{
114 background: #B39DDB!important;
115 color: #000000!important;
116}
117.c_deepPurple300{
118 background: #9575CD!important;
119 color: #ffffff!important;
120}
121.c_deepPurple400{
122 background: #7E57C2!important;
123 color: #ffffff!important;
124}
125.c_deepPurple500{
126 background: #673AB7!important;
127 color: #ffffff!important;
128}
129.c_deepPurple600{
130 background: #5E35B1!important;
131 color: #ffffff!important;
132}
133.c_deepPurple700{
134 background: #512DA8!important;
135 color: #ffffff!important;
136}
137.c_deepPurple800{
138 background: #4527A0!important;
139 color: #ffffff!important;
140}
141.c_deepPurple900{
142 background: #311B92!important;
143 color: #ffffff!important;
144}
145.c_o_deepPurple300{
146 background: rgba(0, 0, 0, 0)!important;
147 border: 2px solid #9575CD!important;
148 color: #9575CD!important;
149}
150.ct_deepPurple300{
151 color: #9575CD!important;
152}
153.c_deepPurpleG000to200{
154 background: -moz-linear-gradient(0deg, #ffffff 0%, #D1C4E9 100%)!important; /* ff3.6+ */
155 background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #D1C4E9))!important; /* safari4+,chrome */
156 background: -webkit-linear-gradient(0deg, #ffffff 0%, #D1C4E9 100%)!important; /* safari5.1+,chrome10+ */
157 background: -o-linear-gradient(0deg, #ffffff 0%, #D1C4E9 100%)!important; /* opera 11.10+ */
158 background: -ms-linear-gradient(0deg, #ffffff 0%, #D1C4E9 100%)!important; /* ie10+ */
159 background: linear-gradient(90deg, #ffffff 0%, #D1C4E9 100%)!important; /* w3c */
160 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#D1C4E9',GradientType=1 )!important; /* ie6-9 */
161}
162.c_deepPurpleG500to300{
163 background: -moz-linear-gradient(219deg, #9575CD 0%, #673AB7 100%)!important; /* ff3.6+ */
164 background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #673AB7), color-stop(100%, #9575CD))!important; /* safari4+,chrome */
165 background: -webkit-linear-gradient(219deg, #9575CD 0%, #673AB7 100%)!important; /* safari5.1+,chrome10+ */
166 background: -o-linear-gradient(219deg, #9575CD 0%, #673AB7 100%)!important; /* opera 11.10+ */
167 background: -ms-linear-gradient(219deg, #9575CD 0%, #673AB7 100%)!important; /* ie10+ */
168 background: linear-gradient(231deg, #9575CD 0%, #673AB7 100%)!important; /* w3c */
169 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#673AB7', endColorstr='#9575CD',GradientType=1 )!important; /* ie6-9 */
170 color: #ffffff!important;
171}
172.c_deepPurpleG300to500{
173 background: -moz-linear-gradient(42deg, #9575CD 0%, #673AB7 100%)!important; /* ff3.6+ */
174 background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #9575CD), color-stop(100%, #673AB7))!important; /* safari4+,chrome */
175 background: -webkit-linear-gradient(42deg, #9575CD 0%, #673AB7 100%)!important; /* safari5.1+,chrome10+ */
176 background: -o-linear-gradient(42deg, #9575CD 0%, #673AB7 100%)!important; /* opera 11.10+ */
177 background: -ms-linear-gradient(42deg, #9575CD 0%, #673AB7 100%)!important; /* ie10+ */
178 background: linear-gradient(48deg, #9575CD 0%, #673AB7 100%)!important; /* w3c */
179 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9575CD', endColorstr='#673AB7',GradientType=1 )!important; /* ie6-9 */
180 color: #ffffff!important;
181}
182
183/* indigo */
184.c_indigo50{
185 background:#E8EAF6!important;
186 color: #000000!important;
187}
188.c_indigo100{
189 background:#C5CAE9!important;
190 color: #000000!important;
191}
192.c_indigo200{
193 background:#9FA8DA!important;
194 color: #000000!important;
195}
196.c_indigo300{
197 background:#7986CB!important;
198 color: #ffffff!important;
199}
200.c_indigo400{
201 background:#5C6BC0!important;
202 color: #ffffff!important;
203}
204.c_indigo500{
205 background:#3F51B5!important;
206 color: #ffffff!important;
207}
208.c_indigo600{
209 background:#3949AB!important;
210 color: #ffffff!important;
211}
212.c_indigo700{
213 background:#303F9F!important;
214 color: #ffffff!important;
215}
216.c_indigo800{
217 background:#283593!important;
218 color: #ffffff!important;
219}
220.c_indigo900{
221 background:#1A237E!important;
222 color: #ffffff!important;
223}
224
225.ct_indigo500{
226 color: #3F51B5!important;
227}
228
229.c_o_indigo300{
230 background: rgba(0, 0, 0, 0)!important;
231 border: 2px solid #7986CB!important;
232 color: #7986CB!important;
233}
234.c_o_indigo300:hover{
235 background: #7986CB!important;
236 border: 2px solid #7986CB!important;
237 color: #ffffff!important;
238}
239
240.c_indigoG500to300{
241 background: -moz-linear-gradient(219deg, #7986CB 0%, #3F51B5 100%)!important; /* ff3.6+ */
242 background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #3F51B5), color-stop(100%, #7986CB))!important; /* safari4+,chrome */
243 background: -webkit-linear-gradient(219deg, #7986CB 0%, #3F51B5 100%)!important; /* safari5.1+,chrome10+ */
244 background: -o-linear-gradient(219deg, #7986CB 0%, #3F51B5 100%)!important; /* opera 11.10+ */
245 background: -ms-linear-gradient(219deg, #7986CB 0%, #3F51B5 100%)!important; /* ie10+ */
246 background: linear-gradient(231deg, #7986CB 0%, #3F51B5 100%)!important; /* w3c */
247 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3F51B5', endColorstr='#7986CB',GradientType=1 )!important; /* ie6-9 */
248 color: #ffffff!important;
249}
250
251/* blue */
252.c_blue50{
253 background: #E3F2FD!important;
254 color: #000000!important;
255}
256.c_blue100{
257 background: #BBDEFB!important;
258 color: #000000!important;
259}
260.c_blue200{
261 background: #90CAF9!important;
262 color: #000000!important;
263}
264.c_blue300{
265 background: #64B5F6!important;
266 color: #ffffff!important;
267}
268.c_blue400{
269 background: #42A5F5!important;
270 color: #ffffff!important;
271}
272.c_blue500{
273 background: #2196F3!important;
274 color: #ffffff!important;
275}
276.c_blue600{
277 background: #1E88E5!important;
278 color: #ffffff!important;
279}
280.c_blue700{
281 background: #1976D2!important;
282 color: #ffffff!important;
283}
284.c_blue800{
285 background: #1565C0!important;
286 color: #ffffff!important;
287}
288.c_blue900{
289 background: #0D47A1!important;
290 color: #ffffff!important;
291}
292.c_o_blue300{
293 background: rgba(0, 0, 0, 0)!important;
294 border: 2px solid #64B5F6!important;
295 color: #64B5F6!important;
296}
297.ct_blue300{
298 color: #64B5F6;
299}
300
301/* cyan */
302.c_cyan50{
303 background: #E0F7FA!important;
304 color: #000000!important;
305}
306.c_cyan100{
307 background: #B2EBF2!important;
308 color: #000000!important;
309}
310.c_cyan200{
311 background: #80DEEA!important;
312 color: #000000!important;
313}
314.c_cyan300{
315 background: #4DD0E1!important;
316 color: #ffffff!important;
317}
318.c_cyan400{
319 background: #26C6DA!important;
320 color: #ffffff!important;
321}
322.c_cyan500{
323 background: #00BCD4!important;
324 color: #ffffff!important;
325}
326.c_cyan600{
327 background: #00ACC1!important;
328 color: #ffffff!important;
329}
330.c_cyan700{
331 background: #0097A7!important;
332 color: #ffffff!important;
333}
334.c_cyan800{
335 background: #00838F!important;
336 color: #ffffff!important;
337}
338.c_cyan900{
339 background: #006064!important;
340 color: #ffffff!important;
341}
342
343.c_o_cyan300{
344 background: rgba(0, 0, 0, 0)!important;
345 border: 2px solid #4DD0E1!important;
346 color: #4DD0E1!important;
347}
348.c_o_cyan400{
349 background: rgba(0, 0, 0, 0)!important;
350 border: 2px solid #26C6DA!important;
351 color: #4DD0E1!important;
352}
353.c_o_cyan500{
354 background: rgba(0, 0, 0, 0)!important;
355 border: 2px solid #00BCD4!important;
356 color: #4DD0E1!important;
357}
358.c_o_cyan600{
359 background: rgba(0, 0, 0, 0)!important;
360 border: 2px solid #00ACC1!important;
361 color: #4DD0E1!important;
362}
363
364.ct_cyan500{
365 color: #00BCD4!important;
366}
367
368
369.c_cyanG500to300{
370 background: #00BCD4!important;
371 background: -moz-linear-gradient(left, #00BCD4 0%, #4DD0E1 100%)!important;
372 background: -webkit-linear-gradient(left, #00BCD4 0%,#4DD0E1 100%)!important;
373 background: linear-gradient(to right, #00BCD4 0%,#4DD0E1 100%)!important;
374 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00BCD4', endColorstr='#4DD0E1',GradientType=1 )!important;
375 color: #ffffff!important;
376}
377.c_cyanG300to500{
378 background: #4DD0E1!important;
379 background: -moz-linear-gradient(left, #4DD0E1 0%, #00BCD4 100%)!important;
380 background: -webkit-linear-gradient(left, #4DD0E1 0%,#00BCD4 100%)!important;
381 background: linear-gradient(to right, #4DD0E1 0%,#00BCD4 100%)!important;
382 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4DD0E1', endColorstr='#00BCD4',GradientType=1 )!important;
383 color: #ffffff!important;
384}
385
386
387/* green */
388.c_green50{
389 background: #E8F5E9!important;
390 color: #000000!important;
391}
392.c_green100{
393 background: #C8E6C9!important;
394 color: #000000!important;
395}
396.c_green200{
397 background: #A5D6A7!important;
398 color: #000000!important;
399}
400.c_green300{
401 background: #81C784!important;
402 color: #ffffff!important;
403}
404.c_green400{
405 background: #66BB6A!important;
406 color: #ffffff!important;
407}
408.c_green500{
409 background: #4CAF50!important;
410 color: #ffffff!important;
411}
412.c_green600{
413 background: #43A047!important;
414 color: #ffffff!important;
415}
416.c_green700{
417 background: #388E3C!important;
418 color: #ffffff!important;
419}
420.c_green800{
421 background: #2E7D32!important;
422 color: #ffffff!important;
423}
424.c_green900{
425 background: #1B5E20!important;
426 color: #ffffff!important;
427}
428
429.c_o_green300{
430 background: rgba(0, 0, 0, 0)!important;
431 border: 2px solid #81C784!important;
432 color: #81C784!important;
433}
434.ct_green300{
435 color: #81C784!important;
436}
437.c_green500to300{
438 background: #4caf50!important;
439 background: -moz-linear-gradient(left, #4caf50 0%, #81c784 100%)!important;
440 background: -webkit-linear-gradient(left, #4caf50 0%,#81c784 100%)!important;
441 background: linear-gradient(to right, #4caf50 0%,#81c784 100%)!important;
442 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4caf50', endColorstr='#81c784',GradientType=1 )!important;
443}
444/* yellow */
445.c_yellow50{
446 background: #FFFDE7!important;
447 color: #000000!important;
448}
449.c_yellow100{
450 background: #FFF9C4!important;
451 color: #000000!important;
452}
453.c_yellow200{
454 background: #FFF59D!important;
455 color: #000000!important;
456}
457.c_yellow300{
458 background: #FFF176!important;
459 color: #ffffff!important;
460}
461.c_yellow400{
462 background: #FFEE58!important;
463 color: #ffffff!important;
464}
465.c_yellow500{
466 background: #FFEB3B!important;
467 color: #ffffff!important;
468}
469.c_yellow600{
470 background: #FDD835!important;
471 color: #ffffff!important;
472}
473.c_yellow700{
474 background: #FBC02D!important;
475 color: #ffffff!important;
476}
477.c_yellow800{
478 background: #F9A825!important;
479 color: #ffffff!important;
480}
481.c_yellow900{
482 background: #F57F17!important;
483 color: #ffffff!important;
484}
485
486/* orange */
487.c_orange50{
488 background: #FFF3E0!important;
489 color: #000000!important;
490}
491.c_orange100{
492 background: #FFE0B2!important;
493 color: #000000!important;
494}
495.c_orange200{
496 background: #FFCC80!important;
497 color: #000000!important;
498}
499.c_orange300{
500 background: #FFB74D!important;
501 color: #ffffff!important;
502}
503.c_orange400{
504 background: #FFA726!important;
505 color: #ffffff!important;
506}
507.c_orange500{
508 background: #FF9800!important;
509 color: #ffffff!important;
510}
511.c_orange600{
512 background: #FB8C00!important;
513 color: #ffffff!important;
514}
515.c_orange700{
516 background: #F57C00!important;
517 color: #ffffff!important;
518}
519.c_orange800{
520 background: #EF6C00!important;
521 color: #ffffff!important;
522}
523.c_orange900{
524 background: #E65100!important;
525 color: #ffffff!important;
526}
527.c_o_orange300{
528 background: rgba(0, 0, 0, 0)!important;
529 border: 2px solid #FFB74D!important;
530 color: #FFB74D!important;
531}
532.ct_orange300{
533 color: #FFB74D!important;
534}
535
536/* grey */
537.c_grey50{
538 background: #FAFAFA!important;
539 color: #000000!important;
540}
541.c_grey100{
542 background: #F5F5F5!important;
543 color: #000000!important;
544}
545.c_grey200{
546 background: #EEEEEE!important;
547 color: #000000!important;
548}
549.c_grey300{
550 background: #E0E0E0!important;
551 color: #ffffff!important;
552}
553.c_grey400{
554 background: #BDBDBD!important;
555 color: #ffffff!important;
556}
557.c_grey500{
558 background: #9E9E9E!important;
559 color: #ffffff!important;
560}
561.c_grey600{
562 background: #757575!important;
563 color: #ffffff!important;
564}
565.c_grey700{
566 background: #616161!important;
567 color: #ffffff!important;
568}
569.c_grey800{
570 background: #424242!important;
571 color: #ffffff!important;
572}
573.c_grey900{
574 background: #212121!important;
575 color: #ffffff!important;
576}
577
578
579
580/* blue grey */
581.c_blueGrey50{
582 background: #ECEFF1!important;
583 color: #000000!important;
584}
585.c_blueGrey100{
586 background: #CFD8DC!important;
587 color: #000000!important;
588}
589.c_blueGrey200{
590 background: #B0BEC5!important;
591 color: #000000!important;
592}
593.c_blueGrey300{
594 background: #90A4AE!important;
595 color: #ffffff!important;
596}
597.c_blueGrey400{
598 background: #78909C!important;
599 color: #ffffff!important;
600}
601.c_blueGrey500{
602 background: #607D8B!important;
603 color: #ffffff!important;
604}
605.c_blueGrey600{
606 background: #546E7A!important;
607 color: #ffffff!important;
608}
609.c_blueGrey700{
610 background: #455A64!important;
611 color: #ffffff!important;
612}
613.c_blueGrey800{
614 background: #37474F!important;
615 color: #ffffff!important;
616}
617.c_blueGrey900{
618 background: #263238!important;
619 color: #ffffff!important;
620}
621.c_blueGreyG500to300,
622.c_blueGrey500to300{
623 background: #607d8b;
624 background: -moz-linear-gradient(left, #607d8b 0%, #90a4ae 100%)!important;
625 background: -webkit-linear-gradient(left, #607d8b 0%,#90a4ae 100%)!important;
626 background: linear-gradient(to right, #607d8b 0%,#90a4ae 100%)!important;
627 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#607d8b', endColorstr='#90a4ae',GradientType=1 )!important;
628}
629
630.ct_blueGrey500{
631 color: #607D8B!important;
632}
633
634.c_blueGradient1{
635 background: #2d4a56!important;
636 background: -moz-linear-gradient(left, #2d4a56 0%, #1c2b36 100%)!important;
637 background: -webkit-linear-gradient(left, #2d4a56 0%,#1c2b36 100%)!important;
638 background: linear-gradient(to right, #2d4a56 0%,#1c2b36 100%)!important;
639 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d4a56', endColorstr='#1c2b36',GradientType=1 )!important;
640
641 color: rgba(255,255,255,0.9)!important;
642}
643.c_blue2{
644 background: rgb(28,43,54)!important;
645 color: rgba(255,255,255,0.8)!important;
646}
647
648.cf_green2{
649 color: rgb(32,158,145)!important;
650}