This commit is contained in:
Nikolaj
2025-08-05 13:20:55 +02:00
parent 7c8f1425cc
commit 5f2e43d99f
4 changed files with 29 additions and 43 deletions

View File

@@ -449,20 +449,21 @@
background-color: transparent; background-color: transparent;
color: black; color: black;
border: 2px solid black; border: 2px solid black;
width: 80px; width: 100px;
height: 20px; height: 30px;
border-radius: 20px; border-radius: 20px;
-webkit-border-radius: 20px; -webkit-border-radius: 20px;
-moz-border-radius: 20px; -moz-border-radius: 20px;
-o-border-radius: 20px; -o-border-radius: 20px;
margin: 15px 10px; margin: 5px 0px 5px 15px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-evenly; justify-content: space-evenly;
align-items: center; align-items: center;
text-align: center; text-align: center;
font-size: 16;
} }
.container { .container {
@@ -486,7 +487,7 @@
left: 0; left: 0;
height: 20px; height: 20px;
width: 36px; width: 36px;
background-color: #30da0c; background-color: black;
border-radius: 5px; border-radius: 5px;
margin-right: 8px; margin-right: 8px;
@@ -503,7 +504,7 @@
/* 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: #83f16d; background-color: #434343;
} }
/* When the radio button is checked, add a blue background */ /* When the radio button is checked, add a blue background */
@@ -512,26 +513,26 @@
} }
/* 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: relative; // position: relative;
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: 13px; // left: 13px;
width: 10px; // width: 10px;
height: 10px; // height: 10px;
border-radius: 50%; // border-radius: 50%;
background: black; // background: black;
} // }
.combatBox { .combatBox {
display: flex; display: flex;

View File

@@ -385,18 +385,19 @@
background-color: transparent; background-color: transparent;
color: black; color: black;
border: 2px solid black; border: 2px solid black;
width: 80px; width: 100px;
height: 20px; height: 30px;
border-radius: 20px; border-radius: 20px;
-webkit-border-radius: 20px; -webkit-border-radius: 20px;
-moz-border-radius: 20px; -moz-border-radius: 20px;
-o-border-radius: 20px; -o-border-radius: 20px;
margin: 15px 10px; margin: 5px 0px 5px 15px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-evenly; justify-content: space-evenly;
align-items: center; align-items: center;
text-align: center; text-align: center;
font-size: 16;
} }
.pokemon.sheet.characterSheet .container { .pokemon.sheet.characterSheet .container {
display: flex; display: flex;
@@ -416,7 +417,7 @@
left: 0; left: 0;
height: 20px; height: 20px;
width: 36px; width: 36px;
background-color: #30da0c; background-color: black;
border-radius: 5px; border-radius: 5px;
margin-right: 8px; margin-right: 8px;
box-shadow: 0 0 10px #003300 inset; box-shadow: 0 0 10px #003300 inset;
@@ -429,27 +430,11 @@
-o-border-radius: 10px; -o-border-radius: 10px;
} }
.pokemon.sheet.characterSheet .container:hover input ~ .checkmark { .pokemon.sheet.characterSheet .container:hover input ~ .checkmark {
background-color: #83f16d; background-color: #434343;
} }
.pokemon.sheet.characterSheet .container input:checked ~ .checkmark { .pokemon.sheet.characterSheet .container input:checked ~ .checkmark {
background-color: #30da0c; background-color: #30da0c;
} }
.pokemon.sheet.characterSheet .checkmark:after {
content: "";
position: relative;
display: none;
}
.pokemon.sheet.characterSheet .container input:checked ~ .checkmark:after {
display: block;
}
.pokemon.sheet.characterSheet .container .checkmark:after {
top: 5px;
left: 13px;
width: 10px;
height: 10px;
border-radius: 50%;
background: black;
}
.pokemon.sheet.characterSheet .combatBox { .pokemon.sheet.characterSheet .combatBox {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View File

@@ -1,5 +1,5 @@
{ {
"version": "0.1.19", "version": "0.1.20",
"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.