Okay, I have no clear idea what you mean, because your writing is quite incoherent, but I think the issue is that the input[type=radio], div {
display: none;
}
from the above code pen is making your radios, divs, et cetera not display? (by the way, you MUST NOT use this code literally, because it contains IDs, which do not work like they should in character sheets once more than one sheet is open at the same time - but I'll ignore this for what follows for simplicity). If that is indeed the problem, then the solution is easy: add more specificity to the rules. So, instead of input[type=radio], div {
display: none;
}
input[type=radio]:checked + label + div {
display: block;
}
use input[type=radio].sheet-tab-selector, div.sheet-tab {
display: none;
}
input[type=radio].sheet-tab-selector:checked + label + div {
display: block;
}
and add the .sheet-tab-selector and .sheet-tab classes to your tab inputs and divs, respectively. Or better, use input[type=radio].sheet-tab-selector:not(:checked) + label + div {
display: none;
} instead of the above two selectors. None of this will work quite literally (well, it will work when only one sheet is open, but you shouldn't use it), since you cannot use for-linked labels in character sheets, but maybe that's a place to start...