37 lines
2.2 KiB
CSS
37 lines
2.2 KiB
CSS
/* Gradients from https://uigradients.com/ */
|
|
.bg-gradient-dark {
|
|
background: #000428; /* fallback for old browsers */
|
|
background: -webkit-linear-gradient(to left, #004e92, #000428); /* Chrome 10-25, Safari 5.1-6 */
|
|
background: linear-gradient(to left, #004e92, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
|
}
|
|
.bg-gradient-blue {
|
|
background: #0575E6; /* fallback for old browsers */
|
|
background: -webkit-linear-gradient(to right, #021B79, #0575E6); /* Chrome 10-25, Safari 5.1-6 */
|
|
background: linear-gradient(to right, #021B79, #0575E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
|
}
|
|
.bg-gradient-red {
|
|
background: #ED213A; /* fallback for old browsers */
|
|
background: -webkit-linear-gradient(to right, #93291E, #ED213A); /* Chrome 10-25, Safari 5.1-6 */
|
|
background: linear-gradient(to right, #93291E, #ED213A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
|
}
|
|
.bg-gradient-orange {
|
|
background: #f12711; /* fallback for old browsers */
|
|
background: -webkit-linear-gradient(to right, #f5af19, #f12711); /* Chrome 10-25, Safari 5.1-6 */
|
|
background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
|
}
|
|
.bg-gradient-yellow {
|
|
background: #CAC531; /* fallback for old browsers */
|
|
background: -webkit-linear-gradient(to right, #F3F9A7, #CAC531); /* Chrome 10-25, Safari 5.1-6 */
|
|
background: linear-gradient(to right, #F3F9A7, #CAC531); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
|
}
|
|
.bg-gradient-green {
|
|
background: #134E5E; /* fallback for old browsers */
|
|
background: -webkit-linear-gradient(to left, #116134, #134E5E); /* Chrome 10-25, Safari 5.1-6 */
|
|
background: linear-gradient(to left, #116134, #134E5E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
|
}
|
|
.bg-gradient-pinkgreen {
|
|
background: #aa4b6b; /* fallback for old browsers */
|
|
background: -webkit-linear-gradient(to right, #3b8d99, #6b6b83, #aa4b6b); /* Chrome 10-25, Safari 5.1-6 */
|
|
background: linear-gradient(to right, #3b8d99, #6b6b83, #aa4b6b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
|
}
|