src/main/webapp/resources/xznstatic/css/line/all.css

微信扫码关注公众号，代码整理好后第一时间通知你。

/* iCheck plugin Line skin----------------------------------- */.icheckbox_line,.iradio_line {    position: relative;    display: block;    margin: 0;    padding: 5px 15px 5px 38px;    font-size: 13px;    line-height: 17px;    color: #fff;    background: #000;    border: none;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    cursor: pointer;}    .icheckbox_line .icheck_line-icon,    .iradio_line .icheck_line-icon {        position: absolute;        top: 50%;        left: 13px;        width: 13px;        height: 11px;        margin: -5px 0 0 0;        padding: 0;        overflow: hidden;        background: url(line.png) no-repeat;        border: none;    }    .icheckbox_line.hover,    .icheckbox_line.checked.hover,    .iradio_line.hover {        background: #444;    }    .icheckbox_line.checked,    .iradio_line.checked {        background: #000;    }        .icheckbox_line.checked .icheck_line-icon,        .iradio_line.checked .icheck_line-icon {            background-position: -15px 0;        }    .icheckbox_line.disabled,    .iradio_line.disabled {        background: #ccc;        cursor: default;    }        .icheckbox_line.disabled .icheck_line-icon,        .iradio_line.disabled .icheck_line-icon {            background-position: -30px 0;        }    .icheckbox_line.checked.disabled,    .iradio_line.checked.disabled {        background: #ccc;    }        .icheckbox_line.checked.disabled .icheck_line-icon,        .iradio_line.checked.disabled .icheck_line-icon {            background-position: -45px 0;        }/* HiDPI support */@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {    .icheckbox_line .icheck_line-icon,    .iradio_line .icheck_line-icon {        background-image: url(line@2x.png);        -webkit-background-size: 60px 13px;        background-size: 60px 13px;    }}/* 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(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;        }/* HiDPI support */@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {    .icheckbox_line-red .icheck_line-icon,    .iradio_line-red .icheck_line-icon {        background-image: url(line@2x.png);        -webkit-background-size: 60px 13px;        background-size: 60px 13px;    }}/* 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(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;        }/* HiDPI support */@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {    .icheckbox_line-green .icheck_line-icon,    .iradio_line-green .icheck_line-icon {        background-image: url(line@2x.png);        -webkit-background-size: 60px 13px;        background-size: 60px 13px;    }}/* 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(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;        }/* HiDPI support */@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {    .icheckbox_line-blue .icheck_line-icon,    .iradio_line-blue .icheck_line-icon {        background-image: url(line@2x.png);        -webkit-background-size: 60px 13px;        background-size: 60px 13px;    }}/* aero */.icheckbox_line-aero,.iradio_line-aero {    position: relative;    display: block;    margin: 0;    padding: 5px 15px 5px 38px;    font-size: 13px;    line-height: 17px;    color: #fff;    background: #9cc2cb;    border: none;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    cursor: pointer;}    .icheckbox_line-aero .icheck_line-icon,    .iradio_line-aero .icheck_line-icon {        position: absolute;        top: 50%;        left: 13px;        width: 13px;        height: 11px;        margin: -5px 0 0 0;        padding: 0;        overflow: hidden;        background: url(line.png) no-repeat;        border: none;    }    .icheckbox_line-aero.hover,    .icheckbox_line-aero.checked.hover,    .iradio_line-aero.hover {        background: #B5D1D8;    }    .icheckbox_line-aero.checked,    .iradio_line-aero.checked {        background: #9cc2cb;    }        .icheckbox_line-aero.checked .icheck_line-icon,        .iradio_line-aero.checked .icheck_line-icon {            background-position: -15px 0;        }    .icheckbox_line-aero.disabled,    .iradio_line-aero.disabled {        background: #D2E4E8;        cursor: default;    }        .icheckbox_line-aero.disabled .icheck_line-icon,        .iradio_line-aero.disabled .icheck_line-icon {            background-position: -30px 0;        }    .icheckbox_line-aero.checked.disabled,    .iradio_line-aero.checked.disabled {        background: #D2E4E8;    }        .icheckbox_line-aero.checked.disabled .icheck_line-icon,        .iradio_line-aero.checked.disabled .icheck_line-icon {            background-position: -45px 0;        }/* HiDPI support */@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {    .icheckbox_line-aero .icheck_line-icon,    .iradio_line-aero .icheck_line-icon {        background-image: url(line@2x.png);        -webkit-background-size: 60px 13px;        background-size: 60px 13px;    }}/* grey */.icheckbox_line-grey,.iradio_line-grey {    position: relative;    display: block;    margin: 0;    padding: 5px 15px 5px 38px;    font-size: 13px;    line-height: 17px;    color: #fff;    background: #73716e;    border: none;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    cursor: pointer;}    .icheckbox_line-grey .icheck_line-icon,    .iradio_line-grey .icheck_line-icon {        position: absolute;        top: 50%;        left: 13px;        width: 13px;        height: 11px;        margin: -5px 0 0 0;        padding: 0;        overflow: hidden;        background: url(line.png) no-repeat;        border: none;    }    .icheckbox_line-grey.hover,    .icheckbox_line-grey.checked.hover,    .iradio_line-grey.hover {        background: #8B8986;    }    .icheckbox_line-grey.checked,    .iradio_line-grey.checked {        background: #73716e;    }        .icheckbox_line-grey.checked .icheck_line-icon,        .iradio_line-grey.checked .icheck_line-icon {            background-position: -15px 0;        }    .icheckbox_line-grey.disabled,    .iradio_line-grey.disabled {        background: #D5D4D3;        cursor: default;    }        .icheckbox_line-grey.disabled .icheck_line-icon,        .iradio_line-grey.disabled .icheck_line-icon {            background-position: -30px 0;        }    .icheckbox_line-grey.checked.disabled,    .iradio_line-grey.checked.disabled {        background: #D5D4D3;    }        .icheckbox_line-grey.checked.disabled .icheck_line-icon,        .iradio_line-grey.checked.disabled .icheck_line-icon {            background-position: -45px 0;        }/* HiDPI support */@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {    .icheckbox_line-grey .icheck_line-icon,    .iradio_line-grey .icheck_line-icon {        background-image: url(line@2x.png);        -webkit-background-size: 60px 13px;        background-size: 60px 13px;    }}/* 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(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;        }/* HiDPI support */@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {    .icheckbox_line-orange .icheck_line-icon,    .iradio_line-orange .icheck_line-icon {        background-image: url(line@2x.png);        -webkit-background-size: 60px 13px;        background-size: 60px 13px;    }}/* yellow */.icheckbox_line-yellow,.iradio_line-yellow {    position: relative;    display: block;    margin: 0;    padding: 5px 15px 5px 38px;    font-size: 13px;    line-height: 17px;    color: #fff;    background: #FFC414;    border: none;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    cursor: pointer;}    .icheckbox_line-yellow .icheck_line-icon,    .iradio_line-yellow .icheck_line-icon {        position: absolute;        top: 50%;        left: 13px;        width: 13px;        height: 11px;        margin: -5px 0 0 0;        padding: 0;        overflow: hidden;        background: url(line.png) no-repeat;        border: none;    }    .icheckbox_line-yellow.hover,    .icheckbox_line-yellow.checked.hover,    .iradio_line-yellow.hover {        background: #FFD34F;    }    .icheckbox_line-yellow.checked,    .iradio_line-yellow.checked {        background: #FFC414;    }        .icheckbox_line-yellow.checked .icheck_line-icon,        .iradio_line-yellow.checked .icheck_line-icon {            background-position: -15px 0;        }    .icheckbox_line-yellow.disabled,    .iradio_line-yellow.disabled {        background: #FFE495;        cursor: default;    }        .icheckbox_line-yellow.disabled .icheck_line-icon,        .iradio_line-yellow.disabled .icheck_line-icon {            background-position: -30px 0;        }    .icheckbox_line-yellow.checked.disabled,    .iradio_line-yellow.checked.disabled {        background: #FFE495;    }        .icheckbox_line-yellow.checked.disabled .icheck_line-icon,        .iradio_line-yellow.checked.disabled .icheck_line-icon {            background-position: -45px 0;        }/* HiDPI support */@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {    .icheckbox_line-yellow .icheck_line-icon,    .iradio_line-yellow .icheck_line-icon {        background-image: url(line@2x.png);        -webkit-background-size: 60px 13px;        background-size: 60px 13px;    }}/* pink */.icheckbox_line-pink,.iradio_line-pink {    position: relative;    display: block;    margin: 0;    padding: 5px 15px 5px 38px;    font-size: 13px;    line-height: 17px;    color: #fff;    background: #a77a94;    border: none;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    cursor: pointer;}    .icheckbox_line-pink .icheck_line-icon,    .iradio_line-pink .icheck_line-icon {        position: absolute;        top: 50%;        left: 13px;        width: 13px;        height: 11px;        margin: -5px 0 0 0;        padding: 0;        overflow: hidden;        background: url(line.png) no-repeat;        border: none;    }    .icheckbox_line-pink.hover,    .icheckbox_line-pink.checked.hover,    .iradio_line-pink.hover {        background: #B995A9;    }    .icheckbox_line-pink.checked,    .iradio_line-pink.checked {        background: #a77a94;    }        .icheckbox_line-pink.checked .icheck_line-icon,        .iradio_line-pink.checked .icheck_line-icon {            background-position: -15px 0;        }    .icheckbox_line-pink.disabled,    .iradio_line-pink.disabled {        background: #E0D0DA;        cursor: default;    }        .icheckbox_line-pink.disabled .icheck_line-icon,        .iradio_line-pink.disabled .icheck_line-icon {            background-position: -30px 0;        }    .icheckbox_line-pink.checked.disabled,    .iradio_line-pink.checked.disabled {        background: #E0D0DA;    }        .icheckbox_line-pink.checked.disabled .icheck_line-icon,        .iradio_line-pink.checked.disabled .icheck_line-icon {            background-position: -45px 0;        }/* HiDPI support */@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {    .icheckbox_line-pink .icheck_line-icon,    .iradio_line-pink .icheck_line-icon {        background-image: url(line@2x.png);        -webkit-background-size: 60px 13px;        background-size: 60px 13px;    }}/* purple */.icheckbox_line-purple,.iradio_line-purple {    position: relative;    display: block;    margin: 0;    padding: 5px 15px 5px 38px;    font-size: 13px;    line-height: 17px;    color: #fff;    background: #6a5a8c;    border: none;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    cursor: pointer;}    .icheckbox_line-purple .icheck_line-icon,    .iradio_line-purple .icheck_line-icon {        position: absolute;        top: 50%;        left: 13px;        width: 13px;        height: 11px;        margin: -5px 0 0 0;        padding: 0;        overflow: hidden;        background: url(line.png) no-repeat;        border: none;    }    .icheckbox_line-purple.hover,    .icheckbox_line-purple.checked.hover,    .iradio_line-purple.hover {        background: #8677A7;    }    .icheckbox_line-purple.checked,    .iradio_line-purple.checked {        background: #6a5a8c;    }        .icheckbox_line-purple.checked .icheck_line-icon,        .iradio_line-purple.checked .icheck_line-icon {            background-position: -15px 0;        }    .icheckbox_line-purple.disabled,    .iradio_line-purple.disabled {        background: #D2CCDE;        cursor: default;    }        .icheckbox_line-purple.disabled .icheck_line-icon,        .iradio_line-purple.disabled .icheck_line-icon {            background-position: -30px 0;        }    .icheckbox_line-purple.checked.disabled,    .iradio_line-purple.checked.disabled {        background: #D2CCDE;    }        .icheckbox_line-purple.checked.disabled .icheck_line-icon,        .iradio_line-purple.checked.disabled .icheck_line-icon {            background-position: -45px 0;        }/* HiDPI support */@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {    .icheckbox_line-purple .icheck_line-icon,    .iradio_line-purple .icheck_line-icon {        background-image: url(line@2x.png);        -webkit-background-size: 60px 13px;        background-size: 60px 13px;    }}