.light {
background-color:#FFF700;
}
.water {
background-color:#3366CC;
}
.nature {
background-color:#339900;
}
.darkness {
background-color:#9700C9;
}
.fire {
background-color:#CC0000;
}
.light.water {
background-image: linear-gradient(left, #FFF700 25%, #3366CC 75%) !important;
background-image: -o-linear-gradient(left, #FFF700 25%, #3366CC 75%) !important;
background-image: -moz-linear-gradient(left, #FFF700 25%, #3366CC 75%) !important;
background-image: -webkit-linear-gradient(left, #FFF700 25%, #3366CC 75%) !important;
background-image: -ms-linear-gradient(left, #FFF700 25%, #3366CC 75%) !important;
background-image: -webkit-gradient(
linear,
left top,
right top,
color-stop(0.25, #FFF700),
color-stop(0.75, #3366CC)
) !important;
}
.light.nature {
background-image: linear-gradient(left, #FFF700 25%, #339900 75%) !important;
background-image: -o-linear-gradient(left, #FFF700 25%, #339900 75%) !important;
background-image: -moz-linear-gradient(left, #FFF700 25%, #339900 75%) !important;
background-image: -webkit-linear-gradient(left, #FFF700 25%, #339900 75%) !important;
background-image: -ms-linear-gradient(left, #FFF700 25%, #339900 75%) !important;
background-image: -webkit-gradient(
linear,
left top,
right top,
color-stop(0.25, #FFF700),
color-stop(0.75, #339900)
) !important;
}
.light.darkness {
background-image: linear-gradient(left, #FFF700 25%, #9700C9 75%) !important;
background-image: -o-linear-gradient(left, #FFF700 25%, #9700C9 75%) !important;
background-image: -moz-linear-gradient(left, #FFF700 25%, #9700C9 75%) !important;
background-image: -webkit-linear-gradient(left, #FFF700 25%, #9700C9 75%) !important;
background-image: -ms-linear-gradient(left, #FFF700 25%, #9700C9 75%) !important;
background-image: -webkit-gradient(
linear,
left top,
right top,
color-stop(0.25, #FFF700),
color-stop(0.75, #9700C9)
) !important;
}