slaguru666/roll20-character-sheets-tester
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update genCharR20sheet.css

Browse Source
This commit is contained in:
Cacealeos
2021-05-17 01:06:24 -07:00
committed by GitHub
parent dcb50ee51d
commit 2f0f5db93f
1 changed files with 57 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Generation/genCharR20sheet.css
+57 -15
View File
@@ -19,12 +19,11 @@ In the HTML file, this prefix is not needed. */
.sheet-menuborder-secondary {
border-style: double;
border-width: 5px;
box-sizing: border box;
border-color: mediumspringgreen;
padding: 5px;
background: linear-gradient(to bottom right, mediumseagreen, rgba(0,0,0,0));
opacity: 0;
padding: 5px;
}
.sheet-spell-tech-points {
@@ -64,15 +63,15 @@ button.sheet-semi {
.sheet-passives-semi:hover,
.sheet-inventory-semi:hover,
.sheet-training-semi:hover,
.sheet-character-semi[value="character"],
.sheet-equipment-semi[value="equipment"],
.sheet-styles-semi[value="styles"],
.sheet-spells-semi[value="spells"],
.sheet-energy-techniques-semi[value="energytechniques"],
.sheet-melee-techniques-semi[value="meleetechniques"],
.sheet-passives-semi[value="passives"],
.sheet-inventory-semi[value="inventory"],
.sheet-training-semi[value="training"],
.sheet-tabstoggle[value="character"] ~ button.sheet-character-semi,
.sheet-tabstoggle[value="passives"] ~ button.sheet-passives-semi,
.sheet-tabstoggle[value="inventory"] ~ button.sheet-inventory-semi,
.sheet-tabstoggle[value="equipment"] ~ button.sheet-equipment-semi,
.sheet-tabstoggle[value="spells"] ~ button.sheet-spells-semi,
.sheet-tabstoggle[value="styles"] ~ button.sheet-styles-semi,
.sheet-tabstoggle[value="meleetechniques"] ~ button.sheet-meleetechniques-semi,
.sheet-tabstoggle[value="energytechniques"] ~ button.sheet-energytechniques-semi,
.sheet-tabstoggle[value="training"] ~ button.sheet-training-semi,
button.sheet-semi:hover,
{
background: black;
@@ -95,6 +94,7 @@ button.sheet-semi:hover,
text-align: center;
transition: all 0.4s ease-in;
flex-flow: row;
flex-basis: content;
}
div.sheet-stats, div.sheet-skills, div.sheet-energy-catalyst {
@@ -145,7 +145,31 @@ input.sheet-character-inputs {
border-right: 35px;
border-top: 35px;
color: lime;
width: 40%;
width: 25%;
font-size: 30px;
}
input.sheet-character-inputsleft {
padding: 3px;
background: linear-gradient(to top right, mediumseagreen, rgba(0,0,0,0));
text-align: center;
position: relative;
border-color: mediumspringgreen;
border-right: 35px;
border-top: 35px;
color: lime;
width: 25%;
font-size: 30px;
}
input.sheet-character-inputsright {
padding: 3px;
background: linear-gradient(to top right, mediumseagreen, rgba(0,0,0,0));
text-align: center;
position: relative;
border-color: mediumspringgreen;
border-right: 35px;
border-top: 35px;
color: lime;
width: 25%;
font-size: 30px;
}
@@ -218,7 +242,11 @@ will reveal the Left side block. The "name" of the attribute is not shown here;
.sheet-moduletype-toggle[value="assault"] ~ div.sheet-assault,
.sheet-moduletype-toggle[value="vigilant"] ~ div.sheet-vigilant,
.sheet-moduletype-toggle[value="caster"] ~ div.sheet-caster,
.sheet-moduletype-toggle[value="universal"] ~ div.sheet-universal,
.sheet-moduletype-toggle[value="universal"] ~ div.sheet-universal {
display: block;
}
.sheet-tabstoggle[value="character"] ~ div.sheet-character,
.sheet-tabstoggle[value="passives"] ~ div.sheet-passives,
.sheet-tabstoggle[value="inventory"] ~ div.sheet-inventory,
@@ -326,6 +354,7 @@ button.sheet-energy > span.sheet-checked {
.sheet-mods {
display: flex;
align-items: center;
flex-flow: row wrap;
}
button.sheet-mod{
padding: 5;
@@ -361,7 +390,11 @@ input.sheet-race:not([value="Necrian"]) ~ button.sheet-race-5 > span.sheet-check
input.sheet-moduletype-toggle:not([value="assault"]) ~ button.sheet-mod-1 > span.sheet-checked,
input.sheet-moduletype-toggle:not([value="vigilant"]) ~ button.sheet-mod-2 > span.sheet-checked,
input.sheet-moduletype-toggle:not([value="caster"]) ~ button.sheet-mod-3 > span.sheet-checked,
input.sheet-moduletype-toggle:not([value="universal"]) ~ button.sheet-mod-4 > span.sheet-checked{
input.sheet-moduletype-toggle:not([value="universal"]) ~ button.sheet-mod-4 > span.sheet-checked,
input.sheet-weapon-toggle:not([value="primary"]) ~ div.sheet-primaryweapon,
input.sheet-weapon-toggle:not([value="secondary"]) ~ div.sheet-secondaryweapon,
input.sheet-weapon-toggle:not([value="dual"]) ~ div.sheet-dualweapon,
input.sheet-weapon-toggle:not([value="ranged"]) ~ div.sheet-rangedweapon,{
display: none;
}
@@ -427,54 +460,63 @@ div.sheet-cooldown {
}
input.sheet-cooldown[value="8"] ~ div.sheet-cooldown {
background: purple;
width: 100%;
}
input.sheet-cooldown[value="8"] ~ div.sheet-cooldown:before {
content: "8 Turns of Cooldown";
}
input.sheet-cooldown[value="7"] ~ div.sheet-cooldown {
background: purple;
width: 100%;
}
input.sheet-cooldown[value="7"] ~ div.sheet-cooldown:before {
content: "7 Turns of Cooldown";
}
input.sheet-cooldown[value="6"] ~ div.sheet-cooldown {
background: red;
width: 100%;
}
input.sheet-cooldown[value="6"] ~ div.sheet-cooldown:before {
content: "6 Turns of Cooldown";
}
input.sheet-cooldown[value="5"] ~ div.sheet-cooldown {
background: red;
width: 100%;
}
input.sheet-cooldown[value="5"] ~ div.sheet-cooldown:before {
content: "5 Turns of Cooldown";
}
input.sheet-cooldown[value="4"] ~ div.sheet-cooldown {
background: yellow;
width: 100%;
}
input.sheet-cooldown[value="4"] ~ div.sheet-cooldown:before {
content: "4 Turns of Cooldown";
}
input.sheet-cooldown[value="3"] ~ div.sheet-cooldown {
background: yellow;
width: 100%;
}
input.sheet-cooldown[value="3"] ~ div.sheet-cooldown:before {
content: "3 Turns of Cooldown";
}
input.sheet-cooldown[value="2"] ~ div.sheet-cooldown {
background: green;
width: 100%;
}
input.sheet-cooldown[value="2"] ~ div.sheet-cooldown:before {
content: "2 Turns of Cooldown";
}
input.sheet-cooldown[value="1"] ~ div.sheet-cooldown {
background: green;
width: 100%;
}
input.sheet-cooldown[value="1"] ~ div.sheet-cooldown:before {
content: "1 Turns of Cooldown";
}
input.sheet-cooldown[value=""] ~ div.sheet-cooldown {
display: none;
width: 100%;
}
div.sheet-techbar {
@@ -558,5 +600,5 @@ input.sheet-durbar[value="1"] ~ div.sheet-durbar {
background: purple;
}
input.sheet-durbar[value="1"] ~ div.sheet-durbar:before {
content: "~ 20$";
content: "~ 20%";
}