1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 |
- /* 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(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;
- }
- }
|