Current File : /home/karenpetzb/www/css/themes/admin/css/checkboxes.css |
/* iCheck plugin Flat skin, 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(../../images/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(../../images/blue@2x.png);
-webkit-background-size: 176px 22px;
background-size: 176px 22px;
}
}
/* iCheck plugin Flat skin, 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(../../images/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(../../images/green@2x.png);
-webkit-background-size: 176px 22px;
background-size: 176px 22px;
}
}
/* iCheck plugin Minimal skin, black
----------------------------------- */
.icheckbox_minimal,.iradio_minimal {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 18px;
height: 18px;
background: url(../../images/minimal.png) no-repeat;
border: none;
cursor: pointer;
}
.icheckbox_minimal {
background-position: 0 0;
}
.icheckbox_minimal.hover {
background-position: -20px 0;
}
.icheckbox_minimal.checked {
background-position: -40px 0;
}
.icheckbox_minimal.disabled {
background-position: -60px 0;
cursor: default;
}
.icheckbox_minimal.checked.disabled {
background-position: -80px 0;
}
.iradio_minimal {
background-position: -100px 0;
}
.iradio_minimal.hover {
background-position: -120px 0;
}
.iradio_minimal.checked {
background-position: -140px 0;
}
.iradio_minimal.disabled {
background-position: -160px 0;
cursor: default;
}
.iradio_minimal.checked.disabled {
background-position: -180px 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_minimal,.iradio_minimal {
background-image: url(../../images/minimal@2x.png);
-webkit-background-size: 200px 20px;
background-size: 200px 20px;
}
}
/* iCheck plugin Flat skin, 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(../../images/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(../../images/orange@2x.png);
-webkit-background-size: 176px 22px;
background-size: 176px 22px;
}
}
/* iCheck plugin Flat skin, 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(../../images/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(../../images/red@2x.png);
-webkit-background-size: 176px 22px;
background-size: 176px 22px;
}
}
/* iCheck plugin Line skin, blue
----------------------------------- */
.icheckbox_line-blue,.iradio_line-blue {
position: relative;
display: block;
margin: 0;
padding: 5px 15px 5px 38px;
font-size: 13px;
line-height: 17px;
color: #fff;
background: #2489c5;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
}
.icheckbox_line-blue .icheck_line-icon,.iradio_line-blue .icheck_line-icon
{
position: absolute;
top: 50%;
left: 13px;
width: 13px;
height: 11px;
margin: -5px 0 0 0;
padding: 0;
overflow: hidden;
background: url(../../../images/line.png) no-repeat;
border: none;
}
.icheckbox_line-blue.hover,.icheckbox_line-blue.checked.hover,.iradio_line-blue.hover
{
background: #3DA0DB;
}
.icheckbox_line-blue.checked,.iradio_line-blue.checked {
background: #2489c5;
}
.icheckbox_line-blue.checked .icheck_line-icon,.iradio_line-blue.checked .icheck_line-icon
{
background-position: -15px 0;
}
.icheckbox_line-blue.disabled,.iradio_line-blue.disabled {
background: #ADD7F0;
cursor: default;
}
.icheckbox_line-blue.disabled .icheck_line-icon,.iradio_line-blue.disabled .icheck_line-icon
{
background-position: -30px 0;
}
.icheckbox_line-blue.checked.disabled,.iradio_line-blue.checked.disabled
{
background: #ADD7F0;
}
.icheckbox_line-blue.checked.disabled .icheck_line-icon,.iradio_line-blue.checked.disabled .icheck_line-icon
{
background-position: -45px 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_line-blue .icheck_line-icon,.iradio_line-blue .icheck_line-icon
{
background-image: url(../../../images/line@2x.png);
-webkit-background-size: 60px 13px;
background-size: 60px 13px;
}
}
/* iCheck plugin Line skin, green
----------------------------------- */
.icheckbox_line-green,.iradio_line-green {
position: relative;
display: block;
margin: 0;
padding: 5px 15px 5px 38px;
font-size: 13px;
line-height: 17px;
color: #fff;
background: #1b7e5a;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
}
.icheckbox_line-green .icheck_line-icon,.iradio_line-green .icheck_line-icon
{
position: absolute;
top: 50%;
left: 13px;
width: 13px;
height: 11px;
margin: -5px 0 0 0;
padding: 0;
overflow: hidden;
background: url(../../../images/line.png) no-repeat;
border: none;
}
.icheckbox_line-green.hover,.icheckbox_line-green.checked.hover,.iradio_line-green.hover
{
background: #24AA7A;
}
.icheckbox_line-green.checked,.iradio_line-green.checked {
background: #1b7e5a;
}
.icheckbox_line-green.checked .icheck_line-icon,.iradio_line-green.checked .icheck_line-icon
{
background-position: -15px 0;
}
.icheckbox_line-green.disabled,.iradio_line-green.disabled {
background: #89E6C4;
cursor: default;
}
.icheckbox_line-green.disabled .icheck_line-icon,.iradio_line-green.disabled .icheck_line-icon
{
background-position: -30px 0;
}
.icheckbox_line-green.checked.disabled,.iradio_line-green.checked.disabled
{
background: #89E6C4;
}
.icheckbox_line-green.checked.disabled .icheck_line-icon,.iradio_line-green.checked.disabled .icheck_line-icon
{
background-position: -45px 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_line-green .icheck_line-icon,.iradio_line-green .icheck_line-icon
{
background-image: url(../../../images/line@2x.png);
-webkit-background-size: 60px 13px;
background-size: 60px 13px;
}
}
/* iCheck plugin Line skin, orange
----------------------------------- */
.icheckbox_line-orange,.iradio_line-orange {
position: relative;
display: block;
margin: 0;
padding: 5px 15px 5px 38px;
font-size: 13px;
line-height: 17px;
color: #fff;
background: #f70;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
}
.icheckbox_line-orange .icheck_line-icon,.iradio_line-orange .icheck_line-icon
{
position: absolute;
top: 50%;
left: 13px;
width: 13px;
height: 11px;
margin: -5px 0 0 0;
padding: 0;
overflow: hidden;
background: url(../../../images/line.png) no-repeat;
border: none;
}
.icheckbox_line-orange.hover,.icheckbox_line-orange.checked.hover,.iradio_line-orange.hover
{
background: #FF9233;
}
.icheckbox_line-orange.checked,.iradio_line-orange.checked {
background: #f70;
}
.icheckbox_line-orange.checked .icheck_line-icon,.iradio_line-orange.checked .icheck_line-icon
{
background-position: -15px 0;
}
.icheckbox_line-orange.disabled,.iradio_line-orange.disabled {
background: #FFD6B3;
cursor: default;
}
.icheckbox_line-orange.disabled .icheck_line-icon,.iradio_line-orange.disabled .icheck_line-icon
{
background-position: -30px 0;
}
.icheckbox_line-orange.checked.disabled,.iradio_line-orange.checked.disabled
{
background: #FFD6B3;
}
.icheckbox_line-orange.checked.disabled .icheck_line-icon,.iradio_line-orange.checked.disabled .icheck_line-icon
{
background-position: -45px 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_line-orange .icheck_line-icon,.iradio_line-orange .icheck_line-icon
{
background-image: url(../../../images/line@2x.png);
-webkit-background-size: 60px 13px;
background-size: 60px 13px;
}
}
/* iCheck plugin Line skin, red
----------------------------------- */
.icheckbox_line-red,.iradio_line-red {
position: relative;
display: block;
margin: 0;
padding: 5px 15px 5px 38px;
font-size: 13px;
line-height: 17px;
color: #fff;
background: #e56c69;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
}
.icheckbox_line-red .icheck_line-icon,.iradio_line-red .icheck_line-icon
{
position: absolute;
top: 50%;
left: 13px;
width: 13px;
height: 11px;
margin: -5px 0 0 0;
padding: 0;
overflow: hidden;
background: url(../../../images/line.png) no-repeat;
border: none;
}
.icheckbox_line-red.hover,.icheckbox_line-red.checked.hover,.iradio_line-red.hover
{
background: #E98582;
}
.icheckbox_line-red.checked,.iradio_line-red.checked {
background: #e56c69;
}
.icheckbox_line-red.checked .icheck_line-icon,.iradio_line-red.checked .icheck_line-icon
{
background-position: -15px 0;
}
.icheckbox_line-red.disabled,.iradio_line-red.disabled {
background: #F7D3D2;
cursor: default;
}
.icheckbox_line-red.disabled .icheck_line-icon,.iradio_line-red.disabled .icheck_line-icon
{
background-position: -30px 0;
}
.icheckbox_line-red.checked.disabled,.iradio_line-red.checked.disabled {
background: #F7D3D2;
}
.icheckbox_line-red.checked.disabled .icheck_line-icon,.iradio_line-red.checked.disabled .icheck_line-icon
{
background-position: -45px 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_line-red .icheck_line-icon,.iradio_line-red .icheck_line-icon
{
background-image: url(../../../images/line@2x.png);
-webkit-background-size: 60px 13px;
background-size: 60px 13px;
}
}