jellyfin-web/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.checkbox.css
2015-09-06 12:11:41 -04:00

52 lines
1.1 KiB
CSS

.ui-checkbox,
.ui-radio {
margin: .5em 0;
position: relative;
}
.ui-checkbox .ui-btn,
.ui-radio .ui-btn {
margin: 0;
text-align: left;
white-space: normal; /* Nowrap + ellipsis doesn't work on label. Issue #1419. */
z-index: 2;
}
.ui-controlgroup .ui-checkbox .ui-btn.ui-focus,
.ui-controlgroup .ui-radio .ui-btn.ui-focus {
z-index: 3;
}
.ui-checkbox .ui-btn-icon-top,
.ui-radio .ui-btn-icon-top,
.ui-checkbox .ui-btn-icon-bottom,
.ui-radio .ui-btn-icon-bottom {
text-align: center;
}
.ui-controlgroup-horizontal .ui-checkbox .ui-btn:after,
.ui-controlgroup-horizontal .ui-radio .ui-btn:after {
content: none;
display: none;
}
/* Native input positioning */
.ui-checkbox input,
.ui-radio input {
position: absolute;
left: .466em;
top: 50%;
width: 22px;
height: 22px;
margin: -11px 0 0 0;
outline: 0 !important;
z-index: 1;
}
.ui-controlgroup-horizontal .ui-checkbox input,
.ui-controlgroup-horizontal .ui-radio input {
left: 50%;
margin-left: -9px;
}
.ui-checkbox input:disabled,
.ui-radio input:disabled {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px,1px,1px,1px);
}