mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
2671 lines
62 KiB
CSS
2671 lines
62 KiB
CSS
.charsheet {
|
|
background-color: #adadad8c;
|
|
background-position: center;
|
|
background-size: contain;
|
|
color: black;
|
|
position: absolute;
|
|
background-image: url("https://raw.githubusercontent.com/bahornbeck/img/master/images/matrixbg.jpg");
|
|
}
|
|
|
|
|
|
@keyframes example {
|
|
from {background-color: red;}
|
|
to {background-color: yellow;}
|
|
}
|
|
.testme {
|
|
width: 100px;
|
|
height: 100px;
|
|
background-color: red;
|
|
animation-name: example;
|
|
animation-duration: 4s;
|
|
}
|
|
|
|
select option {
|
|
background: black;
|
|
color: white;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
|
|
}
|
|
|
|
|
|
.button {
|
|
font-size: 1em;
|
|
padding: 4px;
|
|
color: white;
|
|
border: 2px solid black;
|
|
border-radius: 20px;
|
|
text-decoration: none;
|
|
background: black;
|
|
cursor: pointer;
|
|
transition: all 0.3s ease-out;
|
|
}
|
|
.button:hover {
|
|
background: red;
|
|
color: white;
|
|
}
|
|
|
|
.overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background: rgba(0, 0, 0, 0.7);
|
|
transition: opacity 500ms;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
.overlay:target {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
.popup {
|
|
margin: 70px auto;
|
|
padding: 20px;
|
|
background: #fff;
|
|
border-radius: 5px;
|
|
width: 60%;
|
|
position: relative;
|
|
transition: all 5s ease-in-out;
|
|
}
|
|
|
|
.popup h2 {
|
|
margin-top: 0;
|
|
color: #333;
|
|
font-family: Tahoma, Arial, sans-serif;
|
|
}
|
|
.popup .close {
|
|
position: absolute;
|
|
top: 20px;
|
|
right: 30px;
|
|
transition: all 200ms;
|
|
font-size: 30px;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
color: #333;
|
|
}
|
|
.popup .close:hover {
|
|
color: #06D85F;
|
|
}
|
|
.popup .content {
|
|
max-height: 30%;
|
|
overflow: auto;
|
|
}
|
|
|
|
|
|
|
|
|
|
summary,
|
|
details {
|
|
display: revert;
|
|
}
|
|
|
|
.SRH5 {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
|
|
color: white;
|
|
}
|
|
|
|
.SRH4 {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
|
|
color: white;
|
|
}
|
|
|
|
.SRH3 {
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
|
|
color: white;
|
|
}
|
|
|
|
.SRH3 span {
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
color: black;
|
|
background-color: white;
|
|
padding-left: 18px;
|
|
padding-right: 18px;
|
|
}
|
|
|
|
.SRH2 {
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
|
|
color: white;
|
|
}
|
|
|
|
.SRH2W {
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
color: white;
|
|
}
|
|
|
|
|
|
.SRH2 span {
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
color: black;
|
|
background-color: white;
|
|
padding-left: 18px;
|
|
padding-right: 18px;
|
|
}
|
|
|
|
.text-left {
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
}
|
|
|
|
.flex-center {
|
|
padding-top: 7px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.text-mid {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-self: center;
|
|
}
|
|
|
|
.text-mid-left {
|
|
align-self: center;
|
|
justify-self: start;
|
|
}
|
|
|
|
.text-mid-right {
|
|
align-self: center;
|
|
padding-right: 2px;
|
|
justify-self: end;
|
|
}
|
|
|
|
.lightborder {
|
|
border: 1px dotted grey;
|
|
border-radius: 5px;
|
|
}
|
|
.sr-border {
|
|
border: 1px solid black;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
|
|
/* The switch - the box around the slider */
|
|
|
|
.toggleswitch {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 40px;
|
|
height: 34px;
|
|
}
|
|
|
|
|
|
/* Hide default HTML checkbox */
|
|
|
|
.toggleswitch input {
|
|
opacity: 0;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
|
|
/* The slider */
|
|
|
|
.slider {
|
|
position: absolute;
|
|
cursor: pointer;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-color: #ccc;
|
|
-webkit-transition: .4s;
|
|
transition: .4s;
|
|
}
|
|
|
|
.slider:before {
|
|
position: absolute;
|
|
content: "";
|
|
height: 26px;
|
|
width: 26px;
|
|
left: 4px;
|
|
bottom: 4px;
|
|
background-color: white;
|
|
-webkit-transition: .4s;
|
|
transition: .4s;
|
|
}
|
|
|
|
input:checked+.slider {
|
|
background-color: #2196F3;
|
|
}
|
|
|
|
input:focus+.slider {
|
|
box-shadow: 0 0 1px #2196F3;
|
|
}
|
|
|
|
input:checked+.slider:before {
|
|
-webkit-transform: translateX(26px);
|
|
-ms-transform: translateX(26px);
|
|
transform: translateX(26px);
|
|
}
|
|
|
|
|
|
/* Rounded sliders */
|
|
|
|
.slider.round {
|
|
border-radius: 34px;
|
|
}
|
|
|
|
.slider.round:before {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.karma-max {
|
|
display: grid;
|
|
align-items: center;
|
|
grid-template-columns: auto 10px auto;
|
|
}
|
|
.karma-pool{
|
|
display: grid;
|
|
grid-template-columns: 120px 120px;
|
|
}
|
|
|
|
.attributes-init {
|
|
display: grid;
|
|
grid-template-columns: auto auto auto;
|
|
text-align: center;
|
|
border-radius: 20px;
|
|
grid-gap: 5px;
|
|
color: black;
|
|
border: 2px solid #000000;
|
|
}
|
|
|
|
|
|
/* get rid of grid3 */
|
|
|
|
.grid3 {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
grid-gap: 5px;
|
|
color: black;
|
|
}
|
|
|
|
.hidden-constants {
|
|
display: none;
|
|
}
|
|
|
|
.alwaysdisplayed {
|
|
background-color: rgba(192,192,192,.9);
|
|
display: grid;
|
|
grid-template-columns: 650px 1fr;
|
|
border-top-right-radius: 10px;
|
|
border-top-left-radius: 10px;
|
|
padding: 2px;
|
|
border-top: 2px solid #000000;
|
|
border-left: 2px solid #000000;
|
|
border-right: 2px solid #000000;
|
|
}
|
|
|
|
.spirits-buttons,
|
|
.critters-buttons,
|
|
.alwaysdisplayed-buttons {
|
|
text-align: center;
|
|
border-radius: 10px;
|
|
padding: 2px;
|
|
border: 2px solid #000000;
|
|
background-color: #7ec3fcf5
|
|
}
|
|
/* deck formating */
|
|
|
|
.deck-skills {
|
|
display: grid;
|
|
grid-template-columns: 245px;
|
|
}
|
|
.deck-skills-row {
|
|
display: grid;
|
|
grid-template-columns: 70px 45px 35px 75px 20px;
|
|
align-items: center;
|
|
|
|
}
|
|
/* end deck formating */
|
|
|
|
|
|
/* matrix formating */
|
|
|
|
.matrix-always-displayed {
|
|
display: grid;
|
|
border-radius: 10px;
|
|
background-color: olivedrab;
|
|
border: 2px solid #000000;
|
|
}
|
|
|
|
.matrix-attributes {
|
|
display: grid;
|
|
grid-template-columns: auto auto auto;
|
|
}
|
|
|
|
.matrix-rating {
|
|
text-align: center;
|
|
display: grid;
|
|
grid-template-columns: 90px 5px 90px 5px 60px 5px 60px 5px 60px 5px 60px 5px 60px;
|
|
}
|
|
|
|
.securitysheaf {
|
|
display: grid;
|
|
grid-template-columns: 220px;
|
|
}
|
|
|
|
.matrix-rating .header {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.matrix-intruder-tally {
|
|
display: grid;
|
|
grid-template-columns: 125px 90px 90px 70px;
|
|
}
|
|
|
|
.securitytally {
|
|
display: grid;
|
|
grid-template-columns: 90px 225px;
|
|
}
|
|
|
|
.matrix-intruder-tally .header,
|
|
.securitytally .header {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ic-attributes-table,
|
|
.ic-attributes {
|
|
display: grid;
|
|
text-align: center;
|
|
grid-template-columns: 110px 50px 80px 50px 80px 85px 80px 50px 50px 50px 50px 50px 1fr;
|
|
}
|
|
|
|
.ic-attributes-table{
|
|
background-color: rgba(192,192,192,.9);
|
|
border-left: 2px solid #fff;
|
|
border-right: 2px solid #fff;
|
|
}
|
|
|
|
|
|
/* .ic{
|
|
display: none;
|
|
}
|
|
|
|
.matrixobject-switch[value="IC"] ~ div.ic{
|
|
display: grid;
|
|
grid-template-columns: 120px 150px 140px 140px 30px 250px;
|
|
}
|
|
.matrixobject-switch[value="IC"] ~ div.matrixhost {
|
|
display: none;
|
|
} */
|
|
|
|
.combat-always-visible {
|
|
background-color: rgba(192,192,192,.9);
|
|
border-radius: 10px;
|
|
padding: 2px;
|
|
border: 2px solid #000000;
|
|
}
|
|
|
|
.conditionstatus {
|
|
display: grid;
|
|
text-align: center;
|
|
grid-template-columns: 80px 80px 100px 120px 100px 100px;
|
|
}
|
|
|
|
.conditionstatus2 {
|
|
display: grid;
|
|
align-items: center;
|
|
grid-template-columns: 165px 40px 10px 50px 35px 55px 35px 55px 35px 315px;
|
|
background-color: rgba(192,192,192,.9);
|
|
border-bottom-left-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
padding: 2px;
|
|
border-bottom: 2px solid #000000;
|
|
border-left: 2px solid #000000;
|
|
border-right: 2px solid #000000;
|
|
}
|
|
|
|
.conditionstatus2-attrs {
|
|
display: grid;
|
|
grid-template-columns: 45px 45px 45px 45px 45px 45px 45px;
|
|
}
|
|
|
|
.conditionstatus2-attrs span {
|
|
background-color: white;
|
|
color: black;
|
|
padding: 5px;
|
|
border: 1px solid #000000;
|
|
}
|
|
|
|
.reaction {
|
|
display: grid;
|
|
grid-template-columns: 90px 90px 65px 75px;
|
|
text-align: left;
|
|
color: black;
|
|
}
|
|
|
|
.reaction-spirit {
|
|
grid-template-columns: 80px 120px 120px;
|
|
text-align: left;
|
|
color: black;
|
|
}
|
|
|
|
.walk-run {
|
|
display: grid;
|
|
grid-template-columns: 110px 60px 150px;
|
|
text-align: left;
|
|
}
|
|
|
|
.dicepool {
|
|
display: grid;
|
|
grid-template-columns: 95px 35px 35px;
|
|
align-itmes: center;
|
|
column-gap: 5px;
|
|
}
|
|
|
|
.deck-memory-used span,
|
|
.dicepool span {
|
|
background-color: white;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
border: 1px solid #000000;
|
|
}
|
|
|
|
.geninfo {
|
|
color: white;
|
|
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
background-image: none;
|
|
background-position: center;
|
|
background-size: contain;
|
|
}
|
|
|
|
.geninfo-item {
|
|
display: grid;
|
|
grid-template-columns: 90px 120px 30px 80px;
|
|
align-content: left;
|
|
align-self: center;
|
|
}
|
|
|
|
.vehicle-attr-tab,
|
|
.vehicle-notes-tab,
|
|
.vehicle-combat-tab,
|
|
.vehicle-ecm-tab,
|
|
.matrix,
|
|
.frame,
|
|
.sheet-character,
|
|
.sheet-test1,
|
|
.sheet-magic,
|
|
.sheet-decks,
|
|
.sheet-gear,
|
|
.sheet-vehicles,
|
|
.sheet-combat,
|
|
.sheet-contacts,
|
|
.sheet-cyberware,
|
|
.sheet-karma,
|
|
.sheet-rigger,
|
|
.sheet-skills {
|
|
display: none;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="magic"]+.charsheet {
|
|
background-image: url("https://raw.githubusercontent.com/bahornbeck/img/master/images/nebula2.jpg");
|
|
}
|
|
|
|
.sheet-tabstoggle[value="critter-powers"]~div.sheet-critter-powers,
|
|
.sheet-tabstoggle[value="vehicle-combat-tab"]~div.vehicle-combat-tab,
|
|
.sheet-tabstoggle[value="vehicle-notes-tab"]~div.vehicle-notes-tab,
|
|
.sheet-tabstoggle[value="vehicle-attr-tab"]~div.vehicle-attr-tab,
|
|
.sheet-tabstoggle[value="vehicle-ecm-tab"]~div.vehicle-ecm-tab,
|
|
.sheet-tabstoggle[value="character"]~div.sheet-character,
|
|
.sheet-tabstoggle[value="decks"]~div.sheet-decks,
|
|
.sheet-tabstoggle[value="magic"]~div.sheet-magic,
|
|
.sheet-tabstoggle[value="gear"]~div.sheet-gear,
|
|
.sheet-tabstoggle[value="vehicles"]~div.sheet-vehicles,
|
|
.sheet-tabstoggle[value="combat"]~div.sheet-combat,
|
|
.sheet-tabstoggle[value="rigger"]~div.sheet-rigger,
|
|
.sheet-tabstoggle[value="cyberware"]~div.sheet-cyberware,
|
|
.sheet-tabstoggle[value="karma"]~div.sheet-karma,
|
|
.sheet-tabstoggle[value="contacts"]~div.sheet-contacts,
|
|
.sheet-tabstoggle[value="skills"]~div.sheet-skills {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="critter-powers"]~button.critters-powers-button,
|
|
.sheet-tabstoggle[value="vehicle-combat-tab"]~button.vehicle-combat-button,
|
|
.sheet-tabstoggle[value="vehicle-notes-tab"]~button.vehicle-notes-button,
|
|
.sheet-tabstoggle[value="vehicle-attr-tab"]~button.vehicle-attr-button,
|
|
.sheet-tabstoggle[value="vehicle-ecm-tab"]~button.vehicle-ecm-button,
|
|
.sheet-tabstoggle[value="character"]~button.charbutton,
|
|
.sheet-tabstoggle[value="skills"]~button.skillsbutton,
|
|
.sheet-tabstoggle[value="decks"]~button.decksbutton,
|
|
.sheet-tabstoggle[value="magic"]~button.magicbutton,
|
|
.sheet-tabstoggle[value="magic"]~button.adeptbutton,
|
|
.sheet-tabstoggle[value="gear"]~button.gearbutton,
|
|
.sheet-tabstoggle[value="rigger"]~button.riggerbutton,
|
|
.sheet-tabstoggle[value="vehicles"]~button.vehiclesbutton,
|
|
.sheet-tabstoggle[value="cyberware"]~button.cyberwarebutton,
|
|
.sheet-tabstoggle[value="karma"]~button.karmabutton,
|
|
.sheet-tabstoggle[value="contacts"]~button.contactsbutton,
|
|
.sheet-tabstoggle[value="combat"]~button.combatbutton {
|
|
background-color: red;
|
|
}
|
|
|
|
.small-rollbutton {
|
|
display: inline-block;
|
|
background-color: black;
|
|
/* Green */
|
|
border: none;
|
|
border-radius: 25px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
font-size: 10px;
|
|
color: white
|
|
}
|
|
.small-rollbutton:hover {
|
|
background-color: white;
|
|
border: 2px solid black;
|
|
color: black;
|
|
}
|
|
.basic-button,
|
|
.critters-powers-button,
|
|
.vehicle-attr-button,
|
|
.vehicle-notes-button,
|
|
.vehicle-ecm-button,
|
|
.vehicle-combat-button,
|
|
.charbutton,
|
|
.skillsbutton,
|
|
.decksbutton,
|
|
.magicbutton,
|
|
.adeptbutton,
|
|
.gearbutton,
|
|
.riggerbutton,
|
|
.vehiclesbutton,
|
|
.contactsbutton,
|
|
.cyberwarebutton,
|
|
.karmabutton,
|
|
.combatbutton {
|
|
display: inline-block;
|
|
background-color: black;
|
|
/* Green */
|
|
border: none;
|
|
border-radius: 25px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
font-size: 16px;
|
|
color: white
|
|
}
|
|
|
|
.basic-button:hover,
|
|
.critters-powers-button:hover,
|
|
.vehicle-attr-button:hover,
|
|
.vehicle-notes-button:hover,
|
|
.vehicle-ecm-button:hover,
|
|
.vehicle-combat-button:hover,
|
|
.charbutton:hover,
|
|
.contactsbutton:hover,
|
|
.cyberwarebutton:hover,
|
|
.skillsbutton:hover,
|
|
.decksbutton:hover,
|
|
.magicbutton:hover,
|
|
.adeptbutton:hover,
|
|
.gearbutton:hover,
|
|
.riggerbutton:hover,
|
|
.vehiclesbutton:hover,
|
|
.combatbutton:hover {
|
|
background-color: white;
|
|
color: black;
|
|
}
|
|
|
|
.reaction-spirit,
|
|
.alwaysdisplayed-buttons,
|
|
.critters-only,
|
|
.spirits-only,
|
|
.spirittype-info,
|
|
.metatype-info,
|
|
.matrix-show-frame,
|
|
.characters-npcs,
|
|
.sheet-critter-powers,
|
|
.vehicles,
|
|
.sheet-spirit,
|
|
.matrix {
|
|
display: none;
|
|
}
|
|
|
|
.magictype[value="mage"]~div.shaman-only-foci,
|
|
.magictype[value="aspect"]~div.shaman-only-foci,
|
|
.magictype[value="shaman"]~div.mage-only-foci,
|
|
.magictype[value="mage"]~button.adeptbutton,
|
|
.magictype[value="shaman"]~button.adeptbutton,
|
|
.magictype[value="aspect"]~button.adeptbutton,
|
|
.magictype[value="mage"]~div.adept-only,
|
|
.magictype[value="shaman"]~div.adept-only,
|
|
.magictype[value="aspect"]~div.adept-only {
|
|
display: none;
|
|
}
|
|
.magictype[value="adept"]~div.mage-only,
|
|
.magictype[value="adept"]~button.magicbutton {
|
|
display: none;
|
|
}
|
|
|
|
.buttontoggle[value="Spirit"]~div.hide-spirit-critter,
|
|
.buttontoggle[value="Critter"]~div.hide-spirit-critter,
|
|
.buttontoggle[value="Spirit"]~div.normal-init,
|
|
.buttontoggle[value="Spirit"]~div.npc-chars-only,
|
|
.buttontoggle[value="Critter"]~div.npc-chars-only,
|
|
.buttontoggle[value="Spirit"]~div.manual-gunnery,
|
|
.buttontoggle[value="Critter"]~div.manual-gunnery{
|
|
display: none;
|
|
}
|
|
|
|
.buttontoggle[value="Spirit"]~div.spells-spirit-status,
|
|
.buttontoggle[value="Spirit"]~div.reaction-spirit,
|
|
.buttontoggle[value="Spirit"]~div.spirittype-info {
|
|
display: grid;
|
|
|
|
}
|
|
.buttontoggle[value="Critter"]~div.spells-spirit-status,
|
|
.buttontoggle[value="Character"]~div.spells-spirit-status,
|
|
.buttontoggle[value="NPC"]~div.spells-spirit-status,
|
|
.buttontoggle[value="Spirit"]~div.spells-status,
|
|
.buttontoggle[value="Spirit"]~div.reaction {
|
|
display: none;
|
|
}
|
|
|
|
.spirittype-info {
|
|
grid-template-columns: 80px 250px 60px 45px;
|
|
align-items: center;
|
|
grid-column-start: 1;
|
|
}
|
|
|
|
.buttontoggle[value="NPC"]~div.metatype-info,
|
|
.buttontoggle[value="Character"]~div.metatype-info {
|
|
display: grid;
|
|
grid-template-columns: 70px 80px 40px 60px 50px 60px 55px 60px;
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
grid-column-start: 1;
|
|
}
|
|
|
|
|
|
.buttontoggle[value="Character"]~div.characters-npcs,
|
|
.buttontoggle[value="Character"]~div.alwaysdisplayed-buttons,
|
|
.buttontoggle[value="NPC"]~div.characters-npcs,
|
|
.buttontoggle[value="NPC"]~div.alwaysdisplayed-buttons,
|
|
.buttontoggle[value="Spirit"]~div.sheet-spirit,
|
|
.buttontoggle[value="Spirit"]~div.spirits-only,
|
|
.buttontoggle[value="Spirit"]~div.characters-npcs,
|
|
.buttontoggle[value="Critter"]~div.sheet-critter,
|
|
.buttontoggle[value="Critter"]~div.characters-npcs,
|
|
.buttontoggle[value="Critter"]~div.critters-only,
|
|
.buttontoggle[value="Vehicle"]~div.vehicles,
|
|
.buttontoggle[value="Drone"]~div.vehicles,
|
|
.buttontoggle[value="Frame"]~div.sheet-decks,
|
|
.buttontoggle[value="Matrix"]~div.matrix {
|
|
display: block;
|
|
}
|
|
|
|
.karma-summary {
|
|
display: grid;
|
|
grid-template-columns: 220px 220px 220px;
|
|
}
|
|
|
|
.karma-history {
|
|
display: grid;
|
|
grid-template-columns: 180px 150px 120px 1fr;
|
|
}
|
|
|
|
.deck-name {
|
|
display: grid;
|
|
align-items: center;
|
|
grid-template-columns: 70px 200px;
|
|
}
|
|
|
|
.deck-memory-used,
|
|
.frame-util-used,
|
|
.deck-attributes {
|
|
padding: 5px;
|
|
background-color: rgba(192,192,192,.9);
|
|
border: 1px solid darkslategray;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.buttontoggle[value="Frame"]~div.matrix-show-deck {
|
|
display: none;
|
|
}
|
|
|
|
.buttontoggle[value="Frame"]~div.matrix-show-frame {
|
|
display: grid;
|
|
}
|
|
|
|
.buttontoggle[value="Vehicle"]~div.sheet-character,
|
|
.buttontoggle[value="Drone"]~div.sheet-character,
|
|
.buttontoggle[value="Frame"]~div.sheet-character,
|
|
.buttontoggle[value="Matrix"]~div.sheet-character {
|
|
display: none;
|
|
}
|
|
|
|
.buttontoggle[value="Drone"]~div.drone-only,
|
|
.buttontoggle[value="Drone"]~div.rc-condition {
|
|
display: block;
|
|
}
|
|
.critter-powers{
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
}
|
|
.critter-powers-table{
|
|
display: grid;
|
|
grid-template-columns: 120px 250px;
|
|
}
|
|
|
|
.critter-powers-table input{
|
|
min-width: 0;
|
|
}
|
|
.critter-attack {
|
|
display: grid;
|
|
grid-template-columns: 45px 1fr 35px;
|
|
}
|
|
.critter-attributes{
|
|
display: grid;
|
|
grid-template-columns: 73px 1fr;
|
|
|
|
}
|
|
|
|
.char-attributes {
|
|
display: grid;
|
|
grid-template-columns: 80px 70px 70px 55px;
|
|
}
|
|
|
|
.char-attributes span {
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
|
|
}
|
|
|
|
.char_attributes .header {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.char_attributes .label {
|
|
color: black;
|
|
align-self: center;
|
|
}
|
|
|
|
.repeating-number input[type="number"] {
|
|
width: 100%;
|
|
height: 25px;
|
|
line-height: 25px;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.pictos3-button,
|
|
#sensorexp,
|
|
#vehiclesensor,
|
|
.d6-button,
|
|
.pictos-button,
|
|
.charsheet button[type=action].explosive-dice,
|
|
.charsheet button[type=action].reload-dice,
|
|
.charsheet button[type=action].attack-dice {
|
|
padding: 0px;
|
|
font-size: 22px;
|
|
background-color: transparent;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
border-bottom-color: #bbb;
|
|
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
|
|
line-height: inherit;
|
|
background-color: #f5f5f5;
|
|
}
|
|
.charsheet button[type=action].explosive-dice,
|
|
.charsheet button[type=action].attack-dice {
|
|
color: red;
|
|
}
|
|
|
|
.charsheet button[type=action].d6-dice::before {
|
|
font-family: 'dicefontd6';
|
|
content: 'F ';
|
|
font-size: 18px;
|
|
}
|
|
.charsheet button[type=action].explosive-dice::before {
|
|
font-family: 'Pictos Custom';
|
|
content: 't ';
|
|
}
|
|
#sensorxp::before,
|
|
.charsheet button[type=action].attack-dice::before {
|
|
font-family: 'Pictos Custom';
|
|
content: '[ ';
|
|
}
|
|
.charsheet button[type=action].reload-dice::before {
|
|
font-family: 'Pictos';
|
|
content: '0';
|
|
}
|
|
|
|
.charsheet button[type=roll].d6-dice::before {
|
|
font-family: 'dicefontd6';
|
|
content: 'F ';
|
|
}
|
|
|
|
#sensorexp,
|
|
#vehiclesensor,
|
|
.charsheet button[type=action].pictos-button:hover,
|
|
.charsheet button[type=action].d6-dice:hover,
|
|
.charsheet button[type=roll].d6-dice:hover {
|
|
color: red;
|
|
}
|
|
|
|
.charsheet button[type=action].pictos3-button:hover,
|
|
.charsheet button[type=action].d6-button:hover,
|
|
.charsheet button[type=action].pictos-custom-button:hover,
|
|
.charsheet button[type=action].explosive-dice:hover,
|
|
.charsheet button[type=action].reload-dice:hover {
|
|
color: red;
|
|
background-color: black;
|
|
border: 1px solid white;
|
|
}
|
|
#sensorexp:hover,
|
|
#vehiclesensor:hover,
|
|
.charsheet button[type=action].attack-dice:hover {
|
|
border: 1px solid red;
|
|
background-color: black;
|
|
}
|
|
#sensorexp,
|
|
#vehiclesensor,
|
|
.pictos-button {
|
|
font-family: 'Pictos';
|
|
}
|
|
|
|
.d6-button {
|
|
font-family: 'dicefontd6';
|
|
}
|
|
|
|
.pictos3-button {
|
|
font-family: 'Pictos Three';
|
|
}
|
|
/* GENERAL STYLING OF ELEMENTS WITHIN THE SHEET */
|
|
|
|
.clearboth {
|
|
clear: both;
|
|
}
|
|
|
|
.floatleft {
|
|
float: left;
|
|
}
|
|
|
|
/* TEMPLATE sytling*/
|
|
|
|
.sheet-rolltemplate-item div.sheet-rtcontainer,
|
|
.sheet-rolltemplate-info div.sheet-rtcontainer,
|
|
.sheet-rolltemplate-vehicle div.sheet-rtcontainer,
|
|
.sheet-rolltemplate-matrix div.sheet-rtcontainer,
|
|
.sheet-rolltemplate-spell div.sheet-rtcontainer,
|
|
.sheet-rolltemplate-init div.sheet-rtcontainer,
|
|
.sheet-rolltemplate-attribute div.sheet-rtcontainer,
|
|
.sheet-rolltemplate-explosive div.sheet-rtcontainer,
|
|
.sheet-rolltemplate-skill div.sheet-rtcontainer,
|
|
.sheet-rolltemplate-adept div.sheet-rtcontainer,
|
|
.sheet-rolltemplate-attack div.sheet-rtcontainer,
|
|
.sheet-rolltemplate-resistance div.sheet-rtcontainer {
|
|
width: 100%;
|
|
border: 3px solid black;
|
|
color: black;
|
|
font-size: 1em;
|
|
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
|
}
|
|
|
|
.sheet-rolltemplate-vehicle div.sheet-rtheader {
|
|
border-bottom: 3px solid black;
|
|
background-color: darkblue;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-spell div.sheet-rtheader {
|
|
border-bottom: 3px solid black;
|
|
background-color: olivedrab;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-attack div.sheet-rtheader {
|
|
border-bottom: 3px solid black;
|
|
background-color: red;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-init div.sheet-rtheader {
|
|
border-bottom: 3px solid black;
|
|
background-color: blue;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-adept div.sheet-rtheader {
|
|
border-bottom: 3px solid black;
|
|
background-color: orange;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-item div.sheet-rtheader,
|
|
.sheet-rolltemplate-info div.sheet-rtheader,
|
|
.sheet-rolltemplate-skill div.sheet-rtheader,
|
|
.sheet-rolltemplate-attribute div.sheet-rtheader {
|
|
border-bottom: 3px solid black;
|
|
background-color: lightblue;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-explosive div.sheet-rtheader {
|
|
border-bottom: 3px solid black;
|
|
background-color: yellow;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-resistance div.sheet-rtheader {
|
|
border-bottom: 3px solid black;
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-matrix div.sheet-rtheader {
|
|
border-bottom: 3px solid black;
|
|
background-color: turquoise;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-info div.sheet-rtrow:nth-child(odd),
|
|
.sheet-rolltemplate-item div.sheet-rtrow:nth-child(odd),
|
|
.sheet-rolltemplate-vehicle div.sheet-rtrow:nth-child(odd),
|
|
.sheet-rolltemplate-matrix div.sheet-rtrow:nth-child(odd),
|
|
.sheet-rolltemplate-spell div.sheet-rtrow:nth-child(odd),
|
|
.sheet-rolltemplate-init div.sheet-rtrow:nth-child(odd),
|
|
.sheet-rolltemplate-attribute div.sheet-rtrow:nth-child(odd),
|
|
.sheet-rolltemplate-explosive div.sheet-rtrow:nth-child(odd),
|
|
.sheet-rolltemplate-skill div.sheet-rtrow:nth-child(odd),
|
|
.sheet-rolltemplate-adept div.sheet-rtrow:nth-child(odd),
|
|
.sheet-rolltemplate-attack div.sheet-rtrow:nth-child(odd),
|
|
.sheet-rolltemplate-resistance div.sheet-rtrow:nth-child(odd) {
|
|
background-color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-resistance div.sheet-rtrow-small {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.sheet-rolltemplate-item div.sheet-rtrow:nth-child(even),
|
|
.sheet-rolltemplate-info div.sheet-rtrow:nth-child(even),
|
|
.sheet-rolltemplate-vehicle div.sheet-rtrow:nth-child(even),
|
|
.sheet-rolltemplate-matrix div.sheet-rtrow:nth-child(even),
|
|
.sheet-rolltemplate-init div.sheet-rtrow:nth-child(even),
|
|
.sheet-rolltemplate-attribute div.sheet-rtrow:nth-child(even),
|
|
.sheet-rolltemplate-explosive div.sheet-rtrow:nth-child(even),
|
|
.sheet-rolltemplate-skill div.sheet-rtrow:nth-child(even),
|
|
.sheet-rolltemplate-adept div.sheet-rtrow:nth-child(even),
|
|
.sheet-rolltemplate-attack div.sheet-rtrow:nth-child(even),
|
|
.sheet-rolltemplate-resistance div.sheet-rtrow:nth-child(even),
|
|
.sheet-rolltemplate-spell div.sheet-rtrow:nth-child(even) {
|
|
background-color: lightgrey;
|
|
}
|
|
.sheet-rolltemplate-item .sheet-numberspan,
|
|
.sheet-rolltemplate-info .sheet-numberspan,
|
|
.sheet-rolltemplate-vehicle .sheet-numberspan,
|
|
.sheet-rolltemplate-matrix .sheet-numberspan,
|
|
.sheet-rolltemplate-init .sheet-numberspan,
|
|
.sheet-rolltemplate-attribute .sheet-numberspan,
|
|
.sheet-rolltemplate-explosive .sheet-numberspan,
|
|
.sheet-rolltemplate-skill .sheet-numberspan,
|
|
.sheet-rolltemplate-adept .sheet-numberspan,
|
|
.sheet-rolltemplate-spell .sheet-numberspan,
|
|
.sheet-rolltemplate-resistance .sheet-numberspan,
|
|
.sheet-rolltemplate-attack .sheet-numberspan{
|
|
background-color: yellow;
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
border: 2px solid rgba(167, 168, 170, 1);
|
|
}
|
|
.sheet-rolltemplate-item .inlinerollresult,
|
|
.sheet-rolltemplate-info .inlinerollresult,
|
|
.sheet-rolltemplate-vehicle .inlinerollresult,
|
|
.sheet-rolltemplate-matrix .inlinerollresult,
|
|
.sheet-rolltemplate-init .inlinerollresult,
|
|
.sheet-rolltemplate-attribute .inlinerollresult,
|
|
.sheet-rolltemplate-explosive .inlinerollresult,
|
|
.sheet-rolltemplate-skill .inlinerollresult,
|
|
.sheet-rolltemplate-adept .inlinerollresult,
|
|
.sheet-rolltemplate-attack .inlinerollresult,
|
|
.sheet-rolltemplate-resistance .inlinerollresult,
|
|
.sheet-rolltemplate-spell .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
border: 2px solid rgba(167, 168, 170, 1);
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-item .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-info .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-vehicle .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-matrix .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-init .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-attribute .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-explosive .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-skill .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-adept .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-attack .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-resistance .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-spell .inlinerollresult.fullcrit {
|
|
border: 2px solid #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-item .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-info .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-vehicle .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-matrix .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-init .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-attribute .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-explosive .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-skill .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-adept .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-attack .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-resistance .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-spell .inlinerollresult.fullfail {
|
|
border: 2px solid #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-item .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-info .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-vehicle .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-matrix .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-init .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-attribute .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-explosive .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-skill .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-adept .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-attack .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-resistance .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-spell .inlinerollresult.importantroll {
|
|
border: 2px solid #4A57ED;
|
|
}
|
|
|
|
|
|
.motorboat-spec-off,
|
|
.motorboat-spec-switch:checked~.motorboat-spec-on,
|
|
.walkers-spec-off,
|
|
.walkers-spec-switch:checked~.walkers-spec-on,
|
|
.car-spec-off,
|
|
.car-spec-switch:checked~.car-spec-on,
|
|
.mecharm-spec-off,
|
|
.mecharm-spec-switch:checked~.mecharm-spec-on,
|
|
.tracks-spec-off,
|
|
.tracks-spec-switch:checked~.tracks-spec-on,
|
|
.sailboat-spec-off,
|
|
.sailboat-spec-switch:checked~.sailboat-spec-on,
|
|
.rotor-spec-off,
|
|
.rotor-spec-switch:checked~.rotor-spec-on,
|
|
.lta-spec-off,
|
|
.lta-spec-switch:checked~.lta-spec-on,
|
|
.suborbital-spec-off,
|
|
.suborbital-spec-switch:checked~.suborbital-spec-on,
|
|
.semiballistic-spec-off,
|
|
.semiballistic-spec-switch:checked~.semiballistic-spec-on,
|
|
.wingedaircraft-spec-off,
|
|
.wingedaircraft-spec-switch:checked~.wingedaircraft-spec-on,
|
|
.hovercraft-spec-off,
|
|
.hovercraft-spec-switch:checked~.hovercraft-spec-on,
|
|
.ship-spec-off,
|
|
.ship-spec-switch:checked~.ship-spec-on,
|
|
.submarine-spec-off,
|
|
.submarine-spec-switch:checked~.submarine-spec-on,
|
|
.vectoredthrust-spec-off,
|
|
.vectoredthrust-spec-switch:checked~.vectoredthrust-spec-on,
|
|
.bike-spec-off,
|
|
.bike-spec-switch:checked~.bike-spec-on {
|
|
display: grid;
|
|
}
|
|
|
|
.deck-spec-off,
|
|
.deck-spec-switch:checked~.deck-spec-on {
|
|
display: grid;
|
|
grid-template-columns: 100px 145px;
|
|
}
|
|
|
|
.sorcery-spec-off,
|
|
.sorcery-spec-switch:checked~.sorcery-spec-on,
|
|
.auraread-spec-off,
|
|
.auraread-spec-switch:checked~.auraread-spec-on,
|
|
.conjuring-spec-off,
|
|
.conjuring-spec-switch:checked~.conjuring-spec-on {
|
|
display: block;
|
|
}
|
|
|
|
.submarine-spec-on,
|
|
.submarine-spec-switch:checked~.submarine-spec-off,
|
|
.motorboat-spec-on,
|
|
.motorboat-spec-switch:checked~.motorboat-spec-off,
|
|
.walkers-spec-on,
|
|
.walkers-spec-switch:checked~.walkers-spec-off,
|
|
.car-spec-on,
|
|
.car-spec-switch:checked~.car-spec-off,
|
|
.mecharm-spec-on,
|
|
.mecharm-spec-switch:checked~.mecharm-spec-off,
|
|
.tracks-spec-on,
|
|
.tracks-spec-switch:checked~.tracks-spec-off,
|
|
.sailboat-spec-on,
|
|
.sailboat-spec-switch:checked~.sailboat-spec-off,
|
|
.rotor-spec-on,
|
|
.rotor-spec-switch:checked~.rotor-spec-off,
|
|
.lta-spec-on,
|
|
.lta-spec-switch:checked~.lta-spec-off,
|
|
.suborbital-spec-on,
|
|
.suborbital-spec-switch:checked~.suborbital-spec-off,
|
|
.semiballistic-spec-on,
|
|
.semiballistic-spec-switch:checked~.semiballistic-spec-off,
|
|
.wingedaircraft-spec-on,
|
|
.wingedaircraft-spec-switch:checked~.wingedaircraft-spec-off,
|
|
.hovercraft-spec-on,
|
|
.hovercraft-spec-switch:checked~.hovercraft-spec-off,
|
|
.ship-spec-on,
|
|
.ship-spec-switch:checked~.ship-spec-off,
|
|
.vectoredthrust-spec-on,
|
|
.vectoredthrust-spec-switch:checked~.vectoredthrust-spec-off,
|
|
.bike-spec-on,
|
|
.bike-spec-switch:checked~.bike-spec-off,
|
|
.deck-spec-on,
|
|
.deck-spec-switch:checked~.deck-spec-off,
|
|
.sorcery-spec-on,
|
|
.sorcery-spec-switch:checked~.sorcery-spec-off,
|
|
.conjuring-spec-on,
|
|
.conjuring-spec-switch:checked~.conjuring-spec-off,
|
|
.auraread-spec-on,
|
|
.auraread-spec-switch:checked~.auraread-spec-off {
|
|
display: none;
|
|
}
|
|
|
|
/* Magic Formating */
|
|
|
|
.spells-status-tracking {
|
|
display: grid;
|
|
grid-template-columns: 40px 60px 60px 90px 50px 35px 60px 35px 50px 35px 70px 35px 50px 40px 60px 35px 35px;
|
|
align-items: center;
|
|
text-align: end;
|
|
background-color: rgba(192,192,192,.9);
|
|
border-top: 2px solid #fff;
|
|
border-right: 2px solid #fff;
|
|
border-left: 2px solid #fff;
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
}
|
|
|
|
.spells-status-buttons {
|
|
display: grid;
|
|
grid-template-columns: 200px 60px 25px 60px 25px 60px 25px 60px 25px 60px 25px;
|
|
align-items: center;
|
|
text-align: end;
|
|
background-color: rgba(192,192,192,.9);
|
|
border-bottom: 2px solid #fff;
|
|
border-right: 2px solid #fff;
|
|
border-left: 2px solid #fff;
|
|
border-bottom-left-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
}
|
|
|
|
.spells-spirit-status {
|
|
display: grid;
|
|
grid-template-columns: auto auto auto 60px 25px auto 25px 60px 25px 60px 25px;
|
|
align-items: center;
|
|
text-align: end;
|
|
background-color: rgba(192,192,192,.9);
|
|
border: 2px solid #fff;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.skillspec {
|
|
color:red;
|
|
}
|
|
|
|
.magic-skills-table {
|
|
align-self: center;
|
|
justify-self: center;
|
|
display: grid;
|
|
grid-template-columns: 100px 1fr;
|
|
}
|
|
.magic-spells-row,
|
|
.magic-spells-table {
|
|
display: grid;
|
|
grid-template-columns: 105px 70px 45px 35px 53px 50px 85px 63px 45px 45px 73px 30px 1fr;
|
|
font-size: 10px;
|
|
}
|
|
.sorcery-config {
|
|
grid-template-columns: auto auto auto auto auto auto;
|
|
display: grid;
|
|
background-color: rgba(192,192,192,.9);
|
|
border: 2px solid #fff;
|
|
border-radius: 10px;
|
|
}
|
|
.magic-spells-row {
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: 100%;
|
|
font-size: 12px;
|
|
align-self: center;
|
|
background-color: rgba(192,192,192,.9);
|
|
border-left: 2px solid #fff;
|
|
border-right: 2px solid #fff;
|
|
text-align: center;
|
|
}
|
|
.magic-spells-row input[type="number"],
|
|
.magic-spells-row select {
|
|
width: 100%;
|
|
height: 100%;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.sorcery-row input[type="checkbox"] {
|
|
height:22px;
|
|
}
|
|
|
|
|
|
.sorcery-row{
|
|
display: grid;
|
|
grid-template-columns: 65px 40px 20px 65px 1fr;
|
|
align-items: center;
|
|
}
|
|
|
|
input[type="checkbox"].hidden-checkbox {
|
|
display: block;
|
|
height: 0;
|
|
width: 0;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
}
|
|
.sorcery-table {
|
|
display: grid;
|
|
grid-template-columns: 210px 210px 210px 1fr;
|
|
}
|
|
|
|
.adept_powers {
|
|
border: 1px dotted grey;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.astralattributes {
|
|
border: 1px solid #fff;
|
|
padding: 3px;
|
|
background-color: rgba(192,192,192,.9);
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.astralspace {
|
|
display: grid;
|
|
vertical-align: middle;
|
|
grid-template-columns: 235px 100px 20px 50px 120px 45px 45px 35px;
|
|
}
|
|
.astralspace select{
|
|
vertical-align: middle;
|
|
width: 130px;
|
|
}
|
|
|
|
.astralcombat {
|
|
display: grid;
|
|
align-items: center;
|
|
grid-template-columns: 100px 30px 160px 90px 10px 40px 60px;
|
|
}
|
|
|
|
.geas-table,
|
|
.metamagic-table {
|
|
display: grid;
|
|
grid-template-columns: 220px 220px;
|
|
}
|
|
|
|
|
|
.totem-table {
|
|
display: grid;
|
|
grid-template-columns: 90px auto auto auto;
|
|
}
|
|
|
|
.reusable-foci,
|
|
.powerfocus,
|
|
.spiritfocus {
|
|
display: none;
|
|
}
|
|
|
|
|
|
.focitype[value="Power Focus"] ~.reusable {
|
|
display: none;
|
|
}
|
|
|
|
|
|
.focitype[value="Spirit Focus"] ~.spiritfocus,
|
|
.focitype[value="Power Focus"] ~.powerfocus {
|
|
display: grid;
|
|
}
|
|
|
|
.focitype[value="Spirit Focus"] ~.reusable,
|
|
.focitype[value="Spirit Focus"] ~.powerfoucs,
|
|
.focitype[value="Power Focus"] ~.reusable {
|
|
display: none;
|
|
}
|
|
|
|
.magictype[value="shaman"] ~.mage-foci {
|
|
display: none;
|
|
}
|
|
.magictype[value="mage"] ~.shaman-foci {
|
|
display: none;
|
|
}
|
|
|
|
.foci-table {
|
|
display: grid;
|
|
/*grid-template-columns: 80px 45px;*/
|
|
grid-template-columns: 160px 120px 80px 80px 1fr;
|
|
font-size: 12px;
|
|
}
|
|
.mage-only-foci {
|
|
display: grid;
|
|
grid-template-columns: 80px 45px 80px 45px 80px 45px 80px 45px;
|
|
font-size: 12px;
|
|
}
|
|
.shaman-only-foci {
|
|
display: grid;
|
|
grid-template-columns: 80px 45px 80px 45px 80px 45px 80px 45px 80px 45px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
input.foci-switch:checked~div.fetish-foci {
|
|
display: none;
|
|
}
|
|
|
|
.show_weapon_focus_die {
|
|
display: none;
|
|
}
|
|
|
|
.select-focitype[value="Weapon"]~div.show_weapon_focus_die {
|
|
display: block;
|
|
}
|
|
|
|
.vehicle-skills-table {
|
|
display: grid;
|
|
grid-template-columns: 150px 50px 70px 90px 60px 150px 50px 70px 90px 60px;
|
|
}
|
|
|
|
.combat-skills-table {
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto;
|
|
border: 2px solid #fff;
|
|
border-radius: 10px;
|
|
background-color: rgba(192,192,192,.9);
|
|
}
|
|
|
|
.combat-skills-items {
|
|
display: grid;
|
|
align-items: center;
|
|
grid-template-columns: 100px 60px;
|
|
height: 30px;
|
|
}
|
|
|
|
.combat-unarmed {
|
|
display: grid;
|
|
align-items: center;
|
|
grid-template-columns: 180px 80px auto auto auto;
|
|
border-bottom: 2px solid #fff;
|
|
border-left: 2px solid #fff;
|
|
border-right: 2px solid #fff;
|
|
border-radius: 10px;
|
|
background-color: rgba(192,192,192,.9);
|
|
}
|
|
melee-table-row input[type="textarea"],
|
|
.combat-unarmed input[type="textarea"] {
|
|
margin-bottom: unset;
|
|
}
|
|
|
|
.ranged-table-headers {
|
|
font-weight: bold;
|
|
display: grid;
|
|
font-size: 10px;
|
|
align-content: center;
|
|
text-align: center;
|
|
grid-template-columns: 50px 225px 210px 100px 90px 150px 1fr;
|
|
}
|
|
|
|
.ranged-table-items {
|
|
font-weight: bold;
|
|
display: grid;
|
|
font-size: 10px;
|
|
text-align: left;
|
|
grid-template-columns: 25px 25px 80px 100px 45px 40px 40px 40px 40px 50px 25px 25px 25px 25px 40px 50px 40px 40px 40px 30px 1fr;
|
|
}
|
|
|
|
.contacts-table {
|
|
display: grid;
|
|
grid-template-columns: auto;
|
|
background-color: rgba(192,192,192,.9);
|
|
}
|
|
|
|
.charsheet input[type=number] {
|
|
box-sizing: border-box;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
.explosives-table-row input[type="number"],
|
|
.ranged-table-row input[type="number"] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
.ranged-table-row input::-webkit-outer-spin-button,
|
|
.ranged-table-row input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
.ranged-table-row select {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
text-indent: 1px;
|
|
text-overflow: '';
|
|
}
|
|
|
|
.ranged-table-row {
|
|
align-self: center;
|
|
display: grid;
|
|
background-color: rgba(192,192,192,.9);
|
|
border-left: 2px solid #fff;
|
|
border-right: 2px solid #fff;
|
|
text-align: center;
|
|
grid-template-columns: 25px 25px 80px 100px 45px 40px 40px 40px 40px 50px 25px 25px 25px 25px 40px 50px 40px 40px 40px 30px 1fr;
|
|
}
|
|
|
|
|
|
.vehicles-table input[type="number"],
|
|
.karma-history input[type="number"],
|
|
.show-weaponmods input[type="number"] {
|
|
width: 100% !important;
|
|
display: inline;
|
|
height: 80%;
|
|
}
|
|
.show-weaponmods {
|
|
display: grid;
|
|
font-size: 10px;
|
|
text-align: center;
|
|
grid-template-columns: 110px 60px 60px 50px 70px 100px 100px 50px 80px 150px;
|
|
}
|
|
|
|
.table-full{
|
|
background-color: rgba(192,192,192,.9);
|
|
border-top: 2px solid #fff;
|
|
border-left: 2px solid #fff;
|
|
border-right: 2px solid #fff;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
border-radius: 10px;
|
|
}
|
|
.table-top{
|
|
background-color: rgba(192,192,192,.9);
|
|
border: 2px solid #fff;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
border-top-right-radius: 10px;
|
|
border-top-left-radius: 10px;
|
|
}
|
|
|
|
.table-top-left {
|
|
background-color: rgba(192,192,192,.9);
|
|
border: 2px solid #fff;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
border-top-left-radius: 10px;
|
|
}
|
|
|
|
.table-top-right {
|
|
background-color: rgba(192,192,192,.9);
|
|
border-top: 2px solid #fff;
|
|
border-bottom: 2px solid #fff;
|
|
border-right: 2px solid #fff;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
border-top-right-radius: 10px;
|
|
}
|
|
|
|
.table-top-mid{
|
|
background-color: rgba(192,192,192,.9);
|
|
border-right: 2px solid #fff;
|
|
border-top: 2px solid #fff;
|
|
border-bottom: 2px solid #fff;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
.table-bottom{
|
|
background-color: rgba(192,192,192,.9);
|
|
border-top: 2px solid #fff;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.table-item-left {
|
|
background-color: rgba(192,192,192,.9);
|
|
border-left: 2px solid #fff;
|
|
border-bottom: 2px solid #fff;
|
|
border-right: 2px solid #fff;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
.table-item {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: rgba(192,192,192,.9);
|
|
border-bottom: 2px solid #fff;
|
|
border-right: 2px solid #fff;
|
|
}
|
|
|
|
.table-item-nc {
|
|
border-bottom: 2px solid #fff;
|
|
border-right: 2px solid #fff;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
.table-right-nc {
|
|
border-right: 2px solid #fff;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.table-top-nc {
|
|
border-top: 2px solid #fff;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
.table-close-nc {
|
|
border-bottom: 2px solid #fff;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
.center-button {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.meleespan {
|
|
height: 90%;
|
|
font-size: 12px;
|
|
display: flex;
|
|
align-items: center;
|
|
background-color: white;
|
|
border: 1px solid #fff;
|
|
border-radius: 2px;
|
|
justify-content: center;
|
|
}
|
|
.spells-status-tracking span {
|
|
width: 35px;
|
|
background-color: white;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
border: 1px solid #fff;
|
|
border-radius: 2px;
|
|
}
|
|
.armor span,
|
|
.numberspan span,
|
|
.deck-combat-modifiers span {
|
|
width: 35px;
|
|
background-color: white;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
border: 1px solid #fff;
|
|
border-radius: 2px;
|
|
}
|
|
.vehicle-flux span,
|
|
.vehicle-quickstats span,
|
|
.deck-summary-attributes span {
|
|
width: 90%;
|
|
padding-top: 5%;
|
|
padding-bottom: 5%;
|
|
display: flex;
|
|
align-items: center;
|
|
background-color: white;
|
|
border: 1px solid #fff;
|
|
border-radius: 2px;
|
|
justify-content: center;
|
|
}
|
|
|
|
.vehicle-offroad span,
|
|
.vehicle-misc span,
|
|
.spn-nc {
|
|
width: 90%;
|
|
display: flex;
|
|
padding-top: 10%;
|
|
align-items: center;
|
|
background-color: white;
|
|
border: 1px solid #fff;
|
|
border-radius: 2px;
|
|
justify-content: center;
|
|
}
|
|
.armorsets-table-row:nth-last-child(1) {
|
|
border-bottom-left-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
}
|
|
|
|
.armor {
|
|
display: grid;
|
|
background-color: rgba(192,192,192,.9);
|
|
grid-template-columns: 120px 35px 70px 35px 70px 35px 160px 180px;
|
|
text-align: right;
|
|
align-items: center;
|
|
border: 2px solid #fff;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.armorsets-table-header {
|
|
display: grid;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
grid-template-columns: 70px 150px 80px 80px 80px 1fr;
|
|
font-size: 10px;
|
|
}
|
|
.armorsets-table-row {
|
|
display: grid;
|
|
background-color: rgba(192,192,192,.9);
|
|
text-align: center;
|
|
border-left: 2px solid #fff;
|
|
border-right: 2px solid #fff;
|
|
grid-template-columns: 70px 150px 80px 80px 80px 1fr;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.ammo-table-header {
|
|
display: grid;
|
|
font-weight: bold;
|
|
grid-template-columns: 230px 70px 70px 1fr;
|
|
}
|
|
.ammo-table-row {
|
|
display: grid;
|
|
background-color: rgba(192,192,192,.9);
|
|
border-left: 2px solid #fff;
|
|
border-right: 2px solid #fff;
|
|
grid-template-columns: 230px 70px 70px 1fr;
|
|
}
|
|
|
|
.weaponfocus-header {
|
|
display: grid;
|
|
font-weight: bold;
|
|
font-size: 10px;
|
|
grid-template-columns: 50px 100px 60px 100px 50px 45px 45px 50px 60px 40px 1fr;
|
|
}
|
|
.weaponfocus-attributes {
|
|
display: grid;
|
|
font-size: 10px;
|
|
border-left: 2px solid #fff;
|
|
background-color: rgba(192,192,192,.9);
|
|
border-right: 2px solid #fff;
|
|
border-bottom: 2px solid #fff;
|
|
border-bottom-left-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
text-align: center;
|
|
grid-template-columns: 50px 100px 60px 100px 50px 45px 45px 50px 60px 40px 1fr;
|
|
}
|
|
|
|
.melee-table-header {
|
|
display: grid;
|
|
font-weight: bold;
|
|
font-size: 10px;
|
|
grid-template-columns: 50px 100px 100px 50px 45px 45px 50px 60px 60px 40px 1fr;
|
|
}
|
|
|
|
.melee-table-row {
|
|
align-content: center;
|
|
display: grid;
|
|
font-size: 10px;
|
|
border-left: 2px solid #fff;
|
|
background-color: rgba(192,192,192,.9);
|
|
border-right: 2px solid #fff;
|
|
text-align: center;
|
|
grid-template-columns: 50px 100px 100px 50px 45px 45px 50px 60px 60px 40px 1fr;
|
|
}
|
|
|
|
.explosives-table-header {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
display: grid;
|
|
font-size: 10px;
|
|
grid-template-columns: 110px 100px 55px 40px 40px 40px 40px 40px 45px 70px 35px 40px 40px 40px 45px 45px 1fr;
|
|
}
|
|
|
|
.explosives-table-row {
|
|
text-align: center;
|
|
display: grid;
|
|
border-left: 2px solid #fff;
|
|
background-color: rgba(192,192,192,.9);
|
|
border-right: 2px solid #fff;
|
|
font-size: 10px;
|
|
grid-template-columns: 110px 100px 55px 40px 40px 40px 40px 40px 45px 70px 35px 40px 40px 40px 45px 45px 1fr;
|
|
}
|
|
|
|
.explosive-mods-switch {
|
|
text-align: center;
|
|
display: grid;
|
|
font-size: 10px;
|
|
grid-template-columns: 100px 50px 50px 80px 120px 120px 80px 1fr;
|
|
border-left: 2px solid #fff;
|
|
border-right: 2px solid #fff;
|
|
border-bottom: 2px solid #fff;
|
|
background-color: rgba(192,192,192,.9);
|
|
}
|
|
|
|
.largeselect {
|
|
width: 100%;
|
|
height: 100%;
|
|
font-size: 12px;
|
|
margin-bottom: unset;
|
|
}
|
|
|
|
.mediumselect2 {
|
|
width: 100%;
|
|
height: 100%;
|
|
font-size: 10px;
|
|
margin-bottom: unset;
|
|
}
|
|
|
|
.mediumselect3 {
|
|
width: 100%;
|
|
height: inherit;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.smallselect2 {
|
|
width: 60px;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.smallselect {
|
|
width: 40px;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.charsheet input[type=text] {
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
}
|
|
.myweapontxt {
|
|
width: 100%;
|
|
font-size: 10px;
|
|
}
|
|
.myweapontxt2 {
|
|
height: 80%;
|
|
width: 100%;
|
|
font-size: 10px;
|
|
}
|
|
.smallnumber {
|
|
width: 3.5em;
|
|
}
|
|
|
|
.sidebyside {
|
|
|
|
display: grid;
|
|
grid-template-columns: 3.5em 35px;
|
|
font-size: 10px;
|
|
width: 3.5em;
|
|
}
|
|
|
|
.sidebyside span {
|
|
background: white;
|
|
border-radius: 3px;
|
|
align-self: center;
|
|
padding-left: 5px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
text-align: left;
|
|
font-size: 12px;
|
|
border: 1px solid rgba(192,192,192,.9);
|
|
|
|
}
|
|
|
|
.weaponnumber {
|
|
font-size: 10px;
|
|
width: 3.5em;
|
|
}
|
|
|
|
.weaponronum {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
align-self: center;
|
|
padding-top: 7px;
|
|
padding-bottom: 7px;
|
|
background-color: white;
|
|
height: inherit;
|
|
border: 1px solid darkgrey;
|
|
}
|
|
|
|
input.show-expslosivemods:not(:checked)~div.explosive-mods-switch {
|
|
display: none;
|
|
}
|
|
.show_bf_dice,
|
|
.show_fa_dice,
|
|
.show_ss_dice,
|
|
.show_sa_dice {
|
|
align-self: center;
|
|
|
|
}
|
|
|
|
input.enable-sa:not(:checked)~span.show_sa_dice {
|
|
display: none;
|
|
}
|
|
|
|
input.enable-ss:not(:checked)~span.show_ss_dice {
|
|
display: none;
|
|
}
|
|
|
|
input.enable-bf:not(:checked)~span.show_bf_dice {
|
|
display: none;
|
|
}
|
|
|
|
input.enable-fa:not(:checked)~span.show_fa_dice {
|
|
display: none;
|
|
}
|
|
|
|
.show-weaponmods[value="hide"]~div.explosive-mods-switch,
|
|
.show-weaponmods[value="hide"]~span.show-weaponmods {
|
|
display: none;
|
|
}
|
|
|
|
.show-weaponmods[value="hide"]~.pictos-button {
|
|
color: slategrey;
|
|
}
|
|
.show-weaponmods[value="show"]~.pictos-button {
|
|
-webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
|
|
-moz-box-shadow: inset 0px 0px 5px #c1c1c1;
|
|
box-shadow: inset 0px 0px 5px #c1c1c1;
|
|
color: darkgrey;
|
|
}
|
|
|
|
.combat-modifiers-total {
|
|
align-items: center;
|
|
text-align: center;
|
|
display: grid;
|
|
grid-template-columns: 140px 140px 130px 70px 110px 90px 1fr;
|
|
font-size: 14px;
|
|
}
|
|
.combat-modifiers-total span {
|
|
background-color: white;
|
|
color: black;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
border: 1px solid #000000;
|
|
}
|
|
|
|
.combat-conditions {
|
|
text-align: center;
|
|
display: grid;
|
|
grid-template-columns: 120px 90px 70px 100px 50px 50px 50px 50px 50px 50px 100px 50px;
|
|
}
|
|
|
|
.adept-skills-table {
|
|
display: grid;
|
|
grid-template-columns: 155px 55px 55px 55px 220px;
|
|
}
|
|
|
|
.center-checkbox {
|
|
vertical-align: middle;
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
.adept_skills_repeat {
|
|
display: grid;
|
|
text-align: center;
|
|
grid-template-columns: 150px 60px 60px 60px 1fr;
|
|
}
|
|
|
|
.lifestyles {
|
|
display: grid;
|
|
grid-template-columns: 90px 60px 60px 125px 300px 1fr;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* Rigger styling */
|
|
.span561 {
|
|
grid-column-start: 5;
|
|
grid-column-end: 7;
|
|
|
|
}
|
|
.drones-table {
|
|
display: grid;
|
|
grid-template-columns: 125px 125px 125px 125px 1fr;
|
|
|
|
|
|
}
|
|
.rcdeck-flux{
|
|
display: grid;
|
|
grid-template-columns: 160px 70px 40px 100px 100px 100px;
|
|
}
|
|
.rcdeck-options{
|
|
display: grid;
|
|
align-self: center;
|
|
column-gap: 10px;
|
|
grid-template-columns: 75px 55px 75px 55px 80px 55px 120px 55px;
|
|
}
|
|
|
|
.rcdeck-ew-border{
|
|
display: grid;
|
|
grid-template-columns: 570px;
|
|
}
|
|
.rcdeck-ew{
|
|
padding-left: 10px;
|
|
border-top: 2px solid #fff;
|
|
border-left: 2px solid #fff;
|
|
border-right: 2px solid #fff;
|
|
border-radius: 10px;
|
|
background-color: rgba(192,192,192,.9);
|
|
display: grid;
|
|
align-self: center;
|
|
grid-template-columns: 130px 55px 130px 55px 95px 55px;
|
|
}
|
|
|
|
.vcr-attributes{
|
|
padding-left: 10px;
|
|
display: grid;
|
|
border: 2px solid #fff;
|
|
border-radius: 10px;
|
|
background-color: rgba(192,192,192,.9);
|
|
grid-template-columns: 75px 60px 105px 60px 105px 60px 110px 40px 130px 40px;
|
|
}
|
|
|
|
/* End Rigger styling */
|
|
|
|
|
|
/* vehicle and drones character type styling */
|
|
.buttontoggle[value="Drone"]~div.vehicle-only,
|
|
.drone-only,
|
|
.rc-condition{
|
|
display: none;
|
|
}
|
|
|
|
|
|
.vehicle-always-displayed{
|
|
display: grid;
|
|
grid-template-columns: 680px 1fr;
|
|
background-color: rgba(192,192,192,.9);
|
|
border: 2px solid #fff;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
|
|
}
|
|
|
|
.vehicle-manual-gunnery{
|
|
display: grid;
|
|
grid-template-columns: 105px 105px 105px 125px 100px 105px 80px 80px 1fr;
|
|
text-align: center:
|
|
}
|
|
|
|
.vehicle-header {
|
|
background-color: darkgrey;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
.vehicle-actions,
|
|
.vehicle-maneuever-details,
|
|
.vehicle-speed-details,
|
|
.vehicle-env-details,
|
|
.vehicle-sensor-details{
|
|
line-height: 25px;
|
|
display: grid;
|
|
align-content: center;
|
|
text-align: center;
|
|
align-self: center;
|
|
}
|
|
.vehicle-sensor-details {
|
|
grid-template-columns: 65px 25px;
|
|
}
|
|
.vehicle-speed-details {
|
|
grid-template-columns: 65px 65px;
|
|
}
|
|
.vehicle-stats-items {
|
|
align-self: center;
|
|
}
|
|
|
|
.vehicle-interface,
|
|
.vehicle-speed,
|
|
.vehicle-maneuever,
|
|
.vehicle-env {
|
|
border-right: 2px solid #fff;
|
|
}
|
|
.vehicle-stats-mini {
|
|
display: grid;
|
|
grid-template-columns: 60px 40px 60px 40px 45px 45px 55px 45px 55px 45px 55px 25px 55px 25px 50px 25px 60px 45px;
|
|
text-align: right;
|
|
background-color: rgba(192,192,192,.9);
|
|
border-left: 2px solid #fff;
|
|
border-bottom: 2px solid #fff;
|
|
border-right: 2px solid #fff;
|
|
border-bottom-left-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
}
|
|
.vehicle-speed-details span{
|
|
display: inline-flex;
|
|
align-items: center;
|
|
background-color: white;
|
|
color: black;
|
|
padding-left: 3px;
|
|
padding-right: 2px;
|
|
float: left;
|
|
width: 60px;
|
|
height: 23px;
|
|
}
|
|
.vehicle-actions{
|
|
grid-template-columns: 160px auto auto auto auto auto auto auto auto auto auto;
|
|
}
|
|
.vehicle-maneuever-details {
|
|
grid-template-columns: 55px 55px;
|
|
}
|
|
.vehicle-env-details {
|
|
grid-template-columns: 85px 25px;
|
|
}
|
|
|
|
.vehicle-flux{
|
|
display: grid;
|
|
grid-template-columns: 150px 60px 130px 60px;
|
|
}
|
|
|
|
.vehicle-driver {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: 50px 1fr;
|
|
}
|
|
|
|
.vehicle-quickstats{
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: 80px 45px 1fr;
|
|
}
|
|
.vehicle-quickstats-border{
|
|
border-left: 2px solid #fff;
|
|
}
|
|
|
|
.vehicle-interface-details{
|
|
line-height: 24px;
|
|
padding-left: 2px;
|
|
display: grid;
|
|
grid-template-columns: 60px 20px;
|
|
}
|
|
|
|
.vehicle-combat-modifiers{
|
|
display: grid;
|
|
grid-template-columns: 83px 137px 115px 115px 140px 90px;
|
|
|
|
}
|
|
|
|
.vehicle-offroad {
|
|
display: grid;
|
|
grid-template-columns: 50px 55px;
|
|
}
|
|
|
|
.vehicle-buttons {
|
|
text-align: center;
|
|
border-radius: 10px;
|
|
padding: 2px;
|
|
border: 2px solid #000000;
|
|
background-color: #7ec3fcf5
|
|
}
|
|
|
|
.vehicle-info {
|
|
display: grid;
|
|
grid-template-columns: 80px 60px 60px 60px 80px 120px 120px;
|
|
text-align: center;
|
|
background-color: rgba(192,192,192,.9);
|
|
border: 2px solid #fff;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.vehicle-stats-regular {
|
|
display: grid;
|
|
grid-template-columns: 200px 200px 200px;
|
|
background-color: rgba(192,192,192,.9);
|
|
border: 2px solid #fff;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.vehicle-config,
|
|
.vehicle-attributes {
|
|
display: grid;
|
|
grid-template-columns: 80px 100px;
|
|
}
|
|
|
|
.vehicle-misc {
|
|
display: grid;
|
|
grid-template-columns: 120px 50px;
|
|
}
|
|
|
|
.vehicle-electronics {
|
|
display: grid;
|
|
text-align: center;
|
|
grid-template-columns: 60px 100px 100px 100px 100px 70px 100px;
|
|
}
|
|
|
|
.vehicle-combat-condition {
|
|
border-top: 2px solid #fff;
|
|
}
|
|
.rc-combat-condition,
|
|
.vehicle-combat-condition {
|
|
display: grid;
|
|
text-align: center;
|
|
grid-template-columns: 130px 80px 130px 130px 130px 80px;
|
|
}
|
|
/* end of vehicle and drone sheet sytling */
|
|
|
|
|
|
/* character sheet vehicle tab styling */
|
|
.vehicles-table {
|
|
display: grid;
|
|
text-align: center;
|
|
grid-template-columns: 125px 125px 125px 1fr;
|
|
}
|
|
|
|
/* end of character sheet vehicle tab styling */
|
|
|
|
|
|
/* Decking sheet styling */
|
|
|
|
.deck-row-top {
|
|
border-top: 1px solid darkslategray;
|
|
border-left: 1px solid darkslategray;
|
|
border-right: 1px solid darkslategray;
|
|
height: 20px;
|
|
}
|
|
|
|
.deck-row-bottom {
|
|
border-bottom: 1px solid darkslategray;
|
|
border-left: 1px solid darkslategray;
|
|
border-right: 1px solid darkslategray;
|
|
height: 30px;
|
|
}
|
|
|
|
.deck-combat {
|
|
display: grid;
|
|
grid-template-columns: 600px 1fr;
|
|
row-gap: 10px;
|
|
background-color: rgba(192,192,192,.9);
|
|
border: 1px solid darkslategray;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.deck-ic-suppress {
|
|
text-align: right;
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.frame-summary {
|
|
display: grid;
|
|
text-align: center;
|
|
grid-template-columns: 60px 70px 80px 80px 100px;
|
|
}
|
|
|
|
.deck-summary {
|
|
display: grid;
|
|
text-align: center;
|
|
grid-template-columns: 40px 80px 90px 100px 80px 100px;
|
|
}
|
|
|
|
.matrixrapid {
|
|
background-color: rgba(192,192,192,.9);
|
|
border-left: 2px solid #fff;
|
|
border-right: 2px solid #fff;
|
|
border: 1px solid white;
|
|
border-radius: 10px;
|
|
}
|
|
.matrix-combat-condition {
|
|
display: grid;
|
|
text-align: center;
|
|
grid-template-columns: 90px 80px 100px 120px 100px 100px;
|
|
}
|
|
|
|
.matrix-combat-condition-spacer {
|
|
display: grid;
|
|
}
|
|
|
|
.matrix-systemrating {
|
|
background: white;
|
|
border: 1px solid white;
|
|
border-radius: 8px;
|
|
padding: 2px;
|
|
}
|
|
|
|
.matrix-status {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: 20px 220px 10px 85px 35px 80px 35px 10px 70px 35px 80px 80px 1fr;
|
|
}
|
|
|
|
.matrixalert-format[value="4"]~div.matrix-always-displayed {
|
|
background: yellow;
|
|
}
|
|
|
|
.matrixalert-format[value="5"]~div.matrix-always-displayed {
|
|
background: red;
|
|
}
|
|
|
|
.mpcp-frame-toggle {
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
}
|
|
|
|
.deck-combat-system {
|
|
display: grid;
|
|
vertical-align: middle;
|
|
align-items: center;
|
|
text-align: right;
|
|
grid-template-columns: 140px 65px 20px 20px 50px 20px 20px 50px 20px 20px 30px 20px 20px 50px 20px;
|
|
}
|
|
|
|
.deck-summary-attributes {
|
|
display: grid;
|
|
grid-template-columns: 65px 25px 50px 50px 50px;
|
|
align-items: center;
|
|
}
|
|
|
|
.deck-memory-used {
|
|
display: grid;
|
|
grid-template-columns: 150px 60px 100px 150px 180px 180px;
|
|
}
|
|
|
|
.frame-util-used {
|
|
display: grid;
|
|
column-gap: 10px;
|
|
grid-template-columns: 150px 60px 100px;
|
|
}
|
|
|
|
.frame-overload,
|
|
.deck-overload {
|
|
padding-top:1px;
|
|
padding-bottom:1px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.taskpool-over[value="1"] ~ .taskpool-over,
|
|
.astralpool-over[value="1"] ~ .astralpool-over,
|
|
.controlpool-over[value="1"] ~ .controlpool-over,
|
|
.combatpool-over[value="1"] ~ .combatpool-over,
|
|
.hackingpool-over[value="1"] ~ .hackingpool-over,
|
|
.sorcery-over[value="1"] ~ .sorcery-over,
|
|
.spellpool-over[value="1"] ~ .spellpool-over,
|
|
.vehicle-flux-overload[value="1"] ~ .flux-overload,
|
|
.frame-utility-full[value="1"]~.frame-overload,
|
|
.deck-mem-full[value="1"]~.deck-overload {
|
|
background-color: red;
|
|
}
|
|
|
|
.deck-utilities {
|
|
display: grid;
|
|
padding: 2px;
|
|
/* grid-template-columns: 350px 350px; */
|
|
}
|
|
|
|
.frame-attributes {
|
|
display: grid;
|
|
grid-template-columns: 45px 55px 60px 55px 65px 55px 65px 55px;
|
|
}
|
|
|
|
.frame-core {
|
|
display: grid;
|
|
grid-template-columns: 45px 120px 80px 55px 90px 55px 40px 55px 65px 55px;
|
|
}
|
|
|
|
.deck-persona,
|
|
.deck-extras,
|
|
.deck-cyberdeck-specs {
|
|
display: grid;
|
|
grid-template-columns: 70px 60px 90px 60px 100px 60px 70px 60px 115px 60px;
|
|
}
|
|
|
|
.deck-utilities-special,
|
|
.deck-utilities-defensive {
|
|
display: grid;
|
|
grid-template-columns: 110px 60px 65px 50px 50px 65px 40px 75px 220px;
|
|
}
|
|
|
|
.deck-util-background {
|
|
display: grid;
|
|
grid-template-columns: 845px;
|
|
|
|
}
|
|
|
|
.deck-utilities-addrow {
|
|
display: grid;
|
|
justify-items: center;
|
|
background-color: rgba(192,192,192,.9);
|
|
grid-template-columns: 110px 50px 80px 65px 50px 50px 65px 50px 40px 65px 220px;
|
|
}
|
|
|
|
.deck-utilities-additional {
|
|
display: grid;
|
|
grid-template-columns: 110px 50px 80px 65px 50px 50px 65px 50px 40px 65px 220px;
|
|
}
|
|
|
|
.deck-utilities-offensive {
|
|
display: grid;
|
|
grid-template-columns: 110px 50px 65px 50px 50px 65px 50px 40px 75px 220px;
|
|
}
|
|
|
|
.dice-pools {
|
|
display: grid;
|
|
grid-template-columns: 80px 80px 80px 80px;
|
|
}
|
|
|
|
.gunnery-switch[value="show"]~div.manual-gunnery-mods {
|
|
display: grid;
|
|
grid-template-columns: 120px 120px 120px 120px 120px 120px 120px;
|
|
}
|
|
|
|
.gunneryswitch {
|
|
background-color: red;
|
|
|
|
/* Green */
|
|
border: none;
|
|
border-radius: 25px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
font-size: 12px;
|
|
color: white
|
|
}
|
|
|
|
.manual-gunnery-tn[value="0"]~button.gunneryswitch {
|
|
background-color: green;
|
|
}
|
|
.weaponfocus-show[value="false"]~div.weaponfocus {
|
|
display: none;
|
|
}
|
|
.armor-show,
|
|
.armor-hide,
|
|
.ammo-show,
|
|
.ammo-hide,
|
|
.explosives-show,
|
|
.explosives-hide,
|
|
.meleeweapons-show,
|
|
.meleeweapons-hide,
|
|
.rangedweapons-show,
|
|
.rangedweapons-hide,
|
|
.vehicle-stats-show,
|
|
.vehicle-stats-hide,
|
|
.drone-list-show,
|
|
.drone-list-hide,
|
|
.vehicle-condition-show,
|
|
.vehicle-condition-hide,
|
|
.rc-condition-show,
|
|
.rc-condition-hide,
|
|
.ic-show,
|
|
.ic-hide,
|
|
.deck-skills-nospec,
|
|
.manual-gunnery-mods,
|
|
.manual-gunnery-show,
|
|
.manual-gunnery-hide,
|
|
.deck-utilities-show,
|
|
.deck-utilities-hide,
|
|
.deck-skills-show,
|
|
.deck-skills-hide,
|
|
.deck-cyberdeck-show,
|
|
.deck-cyberdeck-hide,
|
|
.securitysheaf-show,
|
|
.securitysheaf-hide,
|
|
.combatskills-show,
|
|
.combatskills-hide,
|
|
.vehicle-skills-show,
|
|
.vehicle-skills-hide,
|
|
.rc-deck-show,
|
|
.rc-deck-hide,
|
|
.foci-show,
|
|
.foci-hide,
|
|
.totem-show,
|
|
.totem-hide,
|
|
.magicinitiate-show,
|
|
.magicinitiate-hide,
|
|
.geas-show,
|
|
.geas-hide,
|
|
.adeptpowers-show,
|
|
.adeptpowers-hide,
|
|
.spells-show,
|
|
.spells-hide,
|
|
.astralattributes-show,
|
|
.astralattributes-hide,
|
|
.sorceryskills-show,
|
|
.sorceryskills-hide {
|
|
display: none;
|
|
}
|
|
|
|
.armor-switch[value="hide"]~div.armor-hide,
|
|
.armor-switch[value="show"]~div.armor-show,
|
|
.ammo-switch[value="hide"]~div.ammo-hide,
|
|
.ammo-switch[value="show"]~div.ammo-show,
|
|
.explosives-switch[value="hide"]~div.explosives-hide,
|
|
.explosives-switch[value="show"]~div.explosives-show,
|
|
.meleeweapons-switch[value="hide"]~div.meleeweapons-hide,
|
|
.meleeweapons-switch[value="show"]~div.meleeweapons-show,
|
|
.rangedweapons-switch[value="hide"]~div.rangedweapons-hide,
|
|
.rangedweapons-switch[value="show"]~div.rangedweapons-show,
|
|
.vehicle-stats-switch[value="show"]~div.vehicle-stats-hide,
|
|
.vehicle-stats-switch[value="hide"]~div.vehicle-stats-show,
|
|
.drone-list-switch[value="show"]~div.drone-list-hide,
|
|
.drone-list-switch[value="hide"]~div.drone-list-show,
|
|
.vehicle-condition-switch[value="show"]~div.vehicle-condition-hide,
|
|
.vehicle-condition-switch[value="hide"]~div.vehicle-condition-show,
|
|
.rc-condition-switch[value="show"]~div.rc-condition-hide,
|
|
.rc-condition-switch[value="hide"]~div.rc-condition-show,
|
|
.rc-deck-switch[value="show"]~div.rc-deck-hide,
|
|
.rc-deck-switch[value="hide"]~div.rc-deck-show,
|
|
.vehicle-skills-switch[value="show"]~div.vehicle-skills-hide,
|
|
.vehicle-skills-switch[value="hide"]~div.vehicle-skills-show,
|
|
.ic-switch[value="show"]~div.ic-hide,
|
|
.ic-switch[value="hide"]~div.ic-show,
|
|
.gunnery-switch[value="show"]~div.manual-gunnery-hide,
|
|
.gunnery-switch[value="hide"]~div.manual-gunnery-show,
|
|
.deck-utilities-switch[value="show"]~div.deck-utilities-hide,
|
|
.deck-utilities-switch[value="hide"]~div.deck-utilities-show,
|
|
.deck-skills-switch[value="show"]~div.deck-skills-hide,
|
|
.deck-skills-switch[value="hide"]~div.deck-skills-show,
|
|
.deck-cyberdeck-switch[value="show"]~div.deck-cyberdeck-hide,
|
|
.deck-cyberdeck-switch[value="hide"]~div.deck-cyberdeck-show,
|
|
.securitysheaf-switch[value="show"]~div.securitysheaf-hide,
|
|
.securitysheaf-switch[value="hide"]~div.securitysheaf-show,
|
|
.combatskills-switch[value="show"]~div.combatskills-hide,
|
|
.combatskills-switch[value="hide"]~div.combatskills-show,
|
|
.totem-switch[value="show"]~div.totem-hide,
|
|
.totem-switch[value="hide"]~div.totem-show,
|
|
.geas-switch[value="show"]~div.geas-hide,
|
|
.geas-switch[value="hide"]~div.geas-show,
|
|
.magicinitiate-switch[value="show"]~div.magicinitiate-hide,
|
|
.magicinitiate-switch[value="hide"]~div.magicinitiate-show,
|
|
.foci-switch[value="show"]~div.foci-hide,
|
|
.foci-switch[value="hide"]~div.foci-show,
|
|
.adeptpowers-switch[value="show"]~div.adeptpowers-hide,
|
|
.adeptpowers-switch[value="hide"]~div.adeptpowers-show,
|
|
.spells-switch[value="show"]~div.spells-hide,
|
|
.spells-switch[value="hide"]~div.spells-show,
|
|
.sorceryskills-switch[value="show"]~div.sorceryskills-hide,
|
|
.sorceryskills-switch[value="hide"]~div.sorceryskills-show,
|
|
.astralattributes-switch[value="show"]~div.astralattributes-hide,
|
|
.astralattributes-switch[value="hide"]~div.astralattributes-show {
|
|
display: block;
|
|
}
|
|
|
|
.ammo-switch[value="hide"]~div.ammo-show,
|
|
.armor-switch[value="hide"]~div.armor-show,
|
|
.explosives-switch[value="hide"]~div.explosives-show,
|
|
.meleeweapons-switch[value="hide"]~div.meleeweapons-show,
|
|
.rangedweapons-switch[value="hide"]~div.rangedweapons-show,
|
|
.vehicle-stats-switch[value="hide"]~div.vehicle-stats,
|
|
.drone-list-switch[value="hide"]~div.drones-list,
|
|
.vehicle-condition-switch[value="hide"]~div.vehicle-condition,
|
|
.rc-condition-switch[value="hide"]~div.rc-condition,
|
|
.ic-switch[value="hide"]~div.ic,
|
|
.deck-utilities-switch[value="hide"]~div.deck-utilities,
|
|
.deck-skills-switch[value="hide"]~div.deck-skills,
|
|
.deck-cyberdeck-switch[value="hide"]~div.deck-cyberdeck,
|
|
.securitysheaf-switch[value="hide"]~div.securitysheaf,
|
|
.combatskills-switch[value="hide"]~div.combat-skills,
|
|
.sorceryskills-switch[value="hide"]~div.sorcery-skills,
|
|
.spells-switch[value="hide"]~div.spells-section,
|
|
.astralattributes-switch[value="hide"]~div.astralattributes,
|
|
.totem-switch[value="hide"]~div.totem,
|
|
.geas-switch[value="hide"]~div.geas,
|
|
.foci-switch[value="hide"]~div.fetish-foci,
|
|
.magicinitiate-switch[value="hide"]~div.magicinitiate,
|
|
.adeptpowers-switch[value="hide"]~div.adept-powers,
|
|
.rc-deck-switch[value="hide"]~div.rc-deck,
|
|
.vehicle-skills-switch[value="hide"]~div.vehicle-skills {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet button[type=roll].hidedice-button::before {
|
|
content: '';
|
|
}
|
|
|
|
.charsheet button[type=roll].hidedice-button:hover,
|
|
.charsheet button[type=roll].hidedice-button:active,
|
|
.charsheet button[type=roll].hidedice-button{
|
|
background-image:none;
|
|
}
|
|
|
|
.charsheet button[type=roll].hidedice-button:hover {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
.charsheet button[type=action].hidedice-button,
|
|
.charsheet button[type=roll].hidedice-button{
|
|
background-color: white;
|
|
border: 1px solid black;
|
|
width: 45px;
|
|
height: 20px;
|
|
border-radius: 10px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
font-size: 10px;
|
|
color: black;
|
|
}
|
|
|
|
.switch-button-hide {
|
|
background-color: black;
|
|
border: none;
|
|
border-radius: 25px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
font-size: 12px;
|
|
color: white
|
|
}
|
|
|
|
.switch-button-show {
|
|
background-color: white;
|
|
border: 1px solid black;
|
|
border-radius: 25px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
font-size: 12px;
|
|
color: black
|
|
}
|
|
|
|
.switch-button-hide:hover,
|
|
.switch-button-show:hover {
|
|
color: red;
|
|
border: 1px solid red;
|
|
}
|
|
|
|
.cyberware-lists{
|
|
display: grid;
|
|
grid-template-columns: 580px
|
|
}
|
|
.cyberware-list{
|
|
display: grid;
|
|
grid-template-columns: 230px 70px 70px 310px;
|
|
}
|
|
|
|
.contacts {
|
|
display: grid;
|
|
grid-template-columns: 120px 150px 1fr;
|
|
}
|
|
|
|
.money-id {
|
|
display: grid;
|
|
grid-template-columns: 80px 120px;
|
|
}
|
|
.edges-table{
|
|
display: grid;
|
|
grid-template-columns: 195px 55px;
|
|
}
|
|
|
|
.creds {
|
|
display: grid;
|
|
grid-template-columns: 600px 1fr;
|
|
}
|
|
|
|
.credsticks {
|
|
display: grid;
|
|
grid-template-columns: 80px 80px 55px 80px 35px 1fr;
|
|
}
|
|
|
|
.armor header,
|
|
.credsticks header,
|
|
.karma-history header,
|
|
.deck-utilities-special header,
|
|
.deck-utilities-defensive header,
|
|
.deck-utilities-offensive header,
|
|
.deck-utilities-special header,
|
|
.sorcery-row header,
|
|
.magic-spells-table .header,
|
|
.dice-pools header,
|
|
.ic-attributes header,
|
|
.vehicle-speed header,
|
|
.vehicle-maneuever header,
|
|
.vehicle-interface header,
|
|
.vehicle-env header,
|
|
.vehicle-driver header,
|
|
.vehicle-sensor header,
|
|
.walk-run header,
|
|
.karma-pool header,
|
|
.reaction header,
|
|
.reaction-spirit header,
|
|
.char_attributes header,
|
|
.matrix-intruder-tally header,
|
|
.securitytally header,
|
|
.vehicles-table header,
|
|
.gear-table header,
|
|
.deck-skills header,
|
|
.totem-table header,
|
|
.geas-table header,
|
|
.metamagic-table header,
|
|
.adept-skills-table header,
|
|
.magic-skills-table header,
|
|
.foci-table header,
|
|
.skills-table header,
|
|
.edges-table header{
|
|
font-weight: bold;
|
|
}
|
|
.skills-table input,
|
|
.edges-table input{
|
|
width:195px;
|
|
}
|
|
.skills-table {
|
|
display: grid;
|
|
grid-template-columns: 155px 50px 70px 30px;
|
|
}
|
|
|
|
.skills-edges {
|
|
display: grid;
|
|
grid-template-columns: 300px 250px 250px;
|
|
column-gap: 20px;
|
|
}
|
|
|
|
.gear-table {
|
|
display: grid;
|
|
grid-template-columns: 125px 60px 60px 60px 100px 50px 70px 40px 1fr;
|
|
row-gap: 20px;
|
|
}
|
|
|