Files
redline.com.pl/modules/customfields/views/css/customfields_common.css
2024-11-11 18:46:54 +01:00

111 lines
3.2 KiB
CSS

#customfieldsblock_summary input[type="checkbox"]:not(old),
#customfieldsblock_summary input[type="radio"]:not(old) {
width: 2em;
margin: 0;
padding: 0;
font-size: 1em;
opacity: 0;
}
#customfieldsblock_summary input[type="checkbox"]:not(old) + label,
#customfieldsblock_summary input[type="radio"]:not(old) + label {
display: inline-block;
margin-left: -2em;
line-height: 1.5em;
}
#customfieldsblock_summary.psOld input[type="checkbox"]:not(old) + label,
#customfieldsblock_summary.psOld input[type="radio"]:not(old) + label {
margin-left: 0em;
}
#customfieldsblock_summary input[type="checkbox"]:not(old) + label > span {
border-radius: 0.25em;
}
#customfieldsblock_summary input[type="radio"]:not(old) + label > span {
border-radius: 1.25em;
}
#customfieldsblock_summary input[type="checkbox"]:not(old) + label > span,
#customfieldsblock_summary input[type="radio"]:not(old) + label > span {
display: inline-block;
width: 1em;
height: 1em;
margin: 0.25em 0.5em 0.25em 0.25em;
border: 0.0625em solid rgb(192, 192, 192);
/* border-radius: 0.25em; */
background: rgb(224, 224, 224);
background-image: -moz-linear-gradient(
rgb(240, 240, 240),
rgb(224, 224, 224)
);
background-image: -ms-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
background-image: -o-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
background-image: -webkit-linear-gradient(
rgb(240, 240, 240),
rgb(224, 224, 224)
);
background-image: linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
vertical-align: bottom;
}
#customfieldsblock_summary
input[type="checkbox"]:not(old):checked
+ label
> span,
#customfieldsblock_summary input[type="radio"]:not(old):checked + label > span {
background-image: -moz-linear-gradient(
rgb(224, 224, 224),
rgb(240, 240, 240)
);
background-image: -ms-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
background-image: -o-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
background-image: -webkit-linear-gradient(
rgb(224, 224, 224),
rgb(240, 240, 240)
);
background-image: linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
}
#customfieldsblock_summary
input[type="checkbox"]:checked:not(old)
+ label
> span::before {
content: "✔";
display: block;
width: 1em;
color: rgb(115, 153, 77);
font-size: 15px;
line-height: 10px;
text-align: center;
}
#customfieldsblock_summary
input[type="radio"]:checked:not(old)
+ label
> span
> span {
display: block;
width: 0.9em;
height: 0.9em;
border: 0.0625em solid rgb(115, 153, 77);
border-radius: 1.125em;
background: rgb(153, 204, 102);
background-image: -moz-linear-gradient(
rgb(179, 217, 140),
rgb(153, 204, 102)
);
background-image: -ms-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
background-image: -o-linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
background-image: -webkit-linear-gradient(
rgb(179, 217, 140),
rgb(153, 204, 102)
);
background-image: linear-gradient(rgb(179, 217, 140), rgb(153, 204, 102));
}
#customfieldsblock_summary .rf_no_display {
display: none;
}
.cf_disabled_btn {
opacity: .65;
cursor: not-allowed;
}