From f0869d8e336d08409ba5af3144f0170585fb07a7 Mon Sep 17 00:00:00 2001 From: Clemens Creutzburg Date: Sun, 19 Jul 2026 22:51:51 +0200 Subject: [PATCH] Anpassung optik --- assets/css/main.css | 30 ++++++++++++------------------ 1 file changed, 12 insertions(+), 18 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index 756ab2f..d53f35e 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1111,38 +1111,32 @@ input[type="radio"] { padding-right: 0.75em; position: relative; } input[type="checkbox"] + label:before, - input[type="radio"] + label:before { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - display: inline-block; - font-style: normal; - font-variant: normal; - text-rendering: auto; - line-height: 1; - text-transform: none !important; - font-family: 'Font Awesome 5 Free'; - font-weight: 900; } - input[type="checkbox"] + label:before, input[type="radio"] + label:before { background: #ffffff; border-radius: 0.375em; border: solid 1px rgba(210, 215, 217, 0.75); content: ''; display: inline-block; - font-size: 0.8em; height: 2.0625em; left: 0; - line-height: 2.0625em; position: absolute; - text-align: center; top: 0; width: 2.0625em; } input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before { background: #3d4449; - border-color: #3d4449; - color: #ffffff; - content: '\f00c'; } + border-color: #3d4449; } + input[type="checkbox"]:checked + label:after, + input[type="radio"]:checked + label:after { + content: ''; + position: absolute; + left: 0.72em; + top: 0.62em; + width: 0.45em; + height: 0.9em; + border: solid #ffffff; + border-width: 0 0.15em 0.15em 0; + transform: rotate(45deg); } input[type="checkbox"]:focus + label:before, input[type="radio"]:focus + label:before { border-color: #38761d;