XenForo Şekilli Onay Kutuları

/* Better Checkboxes */

// Edit these values

@controlColor: @xf-textColorMuted;
@controlColor--hover: @xf-paletteColor3;

@controlLabelColor: @xf-textColorMuted;
@controlLabelColor--active: @xf-textColor;

@controlCheckedWeight: bold; // normal for outline, bold for solid
@cursor: pointer;

// From core_input.less
.formRow,
.inputGroup,
.inputChoices,
.block-footer,
.dataList-cell,
.message-cell--extra
{
.iconic,
&.dataList-cell--fa > a
{
> i
{
color: @controlColor;
}

&:hover > i
{
color: @controlColor--hover;
}
}
}

// Don't apply to off-canvas controls
.formRow .iconic > input[type=checkbox],
.formRow .iconic > input[type=radio] {

+ i:before,
+ i:after {
transition: @xf-animationSpeed opacity;
}
+ i:after {
font-weight: @controlCheckedWeight;
}
~ * {
transition: @xf-animationSpeed color;
}
~ span.iconic-label {
color: @controlLabelColor;
}
&:checked ~ span.iconic-label {
color: @controlLabelColor--active;
}
&:checked + i {
color: @controlColor--hover;
}
}

// Change the cursor
.formRow,
.inputGroup,
.inputChoices,
.block-footer,
.dataList-cell,
.message-cell--extra,
.structItem-extraInfo
{
.iconic:hover {
cursor: @cursor;
}
}