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

View File

@@ -471,64 +471,64 @@
align-items: center;
}
// .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;
// 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;
// }
// /* 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;
// }
// /* 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;
// }
// /* Style the indicator (dot/circle) */
// .container .checkmark:after {
// top: 5px;
// left: 8px;
// width: 10px;
// height: 10px;
// border-radius: 50%;
// background: black;
// }
.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;
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;
}
/* 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;
}
/* 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;
}
/* Style the indicator (dot/circle) */
.container .checkmark:after {
top: 5px;
left: 8px;
width: 10px;
height: 10px;
border-radius: 50%;
background: black;
}
}

View File

@@ -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;
}

View File

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

Binary file not shown.