/* iCheck plugin Flat skin ----------------------------------- */ .icheckbox_flat, .iradio_flat { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(icheck-flat-imgs/flat.png) no-repeat; border: none; cursor: pointer; } .icheckbox_flat { background-position: 0 0; } .icheckbox_flat.checked { background-position: -22px 0; } .icheckbox_flat.disabled { background-position: -44px 0; cursor: default; } .icheckbox_flat.checked.disabled { background-position: -66px 0; } .iradio_flat { background-position: -88px 0; } .iradio_flat.checked { background-position: -110px 0; } .iradio_flat.disabled { background-position: -132px 0; cursor: default; } .iradio_flat.checked.disabled { background-position: -154px 0; } /* Retina support */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .icheckbox_flat, .iradio_flat { background-image: url(icheck-flat-imgs/flat@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } /* red */ .icheckbox_flat-red, .iradio_flat-red { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(icheck-flat-imgs/red.png) no-repeat; border: none; cursor: pointer; } .icheckbox_flat-red { background-position: 0 0; } .icheckbox_flat-red.checked { background-position: -22px 0; } .icheckbox_flat-red.disabled { background-position: -44px 0; cursor: default; } .icheckbox_flat-red.checked.disabled { background-position: -66px 0; } .iradio_flat-red { background-position: -88px 0; } .iradio_flat-red.checked { background-position: -110px 0; } .iradio_flat-red.disabled { background-position: -132px 0; cursor: default; } .iradio_flat-red.checked.disabled { background-position: -154px 0; } /* Retina support */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .icheckbox_flat-red, .iradio_flat-red { background-image: url(icheck-flat-imgs/red@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } /* green */ .icheckbox_flat-green, .iradio_flat-green { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(icheck-flat-imgs/green.png) no-repeat; border: none; cursor: pointer; } .icheckbox_flat-green { background-position: 0 0; } .icheckbox_flat-green.checked { background-position: -22px 0; } .icheckbox_flat-green.disabled { background-position: -44px 0; cursor: default; } .icheckbox_flat-green.checked.disabled { background-position: -66px 0; } .iradio_flat-green { background-position: -88px 0; } .iradio_flat-green.checked { background-position: -110px 0; } .iradio_flat-green.disabled { background-position: -132px 0; cursor: default; } .iradio_flat-green.checked.disabled { background-position: -154px 0; } /* Retina support */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .icheckbox_flat-green, .iradio_flat-green { background-image: url(icheck-flat-imgs/green@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } /* blue */ .icheckbox_flat-blue, .iradio_flat-blue { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(icheck-flat-imgs/blue.png) no-repeat; border: none; cursor: pointer; } .icheckbox_flat-blue { background-position: 0 0; } .icheckbox_flat-blue.checked { background-position: -22px 0; } .icheckbox_flat-blue.disabled { background-position: -44px 0; cursor: default; } .icheckbox_flat-blue.checked.disabled { background-position: -66px 0; } .iradio_flat-blue { background-position: -88px 0; } .iradio_flat-blue.checked { background-position: -110px 0; } .iradio_flat-blue.disabled { background-position: -132px 0; cursor: default; } .iradio_flat-blue.checked.disabled { background-position: -154px 0; } /* Retina support */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .icheckbox_flat-blue, .iradio_flat-blue { background-image: url(icheck-flat-imgs/blue@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } /* aero */ .icheckbox_flat-aero, .iradio_flat-aero { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(icheck-flat-imgs/aero.png) no-repeat; border: none; cursor: pointer; } .icheckbox_flat-aero { background-position: 0 0; } .icheckbox_flat-aero.checked { background-position: -22px 0; } .icheckbox_flat-aero.disabled { background-position: -44px 0; cursor: default; } .icheckbox_flat-aero.checked.disabled { background-position: -66px 0; } .iradio_flat-aero { background-position: -88px 0; } .iradio_flat-aero.checked { background-position: -110px 0; } .iradio_flat-aero.disabled { background-position: -132px 0; cursor: default; } .iradio_flat-aero.checked.disabled { background-position: -154px 0; } /* Retina support */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .icheckbox_flat-aero, .iradio_flat-aero { background-image: url(icheck-flat-imgs/aero@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } /* grey */ .icheckbox_flat-grey, .iradio_flat-grey { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(icheck-flat-imgs/grey.png) no-repeat; border: none; cursor: pointer; } .icheckbox_flat-grey { background-position: 0 0; } .icheckbox_flat-grey.checked { background-position: -22px 0; } .icheckbox_flat-grey.disabled { background-position: -44px 0; cursor: default; } .icheckbox_flat-grey.checked.disabled { background-position: -66px 0; } .iradio_flat-grey { background-position: -88px 0; } .iradio_flat-grey.checked { background-position: -110px 0; } .iradio_flat-grey.disabled { background-position: -132px 0; cursor: default; } .iradio_flat-grey.checked.disabled { background-position: -154px 0; } /* Retina support */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .icheckbox_flat-grey, .iradio_flat-grey { background-image: url(icheck-flat-imgs/grey@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } /* orange */ .icheckbox_flat-orange, .iradio_flat-orange { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(icheck-flat-imgs/orange.png) no-repeat; border: none; cursor: pointer; } .icheckbox_flat-orange { background-position: 0 0; } .icheckbox_flat-orange.checked { background-position: -22px 0; } .icheckbox_flat-orange.disabled { background-position: -44px 0; cursor: default; } .icheckbox_flat-orange.checked.disabled { background-position: -66px 0; } .iradio_flat-orange { background-position: -88px 0; } .iradio_flat-orange.checked { background-position: -110px 0; } .iradio_flat-orange.disabled { background-position: -132px 0; cursor: default; } .iradio_flat-orange.checked.disabled { background-position: -154px 0; } /* Retina support */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .icheckbox_flat-orange, .iradio_flat-orange { background-image: url(icheck-flat-imgs/orange@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } /* yellow */ .icheckbox_flat-yellow, .iradio_flat-yellow { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(icheck-flat-imgs/yellow.png) no-repeat; border: none; cursor: pointer; } .icheckbox_flat-yellow { background-position: 0 0; } .icheckbox_flat-yellow.checked { background-position: -22px 0; } .icheckbox_flat-yellow.disabled { background-position: -44px 0; cursor: default; } .icheckbox_flat-yellow.checked.disabled { background-position: -66px 0; } .iradio_flat-yellow { background-position: -88px 0; } .iradio_flat-yellow.checked { background-position: -110px 0; } .iradio_flat-yellow.disabled { background-position: -132px 0; cursor: default; } .iradio_flat-yellow.checked.disabled { background-position: -154px 0; } /* Retina support */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .icheckbox_flat-yellow, .iradio_flat-yellow { background-image: url(icheck-flat-imgs/yellow@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } /* pink */ .icheckbox_flat-pink, .iradio_flat-pink { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(icheck-flat-imgs/pink.png) no-repeat; border: none; cursor: pointer; } .icheckbox_flat-pink { background-position: 0 0; } .icheckbox_flat-pink.checked { background-position: -22px 0; } .icheckbox_flat-pink.disabled { background-position: -44px 0; cursor: default; } .icheckbox_flat-pink.checked.disabled { background-position: -66px 0; } .iradio_flat-pink { background-position: -88px 0; } .iradio_flat-pink.checked { background-position: -110px 0; } .iradio_flat-pink.disabled { background-position: -132px 0; cursor: default; } .iradio_flat-pink.checked.disabled { background-position: -154px 0; } /* Retina support */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .icheckbox_flat-pink, .iradio_flat-pink { background-image: url(icheck-flat-imgs/pink@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } /* purple */ .icheckbox_flat-purple, .iradio_flat-purple { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(icheck-flat-imgs/purple.png) no-repeat; border: none; cursor: pointer; } .icheckbox_flat-purple { background-position: 0 0; } .icheckbox_flat-purple.checked { background-position: -22px 0; } .icheckbox_flat-purple.disabled { background-position: -44px 0; cursor: default; } .icheckbox_flat-purple.checked.disabled { background-position: -66px 0; } .iradio_flat-purple { background-position: -88px 0; } .iradio_flat-purple.checked { background-position: -110px 0; } .iradio_flat-purple.disabled { background-position: -132px 0; cursor: default; } .iradio_flat-purple.checked.disabled { background-position: -154px 0; } /* Retina support */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .icheckbox_flat-purple, .iradio_flat-purple { background-image: url(icheck-flat-imgs/purple@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } }