/* ---------------------------------------------------------------------------- */ /* 2010.06.13 by YJ - gradient background */ /* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */ /* http://www.puremango.co.uk/2010/04/css-gradient/ */ /* */ /* This works in: */ /* MSIE >=5.5 (!) */ /* Firefox >=3.6 */ /* Safari >=4 */ /* Chrome */ /* ---------------------------------------------------------------------------- */ .bg_grad_gray{ background: #cccccc; /* fallback (Opera) */ background: -moz-linear-gradient(top, #eeeeee, #cccccc); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#eeeeee', EndColorStr='#cccccc', GradientType=0); /* MS IE */ } .bg_grad_gray_C6C3C6_ffffff{ background: #ffffff; /* fallback (Opera) */ background: -moz-linear-gradient(top, #C6C3C6, #ffffff); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#C6C3C6), to(#ffffff)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#C6C3C6', EndColorStr='#ffffff', GradientType=0); /* MS IE */ } .bg_grad_gray_5_4{ background: #444444; /* fallback (Opera) */ background: -moz-linear-gradient(top, #555555, #444444); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#444444)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#555555', EndColorStr='#444444', GradientType=0); /* MS IE */ } .bg_grad_gray_5_3{ background: #333333; /* fallback (Opera) */ background: -moz-linear-gradient(top, #555555, #333333); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#333333)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#555555', EndColorStr='#333333', GradientType=0); /* MS IE */ } .bg_grad_gray_5_2{ background: #333333; /* fallback (Opera) */ background: -moz-linear-gradient(top, #555555, #222222); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#222222)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#555555', EndColorStr='#222222', GradientType=0); /* MS IE */ } .bg_grad_gray_5_1{ background: #111111; /* fallback (Opera) */ background: -moz-linear-gradient(top, #555555, #111111); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#111111)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#555555', EndColorStr='#111111', GradientType=0); /* MS IE */ } .bg_grad_gray_4_2{ background: #222222; /* fallback (Opera) */ background: -moz-linear-gradient(top, #444444, #222222); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#444444', EndColorStr='#222222', GradientType=0); /* MS IE */ } .bg_grad_gray_4_1{ background: #111111; /* fallback (Opera) */ background: -moz-linear-gradient(top, #444444, #111111); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#111111)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#444444', EndColorStr='#111111', GradientType=0); /* MS IE */ } .bg_grad_gray_4_3{ background: #333333; /* fallback (Opera) */ background: -moz-linear-gradient(top, #444444, #333333); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#333333)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#444444', EndColorStr='#333333', GradientType=0); /* MS IE */ } .bg_grad_gray_3_5{ background: #555555; /* fallback (Opera) */ background: -moz-linear-gradient(top, #333333, #555555); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#555555)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#333333', EndColorStr='#555555', GradientType=0); /* MS IE */ } .bg_grad_gray_666666_efefef{ background: #efefef; /* fallback (Opera) */ background: -moz-linear-gradient(top, #666666, #efefef); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#efefef)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#666666', EndColorStr='#efefef', GradientType=0); /* MS IE */ } .bg_grad_gray_ffffff_eeeeee{ background: #eeeeee; /* fallback (Opera) */ background: -moz-linear-gradient(top, #ffffff, #eeeeee); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#eeeeee', GradientType=0); /* MS IE */ } .bg_grad_gray_ffffff_cccccc{ background: #cccccc; /* fallback (Opera) */ background: -moz-linear-gradient(top, #ffffff, #cccccc); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#cccccc', GradientType=0); /* MS IE */ } .bg_grad_gray_ffffff_999999{ background: #999999; /* fallback (Opera) */ background: -moz-linear-gradient(top, #ffffff, #999999); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#999999)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#999999', GradientType=0); /* MS IE */ } .bg_grad_gray_f6f6f6_eeeeee{ background: #eeeeee; /* fallback (Opera) */ background: -moz-linear-gradient(top, #f6f6f6, #eeeeee); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eeeeee)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f6f6f6', EndColorStr='#eeeeee', GradientType=0); /* MS IE */ } .bg_grad_gray_cccccc_eeeeee{ background: #eeeeee; /* fallback (Opera) */ background: -moz-linear-gradient(top, #cccccc, #eeeeee); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#eeeeee)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#cccccc', EndColorStr='#eeeeee', GradientType=0); /* MS IE */ } .bg_grad_gray_cccccc_dddddd{ background: #dddddd; /* fallback (Opera) */ background: -moz-linear-gradient(top, #cccccc, #dddddd); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#cccccc', EndColorStr='#dddddd', GradientType=0); /* MS IE */ } .bg_grad_gray_dddddd_eeeeee{ background: #eeeeee; /* fallback (Opera) */ background: -moz-linear-gradient(top, #dddddd, #eeeeee); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#eeeeee)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#dddddd', EndColorStr='#eeeeee', GradientType=0); /* MS IE */ } .bg_grad_gray_cccccc_ffffff{ background: #ffffff; /* fallback (Opera) */ background: -moz-linear-gradient(top, #cccccc, #ffffff); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#cccccc', EndColorStr='#ffffff', GradientType=0); /* MS IE */ } .bg_grad_gray_eeeeee_cccccc{ background: #cccccc; /* fallback (Opera) */ background: -moz-linear-gradient(top, #eeeeee, #cccccc); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#eeeeee', EndColorStr='#cccccc', GradientType=0); /* MS IE */ } .bg_grad_gray_eeeeee_dddddd{ background: #dddddd; /* fallback (Opera) */ background: -moz-linear-gradient(top, #eeeeee, #dddddd); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#eeeeee', EndColorStr='#dddddd', GradientType=0); /* MS IE */ } .bg_grad_gray_dddddd_cccccc{ background: #cccccc; /* fallback (Opera) */ background: -moz-linear-gradient(top, #dddddd, #cccccc); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#cccccc)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#dddddd', EndColorStr='#cccccc', GradientType=0); /* MS IE */ } .bg_grad_gray_eeeeee_ffffff{ background: #ffffff; /* fallback (Opera) */ background: -moz-linear-gradient(top, #eeeeee, #ffffff); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#eeeeee', EndColorStr='#ffffff', GradientType=0); /* MS IE */ } .bg_grad_gray_dddddd_ffffff{ background: #ffffff; /* fallback (Opera) */ background: -moz-linear-gradient(top, #dddddd, #ffffff); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#ffffff)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#dddddd', EndColorStr='#ffffff', GradientType=0); /* MS IE */ } .bg_grad_black{ background: #222222; /* fallback (Opera) */ background: -moz-linear-gradient(top, #666666, #222222); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#222222)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#666666', EndColorStr='#222222', GradientType=0); /* MS IE */ } .bg_grad_black_0_6{ background: #666666; /* fallback (Opera) */ background: -moz-linear-gradient(top, #000000, #666666); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#666666)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#000000', EndColorStr='#666666', GradientType=0); /* MS IE */ } .bg_grad_black_0_4{ background: #444444; /* fallback (Opera) */ background: -moz-linear-gradient(top, #000000, #444444); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#444444)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#000000', EndColorStr='#444444', GradientType=0); /* MS IE */ } .bg_grad_black_4_0{ background: #000000; /* fallback (Opera) */ background: -moz-linear-gradient(top, #444444, #000000); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#000000)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#444444', EndColorStr='#000000', GradientType=0); /* MS IE */ } /* ---------------------------------------------------------------------------- */ /* old class name */ /* ---------------------------------------------------------------------------- */ .td_grad_gray{ background: #cccccc; /* fallback (Opera) */ background: -moz-linear-gradient(top, #eeeeee, #cccccc); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#eeeeee', EndColorStr='#cccccc', GradientType=0); /* MS IE */ } /* ---------------------------------------------------------------------------- */ /* color */ /* ---------------------------------------------------------------------------- */ .bg_grad_green{ background: #80FF80; /* fallback (Opera) */ background: -moz-linear-gradient(top, #BDFFBD, #80FF80); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#BDFFBD), to(#80FF80)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#BDFFBD', EndColorStr='#80FF80', GradientType=0); /* MS IE */ } .bg_grad_blue{ background: #077FF7; /* fallback (Opera) */ background: -moz-linear-gradient(top, #77BDFF, #077FF7); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#77BDFF), to(#077FF7)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#77BDFF', EndColorStr='#077FF7', GradientType=0); /* MS IE */ } .bg_grad_red{ background: #FF4040; /* fallback (Opera) */ background: -moz-linear-gradient(top, #FF7171, #FF4040); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#FF7171), to(#FF4040)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FF7171', EndColorStr='#FF4040', GradientType=0); /* MS IE */ } .bg_grad_orange{ background: #FFAA05; /* fallback (Opera) */ background: -moz-linear-gradient(top, #FFCD6D, #FFAA05); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#FFCD6D), to(#FFAA05)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFCD6D', EndColorStr='#FFAA05', GradientType=0); /* MS IE */ } .bg_grad_navy{ background: #4040FF; /* fallback (Opera) */ background: -moz-linear-gradient(top, #878AFF, #4040FF); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#878AFF), to(#4040FF)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#878AFF', EndColorStr='#4040FF', GradientType=0); /* MS IE */ } .bg_grad_brown{ background: #BB6D33; /* fallback (Opera) */ background: -moz-linear-gradient(top, #D08C5A, #BB6D33); /* Mozilla: */ background: -webkit-gradient(linear, left top, left bottom, from(#D08C5A), to(#BB6D33)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#D08C5A', EndColorStr='#BB6D33', GradientType=0); /* MS IE */ } /* ---------------------------------------------------------------------------- */ /* Horizontal Gradient /* ---------------------------------------------------------------------------- */ .bg_grad_h_gray_ffffff_eeeeee{ background: #eeeeee; /* fallback (Opera) */ background: -moz-linear-gradient(left, #ffffff, #eeeeee); /* Mozilla: */ background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#eeeeee)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#eeeeee', GradientType=1); /* MS IE */ } .bg_grad_h_gray_ffffff_f9f9f9{ background: #f9f9f9; /* fallback (Opera) */ background: -moz-linear-gradient(left, #ffffff, #f9f9f9); /* Mozilla: */ background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#f9f9f9)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#f9f9f9', GradientType=1); /* MS IE */ } .bg_grad_h_gray_eeeeee_ffffff{ background: #ffffff; /* fallback (Opera) */ background: -moz-linear-gradient(left, #eeeeee, #ffffff); /* Mozilla: */ background: -webkit-gradient(linear, left top, right top, from(#eeeeee), to(#ffffff)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#eeeeee', EndColorStr='#ffffff', GradientType=1); /* MS IE */ } .bg_grad_h_gray_f5f5f5_ffffff{ background: #ffffff; /* fallback (Opera) */ background: -moz-linear-gradient(left, #f5f5f5, #ffffff); /* Mozilla: */ background: -webkit-gradient(linear, left top, right top, from(#f5f5f5), to(#ffffff)); /* Chrome, Safari:*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f5f5f5', EndColorStr='#ffffff', GradientType=1); /* MS IE */ } /* ---------------------------------------------------------------------------- */