arnaucube/cssMaterialColors
1
0
Fork 0
mirror of https://github.com/arnaucube/cssMaterialColors.git synced 2026-02-06 19:06:44 +01:00
Code Issues Packages Projects Releases Wiki Activity

added some outline colours and gradients

Browse Source
This commit is contained in:
arnaucode
2017-12-27 20:26:29 +01:00
parent 5eb6efb15b
commit 19a57764da
1 changed files with 37 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
colors.css
View File

@@ -212,6 +212,23 @@
color: #3F51B5!important;
}
.c_o_indigo300{
background: rgba(0, 0, 0, 0)!important;
border: 2px solid #7986CB!important;
color: #7986CB!important;
}
.c_indigoG500to300{
background: -moz-linear-gradient(219deg, #7986CB 0%, #3F51B5 100%)!important; /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #3F51B5), color-stop(100%, #7986CB))!important; /* safari4+,chrome */
background: -webkit-linear-gradient(219deg, #7986CB 0%, #3F51B5 100%)!important; /* safari5.1+,chrome10+ */
background: -o-linear-gradient(219deg, #7986CB 0%, #3F51B5 100%)!important; /* opera 11.10+ */
background: -ms-linear-gradient(219deg, #7986CB 0%, #3F51B5 100%)!important; /* ie10+ */
background: linear-gradient(231deg, #7986CB 0%, #3F51B5 100%)!important; /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3F51B5', endColorstr='#7986CB',GradientType=1 )!important; /* ie6-9 */
color: #ffffff!important;
}
/* blue */
.c_blue50{
background: #E3F2FD!important;
@@ -300,6 +317,21 @@
color: #ffffff!important;
}
.c_o_cyan300{
background: rgba(0, 0, 0, 0)!important;
border: 2px solid #4DD0E1!important;
color: #4DD0E1!important;
}
.c_cyanG500to300{
background: #00BCD4;
background: -moz-linear-gradient(left, #00BCD4 0%, #4DD0E1 100%);
background: -webkit-linear-gradient(left, #00BCD4 0%,#4DD0E1 100%);
background: linear-gradient(to right, #00BCD4 0%,#4DD0E1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00BCD4', endColorstr='#4DD0E1',GradientType=1 );
}
/* green */
.c_green50{
background: #E8F5E9!important;
@@ -342,6 +374,11 @@
color: #ffffff!important;
}
.c_o_green300{
background: rgba(0, 0, 0, 0)!important;
border: 2px solid #81C784!important;
color: #81C784!important;
}
.ct_green300{
color: #81C784!important;
}