1580 lines
37 KiB
CSS
1580 lines
37 KiB
CSS
/* Remove padding around the character sheet */
|
|
.ui-dialog .charsheet{
|
|
padding: 0px;
|
|
}
|
|
|
|
/* Configure the Button Bar */
|
|
.buttonbar {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-evenly;
|
|
align-items: flex-start;
|
|
border:solid 2px #9e6666;
|
|
padding: 5px 0 0 0;
|
|
background: #d6cda3;
|
|
}
|
|
|
|
.navbuttons {
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
text-align: left;
|
|
flex: 1 0 85%;
|
|
}
|
|
|
|
.docbuttons {
|
|
display:flex;
|
|
text-align: right;
|
|
flex: 1 0 15%;
|
|
}
|
|
|
|
/*Configure the tab buttons*/
|
|
.sheet-character,
|
|
.sheet-social,
|
|
.sheet-skills,
|
|
.sheet-inventory,
|
|
.sheet-combat,
|
|
.sheet-spells,
|
|
.sheet-psionics,
|
|
.sheet-powers,
|
|
.sheet-animals,
|
|
.sheet-vehicles,
|
|
.sheet-robots,
|
|
.sheet-bionics,
|
|
.sheet-journal,
|
|
.sheet-config,
|
|
.sheet-documentation {
|
|
display: none;
|
|
}
|
|
|
|
.topbuttons {
|
|
color: black;
|
|
background-color: transparent;
|
|
border: none;
|
|
background-image: none;
|
|
font-weight: bold;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
height: 28px;
|
|
margin: 0px;
|
|
padding: 0 5px 0 5px;
|
|
}
|
|
|
|
.picbuttons {
|
|
color: black;
|
|
background-color: transparent;
|
|
font-family: "Pictos";
|
|
font-size: 2em;
|
|
border: none;
|
|
background-image: none;
|
|
font-weight: bold;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
height: 28px;
|
|
margin: 0px;
|
|
padding: 0 5px 0 5px;
|
|
}
|
|
|
|
/* hide tab buttons */
|
|
.confspells,
|
|
.confpsionics,
|
|
.confpowers,
|
|
.confanimals,
|
|
.confvehicles,
|
|
.confrobots,
|
|
.confbionics {
|
|
display: none;
|
|
}
|
|
|
|
/* show the selected tab */
|
|
.sheet-tabstoggle[value="character"] ~ div.sheet-character,
|
|
.sheet-tabstoggle[value="social"] ~ div.sheet-social,
|
|
.sheet-tabstoggle[value="skills"] ~ div.sheet-skills,
|
|
.sheet-tabstoggle[value="inventory"] ~ div.sheet-inventory,
|
|
.sheet-tabstoggle[value="combat"] ~ div.sheet-combat,
|
|
.sheet-tabstoggle[value="spells"] ~ div.sheet-spells,
|
|
.sheet-tabstoggle[value="psionics"] ~ div.sheet-psionics,
|
|
.sheet-tabstoggle[value="powers"] ~ div.sheet-powers,
|
|
.sheet-tabstoggle[value="animals"] ~ div.sheet-animals,
|
|
.sheet-tabstoggle[value="vehicles"] ~ div.sheet-vehicles,
|
|
.sheet-tabstoggle[value="robots"] ~ div.sheet-robots,
|
|
.sheet-tabstoggle[value="bionics"] ~ div.sheet-bionics,
|
|
.sheet-tabstoggle[value="journal"] ~ div.sheet-journal,
|
|
.sheet-tabstoggle[value="configuration"] ~ div.sheet-config,
|
|
.sheet-tabstoggle[value="documentation"] ~ div.sheet-documentation {
|
|
display: block;
|
|
}
|
|
|
|
/* reveal tab buttons */
|
|
input[value="1"].showspells ~ .confspells,
|
|
input[value="1"].showpsionics ~ .confpsionics,
|
|
input[value="1"].showpowers ~ .confpowers,
|
|
input[value="1"].showanimals ~ .confanimals,
|
|
input[value="1"].showvehicles ~ .confvehicles,
|
|
input[value="1"].showrobots ~ .confrobots,
|
|
input[value="1"].showbionics ~ .confbionics {
|
|
display:inline;
|
|
}
|
|
|
|
/* sheet arrows */
|
|
input.sheet-arrow {
|
|
float: left;
|
|
}
|
|
.arrowbody{
|
|
display: none;
|
|
}
|
|
input.sheet-arrow:checked ~ .arrowbody {
|
|
display: block;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
/* tab body background color */
|
|
.sheet-character,
|
|
.sheet-social,
|
|
.sheet-skills,
|
|
.sheet-inventory,
|
|
.sheet-combat,
|
|
.sheet-spells,
|
|
.sheet-psionics,
|
|
.sheet-powers,
|
|
.sheet-animals,
|
|
.sheet-vehicles,
|
|
.sheet-robots,
|
|
.sheet-bionics,
|
|
.sheet-journal,
|
|
.sheet-config,
|
|
.sheet-documentation {
|
|
background-color: #d6cda3;
|
|
}
|
|
|
|
/* General Styles */
|
|
.underlined{
|
|
text-decoration: underline;
|
|
}
|
|
.centered{
|
|
text-align: center;
|
|
}
|
|
.parchment{
|
|
background:#fef5c9;
|
|
}
|
|
.faded-blue{
|
|
background:#e4ecff;
|
|
}
|
|
|
|
/* Hide Number Input Spinners */
|
|
input[type=number].nospin::-webkit-inner-spin-button,input[type=number].nospin::-webkit-outer-spin-button{
|
|
-webkit-appearance:none;appearance:none
|
|
}
|
|
input[type=number].nospin{
|
|
-moz-appearance:textfield
|
|
}
|
|
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
input[type=number] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
/* === FIELDSETS === */
|
|
.repcontrol_del,
|
|
.repcontrol_move,
|
|
.repcontrol_add,
|
|
.repcontrol_edit {
|
|
font-family: pictos;
|
|
}
|
|
.repcontrol_add::before {
|
|
content: '&';
|
|
visibility: visible;
|
|
font-family: pictos ;
|
|
background-color: #d6cda3;
|
|
border: 1px solid #9e6666;
|
|
border-radius: 5px;
|
|
font-size: 14px;
|
|
padding: 3px 5px 3px 5px;
|
|
color: #9e6666;
|
|
}
|
|
.repcontrol .repcontrol_edit:after {
|
|
/* content: 'W'; hamburger menu*/
|
|
font-family: Arial ;
|
|
font-weight: bold;
|
|
content: '☰';
|
|
visibility: visible;
|
|
font-family: pictos;
|
|
background-color: #d6cda3;
|
|
border: 1px solid #9e6666;
|
|
border-radius: 5px;
|
|
font-size: 16px;
|
|
padding: 3px 3px 2px 3px;
|
|
color: #9e6666;
|
|
}
|
|
.editmode ~ .repcontrol .repcontrol_edit:after {
|
|
font-family: Pictos;
|
|
content: '3';
|
|
background-color: #d6cda3;
|
|
width:16px;
|
|
}
|
|
.repcontrol_edit:hover:before,
|
|
.repcontrol_edit:hover:after,
|
|
.repcontrol_add:hover:before,
|
|
.repcontrol_del:hover:before{
|
|
color: black !important;
|
|
}
|
|
.repcontrol .btn{
|
|
border: none;
|
|
color: #9e6666 !important;
|
|
font-size: 0;
|
|
padding: 3px 0 0 0;
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
.repcontrol .btn:focus {
|
|
outline: 0;
|
|
}
|
|
.repcontrol_add,
|
|
.repcontrol_edit {
|
|
display: block;
|
|
background: none;
|
|
color: transparent !important;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
.repcontrol_del,
|
|
.repcontrol_move {
|
|
display: block;
|
|
background: #d6cda3;
|
|
color: #9e6666 !important;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
.repcontrol_move {
|
|
float: left;
|
|
}
|
|
|
|
/* ------------Character Tab----------- */
|
|
.sheet-character {
|
|
padding-left: 5px;
|
|
}
|
|
.statheader-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 175px 100px 175px 100px 175px
|
|
}
|
|
.whispertoggle-container{
|
|
display:grid;
|
|
grid-template-columns: 0px 75px 0px 75px
|
|
}
|
|
.charsheet .toggle-left, .charsheet .toggle-middle, .charsheet .toggle-right{
|
|
width: 75px;
|
|
height: 18px;
|
|
margin-right: -75px;
|
|
margin-bottom: 2px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
}
|
|
.charsheet .toggle-left + span::before, .charsheet .toggle-middle + span::before, .charsheet .toggle-right + span::before{
|
|
content:attr(title);
|
|
border: solid 2px #b5ac83;
|
|
text-align: center;
|
|
display: inline-block;
|
|
|
|
background: #b5ac83;
|
|
|
|
width: 75px;
|
|
height: 18px;
|
|
font-size: 16px;
|
|
}
|
|
.charsheet .toggle-left:checked + span::before, .charsheet .toggle-middle:checked + span::before, .charsheet .toggle-right:checked + span::before{
|
|
background: #d6cda3;
|
|
border-bottom-color: black;
|
|
}
|
|
.name-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-bottom:5px;
|
|
padding-left:5px;
|
|
grid-template-columns: 95px 213px 85px 100px 213px
|
|
}
|
|
.class-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-left:5px;
|
|
grid-template-columns: 50px 213px 45px 100px 85px 213px
|
|
}
|
|
.class-stats{
|
|
width: 95px;
|
|
}
|
|
|
|
/* Character Tab Stat Area */
|
|
.middle-grid-container{
|
|
display:grid;
|
|
padding-top:10px;
|
|
padding-bottom:10px;
|
|
grid-template-columns: 160px 10px 160px 10px 185px 10px 180px
|
|
}
|
|
.stat-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding:10px;
|
|
border:5px solid #9e6666;
|
|
border-radius:10px;
|
|
grid-template-columns: 65px 65px
|
|
}
|
|
.charsheet button[type=roll].statdice::before {
|
|
content: "";
|
|
}
|
|
.statdice{
|
|
color:#fef5c9;
|
|
background: #9e6666;
|
|
}
|
|
.calc-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding:10px;
|
|
border:5px solid #9e6666;
|
|
border-radius:10px;
|
|
grid-template-columns: 90px 65px
|
|
}
|
|
.fraction-grid-container{
|
|
display:grid;
|
|
grid-template-columns: 31px 3px 31px
|
|
}
|
|
.minmax{
|
|
width: 31px;
|
|
}
|
|
.minmaxdivider{
|
|
background-color: #9e6666;
|
|
}
|
|
.calc-field{
|
|
width: 40px;
|
|
}
|
|
.hp-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding:10px;
|
|
border:5px solid #9e6666;
|
|
border-radius:10px;
|
|
grid-template-columns: 90px 75px
|
|
}
|
|
.charsheet button[type=roll].rolldice::before {
|
|
content: "";
|
|
}
|
|
.rolldice{
|
|
color:#fef5c9;
|
|
background: #9e6666;
|
|
}
|
|
.roll-field, .caster-field{
|
|
width:65px;
|
|
}
|
|
.caster-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding:10px;
|
|
border:5px solid #9e6666;
|
|
border-radius:10px;
|
|
grid-template-columns: 90px 75px
|
|
}
|
|
.stat-title, .calc-title, .roll-title, .caster-title{
|
|
text-decoration:underline;
|
|
}
|
|
|
|
/* Movement Section */
|
|
.movement-container{
|
|
display:grid;
|
|
padding:10px;
|
|
border:5px solid #9e6666;
|
|
border-radius:10px;
|
|
max-width: 685px
|
|
}
|
|
.leap-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 150px 75px 75px 30px
|
|
}
|
|
.movement-panel{
|
|
padding-top:5px;
|
|
}
|
|
.movement-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 213px 70px 70px 70px 70px 60px 60px
|
|
}
|
|
|
|
/*Combat Maneuvers Section */
|
|
.combatmaneuver-container{
|
|
display:grid;
|
|
padding:10px;
|
|
border:5px solid #9e6666;
|
|
border-radius:10px;
|
|
max-width: 685px
|
|
}
|
|
.combatmaneuver-panel{
|
|
padding-top:5px;
|
|
}
|
|
.combat-options-container{
|
|
display:grid;
|
|
padding-bottom:5px;
|
|
align-items:center;
|
|
grid-template-columns: 150px 150px
|
|
}
|
|
.combattoggle-container{
|
|
display:grid;
|
|
grid-template-columns: 0px 75px 0px 75px
|
|
}
|
|
.maneuvers-container{
|
|
display: grid;
|
|
padding-left:5px;
|
|
grid-template-columns: 225px 225px 225px
|
|
}
|
|
.maneuver-cell{
|
|
display: grid;
|
|
align-items:center;
|
|
grid-template-columns: 100px 100px 20px
|
|
}
|
|
div.dodgenote-hide, div.adodgenote-hide, div.disarmnote-hide, div.rpunchnote-hide,
|
|
div.ppunchnote-hide, div.entanglenote-hide, div.knockoutnote-hide {
|
|
display: none;
|
|
}
|
|
input.dodgenote-toggle[value='1']~div.dodgenote-hide,
|
|
input.adodgenote-toggle[value='1']~div.adodgenote-hide,
|
|
input.disarmnote-toggle[value='1']~div.disarmnote-hide,
|
|
input.rpunchnote-toggle[value='1']~div.rpunchnote-hide,
|
|
input.ppunchnote-toggle[value='1']~div.ppunchnote-hide,
|
|
input.entanglenote-toggle[value='1']~div.entanglenote-hide,
|
|
input.knockoutnote-toggle[value='1']~div.knockoutnote-hide {
|
|
display: block;
|
|
}
|
|
.mnote-container{
|
|
display:grid;
|
|
}
|
|
.charsheet .maneuver-notes{
|
|
height:60px;
|
|
width: 200px
|
|
}
|
|
|
|
/* Repeating Melee and Ranged Attack Sections */
|
|
.melee-attack-panel, .ranged-attack-panel{
|
|
padding:10px;
|
|
}
|
|
.melee-attack-panel{
|
|
border-bottom:5px solid #9e6666;
|
|
max-width:745px;
|
|
}
|
|
.meleetemp-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-bottom:5px;
|
|
grid-template-columns: 160px 50px 50px 50px 50px 60px 50px
|
|
}
|
|
.mattack-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 160px 80px 80px 80px 62px 75px
|
|
}
|
|
.charsheet button[type=roll].meleedice::before {
|
|
content: '';
|
|
}
|
|
.charsheet button[type=roll].rangeddice::before {
|
|
content: '';
|
|
}
|
|
.mattack-label, .rattack-label{
|
|
width: 160px;
|
|
}
|
|
.meleedice, .rangeddice{
|
|
color:#fef5c9;
|
|
background: #9e6666;
|
|
}
|
|
.damage-dice{
|
|
width: 60px;
|
|
}
|
|
div.mbonus-hide {
|
|
display: none;
|
|
}
|
|
input.mbonus-toggle[value='1']~div.mbonus-hide {
|
|
display: block;
|
|
}
|
|
.mbonus-container{
|
|
display:grid;
|
|
align-items: center;
|
|
grid-template-columns: 213px 213px 301px
|
|
}
|
|
.mattack-text, .rattack-text{
|
|
width: 38px;
|
|
}
|
|
.charsheet .mattack-notes{
|
|
height:18px;
|
|
width:300px;
|
|
margin:0px;
|
|
overflow:auto;
|
|
resize:vertical;
|
|
}
|
|
.charsheet .rattack-notes{
|
|
height:18px;
|
|
width:512px;
|
|
margin:0px;
|
|
overflow:auto;
|
|
resize:vertical;
|
|
}
|
|
.ranged-attack-panel{
|
|
max-width:745px;
|
|
border-bottom:5px solid #9e6666;
|
|
}
|
|
.rangedtemp-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-bottom:5px;
|
|
grid-template-columns: 160px 50px 50px 60px 40px
|
|
}
|
|
.rattack-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 160px 80px 45px 100px 62px 40px 40px 75px
|
|
}
|
|
.aim-type{
|
|
width:100px;
|
|
margin:0;
|
|
}
|
|
div.rbonus-hide {
|
|
display: none;
|
|
}
|
|
input.rbonus-toggle[value='1']~div.rbonus-hide {
|
|
display: block;
|
|
}
|
|
.rbonus-container{
|
|
display:grid;
|
|
grid-template-columns: 213px 563px
|
|
}
|
|
.hidden-combat-attributes{
|
|
display:none;
|
|
}
|
|
|
|
/* ------------Social Tab-------------- */
|
|
.sheet-social {
|
|
padding-left: 5px;
|
|
}
|
|
.physical-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-left:10px;
|
|
grid-template-columns: 110px 110px 110px 110px 110px
|
|
}
|
|
.physical-field{
|
|
width:100px;
|
|
}
|
|
.origin-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding:10px;
|
|
grid-template-columns: 110px 220px 220px
|
|
}
|
|
.mental-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding:10px;
|
|
grid-template-columns: 550px
|
|
}
|
|
.mental-field{
|
|
max-height:60px;
|
|
}
|
|
|
|
/* ------------Skills Tab-------------- */
|
|
.sheet-skills {
|
|
padding-left: 5px;
|
|
padding-right: 10px;
|
|
}
|
|
.skill-header{
|
|
display: grid;
|
|
align-items: center;
|
|
grid-template-columns: 200px 100px 75px 120px 75px
|
|
}
|
|
.skill-grid-container{
|
|
display: grid;
|
|
align-items: center;
|
|
grid-template-columns: 30px 215px 50px 15px 50px 50px 50px
|
|
}
|
|
div.skillextras-hide {
|
|
display: none;
|
|
}
|
|
input.skillextras-toggle[value='1']~div.skillextras-hide {
|
|
display: block;
|
|
}
|
|
.skillextras-container{
|
|
display:grid;
|
|
padding-bottom:5px;
|
|
grid-template-columns: 75px 75px 500px
|
|
}
|
|
.charsheet .skill-notes{
|
|
height:18px;
|
|
width:490px;
|
|
margin:0px;
|
|
overflow:auto;
|
|
resize:vertical;
|
|
}
|
|
.charsheet button[type=roll].skillroll::before {
|
|
content: '';
|
|
}
|
|
.skillroll{
|
|
color:#fef5c9;
|
|
background: #9e6666;
|
|
}
|
|
.dicefontd20{
|
|
font-family:'dicefontd20';
|
|
}
|
|
|
|
|
|
/* -----------Combat Tab------------- */
|
|
.sheet-combat {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
/* Ancient Weapon Proficiencies */
|
|
.ancient-proficiency-panel{
|
|
padding-bottom:5px;
|
|
border-bottom:5px solid #9e6666;
|
|
max-width:595px;
|
|
}
|
|
.ancient-grid-container{
|
|
display:grid;
|
|
grid-template-columns: 213px 55px 55px 55px 55px 55px 55px 55px
|
|
}
|
|
|
|
/* Modern Weapon Proficiencies */
|
|
.modern-proficiency-panel{
|
|
padding-top:5px;
|
|
padding-bottom:5px;
|
|
max-width:640px;
|
|
}
|
|
.modern-grid-container{
|
|
display:grid;
|
|
grid-template-columns: 213px 55px 55px 55px 55px 55px 60px 55px 35px
|
|
}
|
|
|
|
/* Hand to Hand Panels */
|
|
.combat-skill-panel, .combat-skill-panel2 {
|
|
padding:5px;
|
|
border:5px solid #9e6666;
|
|
border-radius:10px;
|
|
max-width:525px;
|
|
}
|
|
.combat-grid-container{
|
|
display:grid;
|
|
grid-template-columns: 250px auto
|
|
}
|
|
.combat-textarea{
|
|
grid-column: 1 / 2
|
|
}
|
|
.charsheet .combat-textarea{
|
|
max-height: 60px;
|
|
}
|
|
.bonus-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 150px 50px 130px 150px 50px
|
|
}
|
|
.bonus-field{
|
|
width: 45px;
|
|
}
|
|
/* Saving Throw Panel */
|
|
.saving-throw-panel{
|
|
padding-top:5px;
|
|
}
|
|
.saves-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 150px 50px 30px 70px 150px 50px 30px
|
|
}
|
|
.charsheet button[type=roll].savedice::before {
|
|
content: '';
|
|
}
|
|
.savedice{
|
|
color:#fef5c9;
|
|
background: #9e6666;
|
|
}
|
|
.save-notes-container{
|
|
display:grid;
|
|
grid-template-columns: 500px 30px
|
|
}
|
|
.charsheet .save-misc{
|
|
max-width:500px;
|
|
max-height:60px;
|
|
}
|
|
|
|
/* ----------Spell Tab------------ */
|
|
.sheet-spells {
|
|
padding-left: 5px;
|
|
padding-right: 10px;
|
|
}
|
|
.spell-panel{
|
|
display: grid;
|
|
align-items: center;
|
|
padding-bottom: 5px;
|
|
grid-template-columns: 80px 215px 80px 80px 80px 215px
|
|
}
|
|
.charsheet button[type=roll].rollspell::before {
|
|
content: '';
|
|
}
|
|
.rollspell{
|
|
color:#fef5c9;
|
|
background: #9e6666;
|
|
}
|
|
.charsheet .spell-text{
|
|
min-width: 735px;
|
|
max-height: 60px;
|
|
}
|
|
.spell-attack{
|
|
width:75px;
|
|
}
|
|
|
|
|
|
/* ----------Psionics Tab------------ */
|
|
.sheet-psionics {
|
|
padding-left: 5px;
|
|
padding-right: 10px;
|
|
}
|
|
.psionic-panel{
|
|
display: grid;
|
|
align-items: center;
|
|
padding-bottom: 5px;
|
|
grid-template-columns: 80px 215px 80px 60px 80px 215px
|
|
}
|
|
.charsheet button[type=roll].rollpsion::before {
|
|
content: '';
|
|
}
|
|
.rollpsion{
|
|
color:#fef5c9;
|
|
background: #9e6666;
|
|
}
|
|
.charsheet .psionic-text{
|
|
min-width: 715px;
|
|
max-height: 60px;
|
|
}
|
|
|
|
/* ---------Powers Tab---------- */
|
|
.sheet-powers {
|
|
padding-left: 5px;
|
|
padding-right: 10px;
|
|
}
|
|
.minor-powers-container .super-powers-container {
|
|
padding-bottom: 10px;
|
|
}
|
|
.powers-panel {
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 80px 215px;
|
|
}
|
|
.charsheet button[type=roll].rollpower::before {
|
|
content: '';
|
|
}
|
|
.rollpower{
|
|
color:#fef5c9;
|
|
background: #9e6666;
|
|
}
|
|
.charsheet .power-text {
|
|
min-width: 715px;
|
|
max-height: 100px;
|
|
}
|
|
|
|
/* ----------Animal Tab------------ */
|
|
.worksheet-container{
|
|
padding-left: 5px;
|
|
}
|
|
.animal-size, .animal-looks{
|
|
display:grid;
|
|
align-items: center;
|
|
padding:5px;
|
|
grid-template-columns: 90px 60px 90px 60px 110px 218px
|
|
}
|
|
.animal-looks{
|
|
display:grid;
|
|
align-items: center;
|
|
padding:5px;
|
|
grid-template-columns: 100px 100px 75px 100px 100px 75px
|
|
}
|
|
.biped-mut, .hands-mut, .speech-mut, .looks-mut{
|
|
width:90px;
|
|
margin: 0;
|
|
|
|
}
|
|
.anim-psion-container, .anim-power-container{
|
|
display:block;
|
|
}
|
|
.anim-psionpower{
|
|
display:grid;
|
|
grid-template-columns: 300px 20px 300px
|
|
}
|
|
.anim-psion, .anim-power{
|
|
display:grid;
|
|
padding:5px;
|
|
margin-right: 10px;
|
|
grid-template-columns: 215px 75px
|
|
}
|
|
.natural-weapon-container{
|
|
display:grid;
|
|
width:620px;
|
|
}
|
|
.natural-weapon{
|
|
display:grid;
|
|
padding:5px;
|
|
grid-template-columns:215px 215px 75px;
|
|
}
|
|
.bioe-calc{
|
|
display:grid;
|
|
align-items: center;
|
|
padding-bottom: 10px;
|
|
grid-template-columns: 300px 75px
|
|
}
|
|
|
|
/* -----------Inventory Tab------------- */
|
|
.inventory-container{
|
|
padding-left:5px;
|
|
}
|
|
.encumbrance-panel{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-bottom:10px;
|
|
grid-template-columns: 85px 20px
|
|
}
|
|
.weight-box{
|
|
width:83px;
|
|
}
|
|
.weightsub-box{
|
|
width:63px;
|
|
}
|
|
.weapon-grid-container{
|
|
display:grid;
|
|
grid-template-columns: 30px 213px 213px 62px 62px 62px 47px 30px auto
|
|
}
|
|
.weapon-textarea{
|
|
grid-column: 1 / 9
|
|
}
|
|
.weapon-textarea{
|
|
height: 60px;
|
|
}
|
|
.weapon-inventory-panel, .armor-inventory-panel, .gear-inventory-panel,
|
|
.consumable-inventory-panel, .wealth-inventory-panel{
|
|
max-width:740px;
|
|
padding-bottom:10px;
|
|
}
|
|
.armor-grid-container{
|
|
display:grid;
|
|
grid-template-columns: 30px 213px 213px 47px 47px 62px 47px 30px auto
|
|
}
|
|
.armor-textarea{
|
|
grid-column: 1 / 9
|
|
}
|
|
.armor-textarea{
|
|
height: 60px;
|
|
}
|
|
.inventory-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 30px 213px 213px 213px 62px 30px auto
|
|
}
|
|
.inventory-textarea{
|
|
grid-column: 1 / 7
|
|
}
|
|
.inventory-textarea{
|
|
height: 60px;
|
|
}
|
|
.counter{
|
|
width:28px;
|
|
}
|
|
|
|
/* --------------Vehicle Tab----------------- */
|
|
.sheet-vehicles {
|
|
padding-left: 5px;
|
|
}
|
|
.vehicle-top-panel{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-left:10px;
|
|
padding-bottom:5px;
|
|
grid-template-columns: 220px 110px 110px 110px 110px
|
|
}
|
|
.vehicle-text{
|
|
max-width: 100px;
|
|
}
|
|
.double-input{
|
|
display:grid;
|
|
align-items: center;
|
|
grid-template-columns: 110px 110px
|
|
}
|
|
.vehicle-mid-panel{
|
|
padding-left:10px;
|
|
}
|
|
.turrets{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns:110px 110px 110px 110px 110px 110px 110px 110px
|
|
}
|
|
.vehicle-bottom-panel{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-left:10px;
|
|
grid-template-columns: 440px 110px 110px
|
|
}
|
|
.charsheet .vehicle-textarea{
|
|
max-height: 60px;
|
|
min-width: 640px;
|
|
}
|
|
.charsheet button[type=roll].turretroll::before {
|
|
content: '';
|
|
}
|
|
.turretroll{
|
|
color:#fef5c9;
|
|
background: #9e6666;
|
|
}
|
|
|
|
/* ---------------Robot Tab-----------------*/
|
|
.robots-container{
|
|
padding-left:10px;
|
|
}
|
|
.robots-panel{
|
|
display:grid;
|
|
grid-template-columns: 350px 10px 350px
|
|
}
|
|
.robots-left, .robots-right{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 250px 100px
|
|
}
|
|
.row-filler{
|
|
height: 28px
|
|
}
|
|
.robots-text{
|
|
max-width: 100px
|
|
}
|
|
.charsheet .robots-textarea{
|
|
height:60px;
|
|
width:340px;
|
|
}
|
|
|
|
/*--------------Bionics Tab----------------*/
|
|
.bionics-container{
|
|
padding-left:10px;
|
|
}
|
|
.bionics-panel{
|
|
display:grid;
|
|
grid-template-columns: 350px 10px 350px
|
|
}
|
|
.bionics-left, .bionics-right{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 250px 100px
|
|
}
|
|
.bionics-text{
|
|
max-width: 100px
|
|
}
|
|
.charsheet .bionics-textarea{
|
|
height:60px;
|
|
width:340px;
|
|
}
|
|
|
|
/* ---------------Journal Tab------------------ */
|
|
.sheet-journal {
|
|
padding-left: 5px;
|
|
}
|
|
.note-one-panel, .note-two-panel, .note-three-panel{
|
|
max-width:625px;
|
|
}
|
|
.notes-grid-container{
|
|
display: grid;
|
|
align-items:center;
|
|
grid-template-columns: 90px 213px auto
|
|
}
|
|
.second-notes-grid-container{
|
|
display: grid;
|
|
align-items:center;
|
|
grid-template-columns: 90px 213px auto
|
|
}
|
|
.third-notes-grid-container{
|
|
display: grid;
|
|
align-items:center;
|
|
grid-template-columns: 90px 213px auto
|
|
}
|
|
.notes-textarea{
|
|
grid-column: 1 / 3;
|
|
}
|
|
.charsheet .notes-textarea{
|
|
min-width:600px;
|
|
}
|
|
.charsheet button[type=roll].noteroll::before {
|
|
content: '';
|
|
}
|
|
.noteroll{
|
|
color:#fef5c9;
|
|
background: #9e6666;
|
|
}
|
|
|
|
/* ------------Configuration Tab-------------- */
|
|
.sheet-config {
|
|
padding-left: 5px;
|
|
}
|
|
.configarea {
|
|
display: grid;
|
|
padding-top: 5px;
|
|
grid-template-columns: 200px 500px
|
|
}
|
|
.tab-options{
|
|
display:grid;
|
|
align-items:center;
|
|
line-height: 2;
|
|
grid-template-columns: 20px 150px;
|
|
}
|
|
.strengthtoggle-container{
|
|
display:grid;
|
|
grid-template-columns: 0px 75px 0px 75px 0px 75px 0px 75px
|
|
}
|
|
.charsheet .toggle-mleft, .charsheet .toggle-mright{
|
|
width: 75px;
|
|
height: 18px;
|
|
margin-right: -75px;
|
|
margin-bottom: 2px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
}
|
|
.charsheet .toggle-mleft + span::before, .charsheet .toggle-mright + span::before{
|
|
content:attr(title);
|
|
border: solid 2px #b5ac83;
|
|
text-align: center;
|
|
display: inline-block;
|
|
|
|
background: #b5ac83;
|
|
|
|
width: 75px;
|
|
height: 18px;
|
|
font-size: 16px;
|
|
}
|
|
.charsheet .toggle-mleft:checked + span::before, .charsheet .toggle-mright:checked + span::before{
|
|
background: #d6cda3;
|
|
border-bottom-color: black;
|
|
}
|
|
.colortoggle{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 0px 75px 0px 75px 0px 75px 0px 75px 0px 75px 0px 75px
|
|
}
|
|
.charsheet .toggle-ice, .charsheet .toggle-orange, .charsheet .toggle-pine,
|
|
.charsheet .toggle-teal, .charsheet .toggle-wine, .charsheet .toggle-yellow{
|
|
width: 75px;
|
|
height: 18px;
|
|
margin-right: -75px;
|
|
margin-bottom: 2px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
}
|
|
.charsheet .toggle-ice + span::before, .charsheet .toggle-orange + span::before,
|
|
.charsheet .toggle-pine + span::before, .charsheet .toggle-teal + span::before,
|
|
.charsheet .toggle-wine + span::before, .charsheet .toggle-yellow + span::before{
|
|
content:attr(title);
|
|
border: solid 2px #b5ac83;
|
|
text-align: center;
|
|
display: inline-block;
|
|
|
|
background: #b5ac83;
|
|
|
|
width: 75px;
|
|
height: 18px;
|
|
font-size: 16px;
|
|
}
|
|
.charsheet .toggle-ice:checked + span::before{
|
|
background-color: rgba(204,244,255,1);
|
|
color:black;
|
|
}
|
|
.charsheet .toggle-orange:checked + span::before{
|
|
background-color: rgba(212,108,24,1);
|
|
color:white;
|
|
}
|
|
.charsheet .toggle-pine:checked + span::before{
|
|
background-color: rgba(30,79,31,1);
|
|
color:white;
|
|
}
|
|
.charsheet .toggle-teal:checked + span::before{
|
|
background-color: rgba(79,153,148,1);
|
|
color:white;
|
|
}
|
|
.charsheet .toggle-wine:checked + span::before{
|
|
background-color: rgba(163,80,92,1);
|
|
color:white;
|
|
}
|
|
.charsheet .toggle-yellow:checked + span::before{
|
|
background-color: rgba(230,195,90,1);
|
|
color:black;
|
|
}
|
|
|
|
/* ---------Documentation Tab------------- */
|
|
.documentation-panel {
|
|
padding-left: 5px;
|
|
width:85%;
|
|
}
|
|
.documentation-segment{
|
|
display:grid;
|
|
border-bottom: 2px solid black;
|
|
}
|
|
|
|
/* ----------Custom Roll Template----------- */
|
|
.sheet-rolltemplate-custom {
|
|
margin-left: -37px;
|
|
}
|
|
.withoutavatars .sheet-rolltemplate-custom {
|
|
margin-left: -7px;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container {
|
|
border: 1px solid;
|
|
border-bottom: 10px solid;
|
|
border-color: var(--header-bg-color);
|
|
border-top-left-radius: 6px;
|
|
border-top-right-radius: 6px;
|
|
border-bottom-left-radius: 6px;
|
|
border-bottom-right-radius: 6px;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-header {
|
|
background-color: var(--header-bg-color);
|
|
text-align: center;
|
|
color: var(--header-text-color);
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
padding: 5px;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-title {
|
|
font-size:1.1em;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-subtitle {
|
|
font-size:.9em;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-note {
|
|
background-color: var(--header-bg-color);
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
font-size:.9em;
|
|
font-weight: bold;
|
|
padding-left: 5px;
|
|
text-align: left;
|
|
color: var(--header-text-color);
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-black {
|
|
--header-bg-color: rgba(0,0,0,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-brown {
|
|
--header-bg-color: rgba(144,77,10,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-yellow {
|
|
--header-bg-color: rgba(230,195,90,1);
|
|
--header-text-color: #0a0a0a;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-grey {
|
|
--header-bg-color: rgba(187,187,187,1);
|
|
--header-text-color: #0a0a0a;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-blue {
|
|
--header-bg-color: rgba(6,54,134,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-red {
|
|
--header-bg-color: rgba(125,26,26,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-green {
|
|
--header-bg-color: rgba(67,128,91,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-teal {
|
|
--header-bg-color: rgba(79,153,148,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-orange {
|
|
--header-bg-color: rgba(212,108,24,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-pine {
|
|
--header-bg-color: rgba(30,79,31,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-ice {
|
|
--header-bg-color: rgba(204,244,255,1);
|
|
--header-text-color: #0a0a0a;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-violet {
|
|
--header-bg-color: rgba(101,0,66,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-sun {
|
|
--header-bg-color: rgba(249,229,124,1);
|
|
--header-text-color: #0a0a0a;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-wine {
|
|
--header-bg-color: rgba(163,80,92,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-note .inlinerollresult,
|
|
.sheet-rolltemplate-custom .sheet-note .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-custom .sheet-note .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-custom .sheet-note .inlinerollresult.importantroll {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-content .inlinerollresult {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-content .inlinerollresult.fullcrit {
|
|
background-color: transparent;
|
|
border: 2px solid #3fb315;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-content .inlinerollresult.fullfail {
|
|
background-color: transparent;
|
|
border: 2px solid #b31515;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-content .inlinerollresult.importantroll {
|
|
background-color: transparent;
|
|
border: 2px solid #4a57ed;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-content {
|
|
display: grid;
|
|
color: #0a0a0a;
|
|
background: #f8f0db;
|
|
grid-template-columns: auto auto;
|
|
line-height:1.4em;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-content > div {
|
|
padding: 5px;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-content .sheet-key {
|
|
font-weight: bold;
|
|
padding-right: 5px;
|
|
text-align: right;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-value {
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-content :nth-child(4n+3),
|
|
|
|
.sheet-rolltemplate-custom .sheet-content :nth-child(4n) {
|
|
background:#dcd4bf;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-desc {
|
|
grid-column: span 2;
|
|
padding: 5px;
|
|
text-align: center;
|
|
max-height: 500px;
|
|
overflow: auto;
|
|
}
|
|
.sheet-rolltemplate-custom a[href^='!'],.sheet-rolltemplate-custom a[href^='~']{
|
|
background-color:transparent;
|
|
border:0;
|
|
color:#3f8aa6;
|
|
font-weight: bold;
|
|
display:inline;
|
|
padding: 0
|
|
}
|
|
.sheet-rolltemplate-custom a:not([href^='~']):not([href^='!']){
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Menu Roll Template */
|
|
.sheet-rolltemplate-menu {
|
|
margin-left: -37px;
|
|
}
|
|
.withoutavatars .sheet-rolltemplate-menu {
|
|
margin-left: -7px;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container {
|
|
border: 1px solid;
|
|
border-bottom: 10px solid;
|
|
border-color: var(--header-bg-color);
|
|
border-top-left-radius: 6px;
|
|
border-top-right-radius: 6px;
|
|
border-bottom-left-radius: 6px;
|
|
border-bottom-right-radius: 6px;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-header {
|
|
background-color: var(--header-bg-color);
|
|
text-align: center;
|
|
color: var(--header-text-color);
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
padding: 5px;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-title {
|
|
font-size:1.1em;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-subtitle {
|
|
font-size:.9em;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-black {
|
|
--header-bg-color: rgba(0,0,0,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-brown {
|
|
--header-bg-color: rgba(144,77,10,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-yellow {
|
|
--header-bg-color: rgba(230,195,90,1);
|
|
--header-text-color: #0a0a0a;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-grey {
|
|
--header-bg-color: rgba(187,187,187,1);
|
|
--header-text-color: #0a0a0a;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-blue {
|
|
--header-bg-color: rgba(6,54,134,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-red {
|
|
--header-bg-color: rgba(125,26,26,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-green {
|
|
--header-bg-color: rgba(67,128,91,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-teal {
|
|
--header-bg-color: rgba(79,153,148,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-orange {
|
|
--header-bg-color: rgba(212,108,24,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-pine {
|
|
--header-bg-color: rgba(30,79,31,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-ice {
|
|
--header-bg-color: rgba(204,244,255,1);
|
|
--header-text-color: #0a0a0a;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-violet {
|
|
--header-bg-color: rgba(101,0,66,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-sun {
|
|
--header-bg-color: rgba(249,229,124,1);
|
|
--header-text-color: #0a0a0a;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-wine {
|
|
--header-bg-color: rgba(163,80,92,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
|
|
.sheet-rolltemplate-menu .sheet-content {
|
|
display: grid;
|
|
color: #0a0a0a;
|
|
background: #f8f0db;
|
|
grid-template-columns: auto auto;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.sheet-rolltemplate-menu .sheet-content > div {
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-menu .sheet-content .sheet-key {
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
padding-right: 5px;
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-rolltemplate-menu .sheet-value {
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
padding-left: 5px;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-rolltemplate-menu .sheet-desc {
|
|
grid-column: span 2;
|
|
padding: 5px;
|
|
text-align: center;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
color: #0a0a0a;
|
|
background: #f8f0db;
|
|
max-height: 500px;
|
|
overflow: auto;
|
|
}
|
|
.sheet-rolltemplate-menu a[href^='!'],.sheet-rolltemplate-menu a[href^='~']{
|
|
background-color: transparent;
|
|
border:0;
|
|
color:#3f8aa6;
|
|
display:inline;
|
|
padding: 0
|
|
}
|
|
|
|
/* Spells Roll Template */
|
|
.sheet-rolltemplate-spells {
|
|
margin-left: -37px;
|
|
}
|
|
.withoutavatars .sheet-rolltemplate-spells {
|
|
margin-left: -7px;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container {
|
|
border: 1px solid;
|
|
border-bottom: 10px solid;
|
|
border-color: var(--header-bg-color);
|
|
border-top-left-radius: 6px;
|
|
border-top-right-radius: 6px;
|
|
border-bottom-left-radius: 6px;
|
|
border-bottom-right-radius: 6px;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-header {
|
|
background-color: var(--header-bg-color);
|
|
text-align: center;
|
|
color: var(--header-text-color);
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
padding: 5px;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-title {
|
|
font-size:1.1em;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-subtitle {
|
|
font-size:.9em;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-note {
|
|
background-color: var(--header-bg-color);
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
font-size:.9em;
|
|
font-weight: bold;
|
|
padding-left: 5px;
|
|
text-align: left;
|
|
color: var(--header-text-color);
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-attack {
|
|
color: #0a0a0a;
|
|
background:#dcd4bf;
|
|
display: grid;
|
|
grid-template-columns: auto;
|
|
font-size:1em;
|
|
font-weight: bold;
|
|
padding:5px;
|
|
text-align: center;
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-black {
|
|
--header-bg-color: rgba(0,0,0,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-brown {
|
|
--header-bg-color: rgba(144,77,10,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-yellow {
|
|
--header-bg-color: rgba(230,195,90,1);
|
|
--header-text-color: #0a0a0a;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-grey {
|
|
--header-bg-color: rgba(187,187,187,1);
|
|
--header-text-color: #0a0a0a;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-blue {
|
|
--header-bg-color: rgba(6,54,134,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-red {
|
|
--header-bg-color: rgba(125,26,26,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-green {
|
|
--header-bg-color: rgba(67,128,91,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-teal {
|
|
--header-bg-color: rgba(79,153,148,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-orange {
|
|
--header-bg-color: rgba(212,108,24,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-pine {
|
|
--header-bg-color: rgba(30,79,31,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-ice {
|
|
--header-bg-color: rgba(204,244,255,1);
|
|
--header-text-color: #0a0a0a;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-violet {
|
|
--header-bg-color: rgba(101,0,66,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-sun {
|
|
--header-bg-color: rgba(249,229,124,1);
|
|
--header-text-color: #0a0a0a;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-wine {
|
|
--header-bg-color: rgba(163,80,92,1);
|
|
--header-text-color: #fafafa;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-note .inlinerollresult,
|
|
.sheet-rolltemplate-spells .sheet-note .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-spells .sheet-note .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-spells .sheet-note .inlinerollresult.importantroll {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-attack .inlinerollresult,
|
|
.sheet-rolltemplate-spells .sheet-attack .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-spells .sheet-attack .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-spells .sheet-attack .inlinerollresult.importantroll {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-desc .inlinerollresult,
|
|
.sheet-rolltemplate-spells .sheet-desc .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-spells .sheet-desc .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-spells .sheet-desc .inlinerollresult.importantroll {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-content .inlinerollresult,
|
|
.sheet-rolltemplate-spells .sheet-content .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-spells .sheet-content .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-spells .sheet-content .inlinerollresult.importantroll {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-content {
|
|
display: grid;
|
|
color: #0a0a0a;
|
|
background: #f8f0db;
|
|
grid-template-columns: auto auto;
|
|
line-height:1.4em;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-content > div {
|
|
padding: 5px;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-content .sheet-key {
|
|
font-weight: bold;
|
|
padding-right: 5px;
|
|
text-align: right;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-value {
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-desc {
|
|
grid-column: span 2;
|
|
padding: 5px;
|
|
text-align: center;
|
|
max-height: 500px;
|
|
overflow: auto;
|
|
}
|
|
.sheet-rolltemplate-spells a[href^='!'],.sheet-rolltemplate-spells a[href^='~']{
|
|
background-color:transparent;
|
|
border:0;
|
|
color:#3f8aa6;
|
|
font-weight: bold;
|
|
display:inline;
|
|
padding: 0
|
|
}
|
|
.sheet-rolltemplate-spells a:not([href^='~']):not([href^='!']){
|
|
font-weight: bold;
|
|
}
|