1487 lines
35 KiB
CSS
1487 lines
35 KiB
CSS
/* Black Sheet Border */
|
|
.sheet-base {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
width: 100%;
|
|
border:solid black 1px;
|
|
}
|
|
/* Configure the Button Bar */
|
|
.buttonbar {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-evenly;
|
|
align-items: flex-start;
|
|
padding: 5px 0 0 0;
|
|
background: #cdc6b1;
|
|
border-bottom:solid 1px black;
|
|
}
|
|
|
|
.navbuttons {
|
|
display: flex;
|
|
text-align: left;
|
|
flex-wrap: nowrap;
|
|
flex: 1 0 75%;
|
|
}
|
|
|
|
.line-divider{
|
|
flex: 0 1 10%;
|
|
align-items:center;
|
|
}
|
|
|
|
.docbuttons {
|
|
text-align: right;
|
|
flex: 1 0 15%;
|
|
}
|
|
/*Configure the tab*/
|
|
.sheet-character,
|
|
.sheet-social,
|
|
.sheet-skill,
|
|
.sheet-combat,
|
|
.sheet-equipment,
|
|
.sheet-spells,
|
|
.sheet-psionics,
|
|
.sheet-healer,
|
|
.sheet-wards,
|
|
.sheet-circles,
|
|
.sheet-structures,
|
|
.sheet-journal,
|
|
.sheet-config,
|
|
.sheet-release{
|
|
display: none;
|
|
}
|
|
|
|
/* show the selected tab */
|
|
.sheet-tabstoggle[value="character"] ~ div.sheet-character,
|
|
.sheet-tabstoggle[value="social"] ~ div.sheet-social,
|
|
.sheet-tabstoggle[value="skill"] ~ div.sheet-skill,
|
|
.sheet-tabstoggle[value="equipment"] ~ div.sheet-equipment,
|
|
.sheet-tabstoggle[value="combat"] ~ div.sheet-combat,
|
|
.sheet-tabstoggle[value="spells"] ~ div.sheet-spells,
|
|
.sheet-tabstoggle[value="psionics"] ~ div.sheet-psionics,
|
|
.sheet-tabstoggle[value="healer"] ~ div.sheet-healer,
|
|
.sheet-tabstoggle[value="wards"] ~ div.sheet-wards,
|
|
.sheet-tabstoggle[value="circles"] ~ div.sheet-circles,
|
|
.sheet-tabstoggle[value="structures"] ~ div.sheet-structures,
|
|
.sheet-tabstoggle[value="journal"] ~ div.sheet-journal,
|
|
.sheet-tabstoggle[value="configuration"] ~ div.sheet-config,
|
|
.sheet-tabstoggle[value="release"] ~ div.sheet-release {
|
|
display: block;
|
|
}
|
|
|
|
/* reveal tab buttons */
|
|
input[value="1"].showspells ~ .confspells,
|
|
input[value="1"].showpsionics ~ .confpsionics,
|
|
input[value="1"].showhealer ~ .confhealer,
|
|
input[value="1"].showwards ~ .confwards,
|
|
input[value="1"].showcircles ~ .confcircles,
|
|
input[value="1"].showstructures ~ .confstructures{
|
|
display:inline;
|
|
}
|
|
.topbuttons {
|
|
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,
|
|
.confhealer,
|
|
.confwards,
|
|
.confcircles,
|
|
.confstructures{
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* Sheet Background Color */
|
|
.sheet-character, .sheet-social, .sheet-skill, .sheet-combat,
|
|
.sheet-equipment, .sheet-journal, .sheet-spells, .sheet-psionics,
|
|
.sheet-healer, .sheet-wards, .sheet-circles, .sheet-structures{
|
|
background: #9cb09b;
|
|
}
|
|
.sheet-release, .sheet-config{
|
|
background: #c6cdda;
|
|
}
|
|
/* === FIELDSETS === */
|
|
.repcontrol_del,
|
|
.repcontrol_move,
|
|
.repcontrol_add,
|
|
.repcontrol_edit {
|
|
font-family: pictos;
|
|
}
|
|
.repcontrol_add::before {
|
|
content: '&';
|
|
visibility: visible;
|
|
font-family: pictos ;
|
|
background-color: #6b8a76;
|
|
border: 1px solid #000;
|
|
border-radius: 5px;
|
|
font-size: 14px;
|
|
padding: 3px 5px 3px 5px;
|
|
color: #ebebeb;
|
|
}
|
|
.repcontrol .repcontrol_edit:after {
|
|
/* content: 'W'; hamburger menu*/
|
|
font-family: Arial ;
|
|
font-weight: bold;
|
|
content: '☰';
|
|
visibility: visible;
|
|
font-family: pictos;
|
|
background-color: #6b8a76;
|
|
border: 1px solid #000;
|
|
border-radius: 5px;
|
|
font-size: 16px;
|
|
padding: 3px 3px 2px 3px;
|
|
color: #ebebeb;
|
|
}
|
|
.editmode ~ .repcontrol .repcontrol_edit:after {
|
|
font-family: Pictos;
|
|
content: '3';
|
|
background-color: #6b8a76;
|
|
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: white !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: #6b8a76;
|
|
color: #ebebeb !important;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
.repcontrol_move {
|
|
float: left;
|
|
}
|
|
|
|
/* Sheet Arrow Show Hide */
|
|
input.sheet-arrow {
|
|
float: left;
|
|
}
|
|
.arrowbody{
|
|
display: none;
|
|
}
|
|
input.sheet-arrow:checked ~ .arrowbody {
|
|
display: block;
|
|
}
|
|
|
|
/* Disable number input spinner */
|
|
input[type=number].sheet-nospin::-webkit-inner-spin-button,input[type=number].sheet-nospin::-webkit-outer-spin-button{
|
|
-webkit-appearance:none;appearance:none
|
|
}
|
|
input[type=number].sheet-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;
|
|
}
|
|
|
|
/* Main Tab Content Start */
|
|
.statheader-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 450px 100px 150px
|
|
}
|
|
.whispertoggle-container{
|
|
display:grid;
|
|
grid-template-columns: 0px 75px 0px 75px
|
|
}
|
|
.charsheet .toggle-left, .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-right + span::before{
|
|
content:attr(title);
|
|
border: solid 2px #889987;
|
|
text-align: center;
|
|
display: inline-block;
|
|
background: #889987;
|
|
width: 75px;
|
|
height: 18px;
|
|
font-size: 16px;
|
|
}
|
|
.charsheet .toggle-left:checked + span::before, .charsheet .toggle-right:checked + span::before{
|
|
background: #9cb09b;
|
|
border-bottom-color: black;
|
|
}
|
|
.align{
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
.name-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-bottom:5px;
|
|
padding-left:5px;
|
|
grid-template-columns: 50px 213px 75px 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;
|
|
}
|
|
.middle-grid-container{
|
|
display:grid;
|
|
padding-top:10px;
|
|
padding-bottom:10px;
|
|
grid-template-columns: 160px 10px 160px 10px 185px 10px 180px
|
|
}
|
|
.blue-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding:10px;
|
|
border:5px solid #82a3b5;
|
|
border-radius:10px;
|
|
grid-template-columns: 65px 65px
|
|
}
|
|
.charsheet button[type=roll].statdice::before {
|
|
content: "";
|
|
}
|
|
.statdice{
|
|
color:black;
|
|
background: #82a3b5;
|
|
font-weight:bold;
|
|
}
|
|
.gold-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding:10px;
|
|
border:5px solid #c0b982;
|
|
border-radius:10px;
|
|
grid-template-columns: 90px 65px
|
|
}
|
|
.ltblue-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding:10px;
|
|
border:5px solid #a7cacd;
|
|
border-radius:10px;
|
|
grid-template-columns: 90px 75px
|
|
}
|
|
.charsheet button[type=roll].rolldice::before {
|
|
content: "";
|
|
}
|
|
.rolldice{
|
|
color:black;
|
|
background: #a7cacd;
|
|
font-weight:bold;
|
|
}
|
|
.roll-field, .caster-field{
|
|
width:65px;
|
|
}
|
|
.caster-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding:10px;
|
|
border:5px solid #b8927a;
|
|
border-radius:10px;
|
|
grid-template-columns: 90px 75px
|
|
}
|
|
.stat-title, .calc-title, .roll-title, .caster-title{
|
|
text-decoration:underline;
|
|
}
|
|
/* Background color for entry fields */
|
|
.mint {
|
|
background-color:#e0e8df;
|
|
}
|
|
/* Background color for readonly fields */
|
|
.charsheet .autocalc {
|
|
background-color: #cfd7ce;
|
|
}
|
|
|
|
.fraction-grid-container{
|
|
display:grid;
|
|
grid-template-columns: 31px 3px 31px
|
|
}
|
|
.minmax{
|
|
width: 31px;
|
|
}
|
|
.minmaxdivider{
|
|
background-color: #5e6c5d;
|
|
}
|
|
.calc-field{
|
|
width: 40px;
|
|
}
|
|
/* Movement Section */
|
|
.movement-container{
|
|
display:grid;
|
|
padding:10px;
|
|
border:5px solid #889987;
|
|
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
|
|
}
|
|
/* Attack Section */
|
|
.attackoptions-container{
|
|
display:grid;
|
|
padding-bottom:5px;
|
|
align-items:center;
|
|
grid-template-columns: 125px 80px 160px 60px 225px
|
|
}
|
|
.melee-attack-panel, .ranged-attack-panel{
|
|
padding:10px;
|
|
}
|
|
.melee-attack-panel{
|
|
border-bottom:5px solid #889987;
|
|
max-width:745px;
|
|
}
|
|
.mountparry-container{
|
|
display:grid;
|
|
grid-template-columns: 0px 75px 0px 75px
|
|
}
|
|
.mountdamage-container{
|
|
display:grid;
|
|
grid-template-columns: 0px 75px 0px 75px 0px 75px
|
|
}
|
|
.charsheet .ctoggle-left, .charsheet .ctoggle-middle, .charsheet .ctoggle-right{
|
|
width: 75px;
|
|
height: 14px;
|
|
margin-right: -75px;
|
|
margin-bottom: 2px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
}
|
|
.charsheet .ctoggle-left + span::before, .charsheet .ctoggle-middle + span::before, .charsheet .ctoggle-right + span::before{
|
|
content:attr(title);
|
|
border: solid 2px #889987;
|
|
text-align: center;
|
|
display: inline-block;
|
|
|
|
background: #889987;
|
|
|
|
width: 75px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
}
|
|
.charsheet .ctoggle-left:checked + span::before, .charsheet .ctoggle-middle:checked +span::before,
|
|
.charsheet .ctoggle-right:checked + span::before{
|
|
background: #9cb09b;
|
|
border-bottom-color: black;
|
|
}
|
|
.meleetemp-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-bottom:5px;
|
|
grid-template-columns: 160px 50px 50px 50px 50px 60px 40px
|
|
}
|
|
.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{
|
|
background:#6b8a76;
|
|
color:#ebebeb;
|
|
}
|
|
.damage-dice{
|
|
width: 60px;
|
|
}
|
|
div.mbonus-hide {
|
|
display: none;
|
|
}
|
|
input.mbonus-toggle[value='1']~div.mbonus-hide {
|
|
display: block;
|
|
}
|
|
.mbonus-container{
|
|
display:grid;
|
|
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 #889987;
|
|
}
|
|
.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 80px 62px 40px 40px 40px 75px
|
|
}
|
|
div.rbonus-hide {
|
|
display: none;
|
|
}
|
|
input.rbonus-toggle[value='1']~div.rbonus-hide {
|
|
display: block;
|
|
}
|
|
.rbonus-container{
|
|
display:grid;
|
|
grid-template-columns: 213px 563px
|
|
}
|
|
|
|
/* Social Tab */
|
|
.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;
|
|
}
|
|
|
|
/*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
|
|
}
|
|
.charsheet .weapon-textarea{
|
|
height: 60px;
|
|
}
|
|
.weapon-inventory-panel, .armor-inventory-panel, .gear-inventory-panel,
|
|
.consumable-inventory-panel, .wealth-inventory-panel{
|
|
max-width:770px;
|
|
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
|
|
}
|
|
.charsheet .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
|
|
}
|
|
.charsheet .inventory-textarea{
|
|
height: 60px;
|
|
}
|
|
.counter{
|
|
width:28px;
|
|
}
|
|
|
|
/* Skills Tab */
|
|
.occ-skill-panel, .elective-skill-panel,
|
|
.secondary-skill-panel, .mystic-skill-panel{
|
|
max-width:710px;
|
|
}
|
|
.skill-container{
|
|
padding-left: 5px;
|
|
}
|
|
.universalrow-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 30px 150px 50px 150px 50px 150px
|
|
}
|
|
.skill-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 30px 213px 50px 15px 50px 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: 700px
|
|
}
|
|
.charsheet .skill-notes{
|
|
height:36px;
|
|
width:700px;
|
|
margin:0px;
|
|
overflow:auto;
|
|
resize:vertical;
|
|
}
|
|
.charsheet button[type=roll].skillroll::before{
|
|
content: '';
|
|
}
|
|
.skillroll{
|
|
color:#ebebeb;
|
|
background: #6b8a76;
|
|
}
|
|
.dicefontd20{
|
|
font-family:'dicefontd20';
|
|
}
|
|
|
|
/* Combat Tab */
|
|
.combat-container{
|
|
padding-left: 5px;
|
|
}
|
|
.melee-proficiency-panel{
|
|
padding-bottom:5px;
|
|
border-bottom:5px solid #889987;
|
|
max-width:460px;
|
|
}
|
|
.melee-grid-container{
|
|
display:grid;
|
|
grid-template-columns: 213px 50px 50px 50px 50px 50px
|
|
}
|
|
.ranged-proficiency-panel{
|
|
padding-top:5px;
|
|
padding-bottom:5px;
|
|
max-width:460px;
|
|
}
|
|
.ranged-grid-container{
|
|
display:grid;
|
|
grid-template-columns: 213px 50px 50px 50px 50px
|
|
}
|
|
.combat-skill-panel{
|
|
padding:5px;
|
|
border:5px solid #889987;
|
|
border-radius:10px;
|
|
max-width:525px;
|
|
}
|
|
.combat-grid-container{
|
|
display:grid;
|
|
grid-template-columns: 250px auto
|
|
}
|
|
.combat-textarea{
|
|
grid-column: 1 / 2
|
|
}
|
|
.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{
|
|
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: #ebebeb;
|
|
background: #6b8a76;
|
|
}
|
|
.save-notes-container{
|
|
display:grid;
|
|
grid-template-columns: 500px 30px
|
|
}
|
|
.save-misc{
|
|
max-width:500px;
|
|
max-height:60px;
|
|
}
|
|
.sheet-underline{
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* ----------Spell Tab------------ */
|
|
.sheet-spells {
|
|
padding-left: 5px;
|
|
padding-right: 10px;
|
|
}
|
|
.spell-panel{
|
|
display: grid;
|
|
align-items: center;
|
|
padding-bottom: 5px;
|
|
grid-template-columns: 80px 170px 80px 170px 80px 170px
|
|
}
|
|
.charsheet button[type=roll].rollspell::before {
|
|
content: '';
|
|
}
|
|
.rollspell{
|
|
color:#ebebeb;
|
|
background: #6b8a76;
|
|
}
|
|
.spell-text{
|
|
min-width: 735px;
|
|
max-height: 60px;
|
|
}
|
|
.spell-label{
|
|
width: 165px;
|
|
}
|
|
.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 80px 80px 215px
|
|
}
|
|
.charsheet button[type=roll].rollpsion::before {
|
|
content: '';
|
|
}
|
|
.rollpsion{
|
|
color:#ebebeb;
|
|
background: #6b8a76;
|
|
}
|
|
.psionic-text{
|
|
min-width: 735px;
|
|
max-height: 60px;
|
|
}
|
|
|
|
/* ------- Healer Tab --------- */
|
|
.sheet-healer {
|
|
padding-left: 5px;
|
|
padding-right: 10px;
|
|
}
|
|
.healer-panel{
|
|
display: grid;
|
|
align-items: center;
|
|
padding-bottom: 5px;
|
|
grid-template-columns: 80px 215px 80px 80px 80px 215px
|
|
}
|
|
.charsheet button[type=roll].rollhealer::before {
|
|
content: '';
|
|
}
|
|
.rollhealer{
|
|
color:#ebebeb;
|
|
background: #6b8a76;
|
|
}
|
|
.healer-text{
|
|
min-width: 735px;
|
|
max-height: 60px;
|
|
}
|
|
|
|
/* ---------------Wards Tab------------------ */
|
|
.sheet-wards {
|
|
padding-left: 5px;
|
|
padding-right: 10px;
|
|
}
|
|
.ward-panel{
|
|
display: grid;
|
|
align-items: center;
|
|
padding-bottom: 5px;
|
|
grid-template-columns: 80px 170px 80px 170px 80px 170px
|
|
}
|
|
|
|
/* ---------------Circles Tab------------------ */
|
|
.sheet-circles {
|
|
padding-left: 5px;
|
|
padding-right: 10px;
|
|
}
|
|
.circle-panel{
|
|
display: grid;
|
|
align-items: center;
|
|
padding-bottom: 5px;
|
|
grid-template-columns: 80px 170px 80px 170px 80px 170px
|
|
}
|
|
|
|
/* ------ Structures Tab -----*/
|
|
.sheet-structures{
|
|
padding-left: 5px;
|
|
}
|
|
.ships-container{
|
|
border-bottom:5px solid #889987;
|
|
margin-bottom: 5px;
|
|
}
|
|
.ship-name{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-bottom:5px;
|
|
grid-template-columns: 215px 215px 65px 65px;
|
|
}
|
|
.charsheet .ship-details{
|
|
width:550px;
|
|
max-height:75px;
|
|
}
|
|
.shipattack-container{
|
|
width:770px;
|
|
}
|
|
.ship-attacks{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns:110px 110px 110px 110px 330px
|
|
}
|
|
.ship-text{
|
|
max-width: 100px;
|
|
}
|
|
.charsheet button[type=roll].shiproll::before {
|
|
content: '';
|
|
}
|
|
.shiproll{
|
|
color:#ebebeb;
|
|
background: #6b8a76;
|
|
width:90px;
|
|
}
|
|
.charsheet .ship-textarea{
|
|
height:18px;
|
|
width:300px;
|
|
margin:0px;
|
|
overflow:auto;
|
|
resize:vertical;
|
|
}
|
|
.ship-parts{
|
|
display: grid;
|
|
align-items: center;
|
|
padding-top:10px;
|
|
padding-bottom: 10px;
|
|
grid-template-columns: 80px 80px 80px 80px 80px 80px 80px
|
|
}
|
|
.structure-name{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-bottom:5px;
|
|
grid-template-columns: 215px 215px 65px 65px;
|
|
}
|
|
.charsheet .structure-details{
|
|
width:550px;
|
|
max-height:75px;
|
|
}
|
|
.structureattack-container{
|
|
width:770px;
|
|
}
|
|
.structure-attacks{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns:110px 110px 110px 110px 330px
|
|
}
|
|
.charsheet .structure-text{
|
|
max-width: 100px;
|
|
}
|
|
.charsheet button[type=roll].structureroll::before {
|
|
content: '';
|
|
}
|
|
.structureroll{
|
|
color:#ebebeb;
|
|
background: #6b8a76;
|
|
width:90px;
|
|
}
|
|
.charsheet .structure-textarea{
|
|
height:18px;
|
|
width:300px;
|
|
margin:0px;
|
|
overflow:auto;
|
|
resize:vertical;
|
|
}
|
|
.structure-parts{
|
|
display: grid;
|
|
align-items: center;
|
|
padding-top:10px;
|
|
padding-bottom: 5px;
|
|
grid-template-columns: 80px 80px 80px 80px 80px 80px 80px 80px
|
|
}
|
|
|
|
/* ------ Journal Tab ------*/
|
|
.journal-container{
|
|
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
|
|
}
|
|
.charsheet button[type=roll].noteroll::before{
|
|
content: '';
|
|
}
|
|
.noteroll{
|
|
color:#ebebeb;
|
|
background: #6b8a76;
|
|
}
|
|
.charsheet .notes-textarea{
|
|
grid-column: 1 / 3;
|
|
}
|
|
.charsheet .notes-textarea{
|
|
min-width:600px;
|
|
height: 72px;
|
|
}
|
|
|
|
/* ------------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;
|
|
}
|
|
.colortoggle{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 0px 75px 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,
|
|
.charsheet .toggle-violet{
|
|
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,
|
|
.charsheet .toggle-violet + span::before{
|
|
content:attr(title);
|
|
border: solid 2px #82a3b5;
|
|
text-align: center;
|
|
display: inline-block;
|
|
|
|
background: #82a3b5;
|
|
|
|
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-violet:checked + span::before{
|
|
background-color: rgba(101,0,66,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;
|
|
}
|
|
|
|
/* Main 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;
|
|
display:inline;
|
|
padding: 0
|
|
}
|
|
/* 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-top:5px;
|
|
padding-left: 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 {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-content .inlinerollresult.fullcrit {
|
|
background-color: transparent;
|
|
border: 2px solid #3fb315;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-content .inlinerollresult.fullfail {
|
|
background-color: transparent;
|
|
border: 2px solid #b31515;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-content .inlinerollresult.importantroll {
|
|
background-color: transparent;
|
|
border: 2px solid #4a57ed;
|
|
}
|
|
.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-content :nth-child(4n+3),
|
|
|
|
.sheet-rolltemplate-spells .sheet-content :nth-child(4n) {
|
|
background:#dcd4bf;
|
|
}
|
|
.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;
|
|
display:inline;
|
|
padding: 0
|
|
}
|