This commit is contained in:
2025-08-04 11:46:09 +02:00
parent f87aff5dfc
commit cd9d635541
4 changed files with 53 additions and 107 deletions

View File

@@ -471,64 +471,64 @@
align-items: center; align-items: center;
} }
.radioButton { // .radioButton {
position: absolute; // position: absolute;
opacity: 0; // opacity: 0;
cursor: pointer; // cursor: pointer;
height: 0; // height: 0;
width: 0; // width: 0;
} // }
/* Create a custom radio button */ // /* Create a custom radio button */
.checkmark { // .checkmark {
display: inline-block; // display: inline-block;
top: 0; // top: 0;
left: 0; // left: 0;
height: 20px; // height: 20px;
width: 36px; // width: 36px;
background-color: #30da0c; // background-color: #30da0c;
border-radius: 5px; // border-radius: 5px;
box-shadow: 0 0 10px #003300 inset; // box-shadow: 0 0 10px #003300 inset;
-webkit-box-shadow: 0 0 10px #003300 inset; // -webkit-box-shadow: 0 0 10px #003300 inset;
-moz-box-shadow: 0 0 10px #003300 inset; // -moz-box-shadow: 0 0 10px #003300 inset;
-o-box-shadow: 0 0 10px #003300 inset; // -o-box-shadow: 0 0 10px #003300 inset;
border-radius: 10px; // border-radius: 10px;
-webkit-border-radius: 10px; // -webkit-border-radius: 10px;
-moz-border-radius: 10px; // -moz-border-radius: 10px;
-o-border-radius: 10px; // -o-border-radius: 10px;
} // }
/* On mouse-over, add a grey background color */ // /* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark { // .container:hover input ~ .checkmark {
background-color: #3de31c; // background-color: #3de31c;
} // }
/* When the radio button is checked, add a blue background */ // /* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark { // .container input:checked ~ .checkmark {
background-color: #3de31c; // background-color: #3de31c;
} // }
/* Create the indicator (the dot/circle - hidden when not checked) */ // /* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after { // .checkmark:after {
content: ""; // content: "";
position: absolute; // position: absolute;
display: none; // display: none;
} // }
/* Show the indicator (dot/circle) when checked */ // /* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after { // .container input:checked ~ .checkmark:after {
display: block; // display: block;
} // }
/* Style the indicator (dot/circle) */ // /* Style the indicator (dot/circle) */
.container .checkmark:after { // .container .checkmark:after {
top: 5px; // top: 5px;
left: 8px; // left: 8px;
width: 10px; // width: 10px;
height: 10px; // height: 10px;
border-radius: 50%; // border-radius: 50%;
background: black; // background: black;
} // }
} }

View File

@@ -1,11 +1,3 @@
.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 { .pokemon.sheet.characterSheet .window-content {
background: #c00d0d; background: #c00d0d;
color: white; color: white;
@@ -403,49 +395,3 @@
display: flex; display: flex;
align-items: center; 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;
}

View File

@@ -1,5 +1,5 @@
{ {
"version": "0.0.43", "version": "0.0.44",
"id": "pokemon", "id": "pokemon",
"title": "Pokémon TTRPG", "title": "Pokémon TTRPG",
"description": "A Pokémon TTRPG", "description": "A Pokémon TTRPG",

Binary file not shown.