diff --git a/CWOD-Werewolf/Werewolf.css b/CWOD-Werewolf/Werewolf.css index 9be4595ea6..c5b9cbae9e 100644 --- a/CWOD-Werewolf/Werewolf.css +++ b/CWOD-Werewolf/Werewolf.css @@ -1,4 +1,4 @@ -.charsheet label { +.charsheet label { display: inline-block; width: 75px; text-align: right; @@ -97,7 +97,7 @@ input[type="radio"]:checked ~ input[type="radio"]+ span::before content: ""; } -input.used+ span::before +input.sheet-used+span::before { content: "✖"; width: 12px; @@ -109,83 +109,83 @@ input.used+ span::before border-radius: 0%; } -input.zero:checked + span::before +input.sheet-zero:checked + span::before { opacity: 0; } -input.zero:hover + span::before +input.sheet-zero:hover + span::before { opacity: 1; } -input.zero+ span::before +input.sheet-zero+ span::before { font-size: 12px; content: "✖"; opacity: 0.25; } -input.DP1Spec + span::before, -input.DP2Spec + span::before, -input.DP2Spec + span::before, -input.DP3Spec + span::before, -input.DP4Spec + span::before, -input.DP5Spec + span::before +input.sheet-DP1Spec + span::before, +input.sheet-DP2Spec + span::before, +input.sheet-DP2Spec + span::before, +input.sheet-DP3Spec + span::before, +input.sheet-DP4Spec + span::before, +input.sheet-DP5Spec + span::before { opacity: 1; margin-bottom: 10px; } -div.DP1, -div.DP2, -div.DP2, -div.DP3, -div.DP4, -div.DP5 +div.sheet-DP1, +div.sheet-DP2, +div.sheet-DP2, +div.sheet-DP3, +div.sheet-DP4, +div.sheet-DP5 { display: inline; } -div.DP1wSpec, -div.DP2wSpec, -div.DP2wSpec, -div.DP3wSpec, -div.DP4wSpec, -div.DP5wSpec +div.sheet-DP1wSpec, +div.sheet-DP2wSpec, +div.sheet-DP2wSpec, +div.sheet-DP3wSpec, +div.sheet-DP4wSpec, +div.sheet-DP5wSpec { display: none; } -input.DP1Spec:checked ~ div.DP1, -input.DP2Spec:checked ~ div.DP2, -input.DP2Spec:checked ~ div.DP2, -input.DP3Spec:checked ~ div.DP3, -input.DP4Spec:checked ~ div.DP4, -input.DP5Spec:checked ~ div.DP5 +input.sheet-DP1Spec:checked ~ div.sheet-DP1, +input.sheet-DP2Spec:checked ~ div.sheet-DP2, +input.sheet-DP2Spec:checked ~ div.sheet-DP2, +input.sheet-DP3Spec:checked ~ div.sheet-DP3, +input.sheet-DP4Spec:checked ~ div.sheet-DP4, +input.sheet-DP5Spec:checked ~ div.sheet-DP5 { display: none; } -input.DP1Spec:checked ~ div.DP1wSpec, -input.DP2Spec:checked ~ div.DP2wSpec, -input.DP2Spec:checked ~ div.DP2wSpec, -input.DP3Spec:checked ~ div.DP3wSpec, -input.DP4Spec:checked ~ div.DP4wSpec, -input.DP5Spec:checked ~ div.DP5wSpec +input.sheet-DP1Spec:checked ~ div.sheet-DP1wSpec, +input.sheet-DP2Spec:checked ~ div.sheet-DP2wSpec, +input.sheet-DP2Spec:checked ~ div.sheet-DP2wSpec, +input.sheet-DP3Spec:checked ~ div.sheet-DP3wSpec, +input.sheet-DP4Spec:checked ~ div.sheet-DP4wSpec, +input.sheet-DP5Spec:checked ~ div.sheet-DP5wSpec { display: inline; } -input.forms +input.sheet-forms { width: 118px; } -input.forms + span::before +input.sheet-forms + span::before { margin-left: 53px; margin-right: 53px; content: ""; } -input.forms:checked + span::before{ content: "•"; } +input.sheet-forms:checked + span::before{ content: "•"; }