✨
This commit is contained in:
@@ -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;
|
||||||
}
|
// }
|
||||||
}
|
}
|
||||||
|
|||||||
54
pokemon.css
54
pokemon.css
@@ -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;
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -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",
|
||||||
|
|||||||
BIN
system.zip
BIN
system.zip
Binary file not shown.
Reference in New Issue
Block a user