diff --git a/less/character-sheet.less b/less/character-sheet.less index c61886c..5979faa 100644 --- a/less/character-sheet.less +++ b/less/character-sheet.less @@ -471,64 +471,64 @@ align-items: center; } - // .radioButton { - // position: absolute; - // opacity: 0; - // cursor: pointer; - // height: 0; - // width: 0; - // } + .radioButton { + position: absolute; + opacity: 0; + cursor: pointer; + height: 0; + width: 0; + } - // /* Create a custom radio button */ - // .checkmark { - // display: inline-block; - // top: 0; - // left: 0; - // height: 20px; - // width: 36px; - // background-color: #30da0c; - // border-radius: 5px; + /* Create a custom radio button */ + .checkmark { + display: inline-block; + top: 0; + left: 0; + height: 20px; + width: 36px; + background-color: #30da0c; + border-radius: 5px; - // box-shadow: 0 0 10px #003300 inset; - // -webkit-box-shadow: 0 0 10px #003300 inset; - // -moz-box-shadow: 0 0 10px #003300 inset; - // -o-box-shadow: 0 0 10px #003300 inset; + box-shadow: 0 0 10px #003300 inset; + -webkit-box-shadow: 0 0 10px #003300 inset; + -moz-box-shadow: 0 0 10px #003300 inset; + -o-box-shadow: 0 0 10px #003300 inset; - // border-radius: 10px; - // -webkit-border-radius: 10px; - // -moz-border-radius: 10px; - // -o-border-radius: 10px; - // } + border-radius: 10px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -o-border-radius: 10px; + } - // /* On mouse-over, add a grey background color */ - // .container:hover input ~ .checkmark { - // background-color: #3de31c; - // } + /* On mouse-over, add a grey background color */ + .container:hover input ~ .checkmark { + background-color: #3de31c; + } - // /* When the radio button is checked, add a blue background */ - // .container input:checked ~ .checkmark { - // background-color: #3de31c; - // } + /* When the radio button is checked, add a blue background */ + .container input:checked ~ .checkmark { + background-color: #3de31c; + } - // /* Create the indicator (the dot/circle - hidden when not checked) */ - // .checkmark:after { - // content: ""; - // position: absolute; - // display: none; - // } + /* Create the indicator (the dot/circle - hidden when not checked) */ + .checkmark:after { + content: ""; + position: absolute; + display: none; + } - // /* Show the indicator (dot/circle) when checked */ - // .container input:checked ~ .checkmark:after { - // display: block; - // } + /* Show the indicator (dot/circle) when checked */ + .container input:checked ~ .checkmark:after { + display: block; + } - // /* Style the indicator (dot/circle) */ - // .container .checkmark:after { - // top: 5px; - // left: 8px; - // width: 10px; - // height: 10px; - // border-radius: 50%; - // background: black; - // } + /* Style the indicator (dot/circle) */ + .container .checkmark:after { + top: 5px; + left: 8px; + width: 10px; + height: 10px; + border-radius: 50%; + background: black; + } } diff --git a/pokemon.css b/pokemon.css index 2937a30..aeaef31 100644 --- a/pokemon.css +++ b/pokemon.css @@ -1,3 +1,11 @@ +.pokemon.sheet.characterSheet { + /* Create a custom radio button */ + /* On mouse-over, add a grey background color */ + /* When the radio button is checked, add a blue background */ + /* Create the indicator (the dot/circle - hidden when not checked) */ + /* Show the indicator (dot/circle) when checked */ + /* Style the indicator (dot/circle) */ +} .pokemon.sheet.characterSheet .window-content { background: #c00d0d; color: white; @@ -395,3 +403,49 @@ display: flex; align-items: center; } +.pokemon.sheet.characterSheet .radioButton { + position: absolute; + opacity: 0; + cursor: pointer; + height: 0; + width: 0; +} +.pokemon.sheet.characterSheet .checkmark { + display: inline-block; + top: 0; + left: 0; + height: 20px; + width: 36px; + background-color: #30da0c; + border-radius: 5px; + box-shadow: 0 0 10px #003300 inset; + -webkit-box-shadow: 0 0 10px #003300 inset; + -moz-box-shadow: 0 0 10px #003300 inset; + -o-box-shadow: 0 0 10px #003300 inset; + border-radius: 10px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -o-border-radius: 10px; +} +.pokemon.sheet.characterSheet .container:hover input ~ .checkmark { + background-color: #3de31c; +} +.pokemon.sheet.characterSheet .container input:checked ~ .checkmark { + background-color: #3de31c; +} +.pokemon.sheet.characterSheet .checkmark:after { + content: ""; + position: absolute; + display: none; +} +.pokemon.sheet.characterSheet .container input:checked ~ .checkmark:after { + display: block; +} +.pokemon.sheet.characterSheet .container .checkmark:after { + top: 5px; + left: 8px; + width: 10px; + height: 10px; + border-radius: 50%; + background: black; +} diff --git a/system.json b/system.json index c2ef6de..f42d3a2 100644 --- a/system.json +++ b/system.json @@ -1,5 +1,5 @@ { - "version": "0.0.44", + "version": "0.0.45", "id": "pokemon", "title": "Pokémon TTRPG", "description": "A Pokémon TTRPG", diff --git a/system.zip b/system.zip index 2b4b08b..4f9928c 100644 Binary files a/system.zip and b/system.zip differ