✨
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,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 {
|
.pokemon.sheet.characterSheet .window-content {
|
||||||
background: #c00d0d;
|
background: #c00d0d;
|
||||||
color: white;
|
color: white;
|
||||||
@@ -395,3 +403,49 @@
|
|||||||
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.44",
|
"version": "0.0.45",
|
||||||
"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