/* US Flag colors - Official Old Glory Red #b22234 white #ffffff old glory blue #3c3b6e */ /* grad1 is 4 color fade-blend from left to right */ .grad1 { background: -webkit-linear-gradient(left, rgba(255,255,0,0), rgba(45,67,12,1), rgba(170,152,94,1), rgba(0,93,125,1), rgba(190,209,43,1), rgba(255,255,0,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, rgba(255,255,0,0), rgba(45,67,12,1), rgba(170,152,94,1), rgba(0,93,125,1), rgba(190,209,43,1), rgba(255,255,0,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, rgba(255,255,0,0), rgba(45,67,12,1), rgba(170,152,94,1), rgba(0,93,125,1), rgba(190,209,43,1), rgba(255,255,0,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, rgba(255,255,0,0), rgba(45,67,12,1), rgba(170,152,94,1), rgba(0,93,125,1), rgba(190,209,43,1), rgba(255,255,0,0)); /* Standard syntax (must be last) */ } /* grad2 is Nightvision Green color fade-blend from left to right */ .grad2 { background: -webkit-linear-gradient(left, rgba(255,255,0,0), rgba(190,209,43,1), rgba(255,255,0,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, rgba(255,255,0,0), rgba(190,209,43,1), rgba(255,255,0,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, rgba(255,255,0,0), rgba(190,209,43,1), rgba(255,255,0,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, rgba(255,255,0,0), rgba(190,209,43,1), rgba(255,255,0,0)); /* Standard syntax (must be last) */ } /* grad3 is Tan color fade-blend from left to right */ .grad3 { background: -webkit-linear-gradient(left, rgba(255,255,0,0), rgba(170,152,94,1), rgba(255,255,0,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, rgba(255,255,0,0), rgba(170,152,94,1), rgba(255,255,0,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, rgba(255,255,0,0), rgba(170,152,94,1), rgba(255,255,0,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, rgba(255,255,0,0), rgba(170,152,94,1), rgba(255,255,0,0)); /* Standard syntax (must be last) */ } .grad4 { /* old glory red */ background: -webkit-linear-gradient(left, rgba(255,255,0,0), rgba(178,34,52,1), rgba(255,255,0,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, rgba(255,255,0,0), , rgba(178,34,52,1), rgba(255,255,0,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, rgba(255,255,0,0), rgba(178,34,52,1), rgba(255,255,0,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, rgba(255,255,0,0), rgba(178,34,52,1), rgba(255,255,0,0)); /* Standard syntax (must be last) */ } .grad5 { /* old glory blue */ background: -webkit-linear-gradient(left, rgba(255,255,0,0), rgba(60,59,110,1), rgba(255,255,0,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, rgba(255,255,0,0), , rgba(60,59,110,1), rgba(255,255,0,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, rgba(255,255,0,0), rgba(60,59,110,1), rgba(255,255,0,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, rgba(255,255,0,0), rgba(60,59,110,1), rgba(255,255,0,0)); /* Standard syntax (must be last) */ } /* fadeblue is blue fade to transparent from left to right */ .fadeblue { background: -webkit-linear-gradient(left, rgba(0,93,125,1), rgba(255,255,0,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, rgba(0,93,125,1), rgba(255,255,0,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, rgba(0,93,125,1), rgba(255,255,0,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, rgba(0,93,125,1), rgba(255,255,0,0)); /* Standard syntax (must be last) */ } /* fadetan is Tan fade to transparent from left to right */ .fadetan { background: -webkit-linear-gradient(left, rgba(255,255,0,1), rgba(255,255,0,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, rgba(255,255,0,1), rgba(255,255,0,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, rgba(255,255,0,1), rgba(255,255,0,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, rgba(255,255,0,1), rgba(255,255,0,0)); /* Standard syntax (must be last) */ } /* fadegreen is green fade to transparent from left to right */ .fademagenta { background: -webkit-linear-gradient(left, rgba(255,0,255,1), rgba(255,255,0,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, rgba(255,0,255,1), rgba(255,255,0,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, rgba(255,0,255,1), rgba(255,255,0,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, rgba(255,0,255,1), rgba(255,255,0,0)); /* Standard syntax (must be last) */ } /* fadeblack is black fade to transparent from left to right */ .fadeblack { background: -webkit-linear-gradient(left, rgba(0,0,0,1), rgba(255,255,0,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, rgba(0,0,0,1), rgba(255,255,0,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, rgba(0,0,0,1), rgba(255,255,0,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, rgba(0,0,0,1), rgba(255,255,0,0)); /* Standard syntax (must be last) */ } /* fade2black is black fade to transparent from left to right */ .fade2black { background: -webkit-linear-gradient(left, rgba(255,255,0,0), rgba(0,0,0,1)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, rgba(255,255,0,0), rgba(0,0,0,1)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, rgba(255,255,0,0), rgba(0,0,0,1)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, rgba(255,255,0,0), rgba(0,0,0,1)); /* Standard syntax (must be last) */ }