diff --git a/The One Ring 2e/sheet.css b/The One Ring 2e/sheet.css index 76969f8512..456678d51a 100644 --- a/The One Ring 2e/sheet.css +++ b/The One Ring 2e/sheet.css @@ -163,48 +163,52 @@ .charsheet input[type="checkbox"]:checked + span { text-decoration: underline; } -/* - Dots - */ +/* Dots*/ .charsheet .sheet-dots { display: block; float: right; top: 2px; right: 0; - margin-right: 20px; + margin: 3px 15px 0px 0px; } .charsheet .sheet-dots input[type="radio"] { opacity: 0; width: 16px; height: 16px; position: relative; - top: 5px; + top: -4px; left: 6px; margin: -8px -8px -8px -8px; cursor: pointer; z-index: 1; } -.charsheet input[type="radio"] + span::before{ +.charsheet .sheet-dots input[type="radio"] + span:before{ margin-right: 4px; - text-align: center; display: inline-block; - vertical-align: middle; + vertical-align: top; line-height: 10px; width: 10px; height: 10px; content: "•"; opacity:0; } -.charsheet .sheet-dots input[type="radio"]:not([value="0"]) + span { - background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/square-filled.png") no-repeat; - background-size:100%; -} .charsheet .sheet-dots input[type="radio"]:checked ~ input[type="radio"] + span { background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/square-empty.png") no-repeat; background-size:100%; } +.charsheet .sheet-dots input[type="radio"][value="0"] + span:before { + content: 'X'; + opacity: 0.2; + border: 0.5px solid rgb(155, 151, 151); + border-radius: 50%; + margin-top: 2px; +} +.charsheet .sheet-dots input[type="radio"]:not([value="0"]) + span { + background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/The%20One%20Ring/assets/images/square-filled.png") no-repeat; + background-size:100%; +} /* Remove dot from all radios _after_ selected one */ -.charsheet input[type="radio"]:checked ~ input[type="radio"] + span::before{ +.charsheet .sheet-dots input[type="radio"]:checked ~ input[type="radio"] + span:before{ content: ""; } .charsheet .sheet-hover-info { diff --git a/The One Ring 2e/sheet.html b/The One Ring 2e/sheet.html index 3e0ef9655c..26af217200 100644 --- a/The One Ring 2e/sheet.html +++ b/The One Ring 2e/sheet.html @@ -1,4 +1,4 @@ - +