Hiya! I've got a custom character sheet pulling .png files from Github. It brings in all background and checkbox/value related images just fine and used to bring in radio buttons, but sometime in the last month, the radio buttons stopped showing up. It's a Forged In the Dark hack using largely the BitD character sheet. I'm not sure what's happened. Can anyone help? Example Code below if anyone can make sense of it ;) ``` EXAMPLE HTML <!-- Advancement --> <div class="sheet-col100 sheet-def-margin"> <div class="sheet-advancement-header sheet-flex sheet-blackheader"> <div class="sheet-label" data-i18n="mark_xp:">Mark XP:</div> <div class="sheet-label" data-i18n="playbook_advancement">Playbook Advancement </div> <div class="sheet-advancement-xpholder"> <input type="radio" value="0" name="attr_playbook_xp" class="sheet-tooth sheet-zero" checked/> <span></span> <input type="radio" value="1" name="attr_playbook_xp" class="sheet-tooth sheet-xptooth"/> <span></span> <input type="radio" value="2" name="attr_playbook_xp" class="sheet-tooth sheet-xptooth"/> <span></span> <input type="radio" value="3" name="attr_playbook_xp" class="sheet-tooth sheet-xptooth"/> <span></span> <input type="radio" value="4" name="attr_playbook_xp" class="sheet-tooth sheet-xptooth"/> <span></span> <input type="radio" value="5" name="attr_playbook_xp" class="sheet-tooth sheet-xptooth"/> <span></span> <input type="radio" value="6" name="attr_playbook_xp" class="sheet-tooth sheet-xptooth"/> <span></span> <input type="radio" value="7" name="attr_playbook_xp" class="sheet-tooth sheet-xptooth"/> <span></span> <input type="radio" value="8" name="attr_playbook_xp" class="sheet-tooth sheet-xptooth"/> <span></span> </div> </div> ``` ``` EXAMPLE CSS .sheet-advancement-xpholder { letter-spacing: 0; font-size: 0; margin-left: 5px; } input.sheet-tooth { width: 8px; } input.sheet-tooth + span { width: 8px; display: inline-block; vertical-align: top; } input.sheet-tooth + span:last-child { margin-right: 2px !important; } input.sheet-tooth:last-of-type { width: 8px; } input.sheet-tooth:hover + span { filter: alpha(opacity=70); opacity: 0.7; } input.sheet-xptooth, input.sheet-xptooth + span { height: 25px; } input.sheet-xptooth + span, input.sheet-xptooth[type=radio] + span { background-image: url(<a href="https://raw.githubusercontent.com/haushalter/Vibroblades-In-The-Dark/master/xptooth-red2.png" rel="nofollow">https://raw.githubusercontent.com/haushalter/Vibroblades-In-The-Dark/master/xptooth-red2.png</a>); margin-right: 1px; } input.sheet-tooth:checked ~ input.sheet-xptooth[type=radio] + span { background-image: url(<a href="https://raw.githubusercontent.com/haushalter/Vibroblades-In-The-Dark/master/xptooth-white3.png" rel="nofollow">https://raw.githubusercontent.com/haushalter/Vibroblades-In-The-Dark/master/xptooth-white3.png</a>); } ```
