Kraynic
eb9c9dc9ce
Changed some background colors, and aligned some labels. Just some small cosmetic changes.
1359 lines
32 KiB
CSS
1359 lines
32 KiB
CSS
/* Black Sheet Border */
|
|
.sheet-base {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
width: 100%;
|
|
border:solid black 1px;
|
|
}
|
|
/* Configure the Button Bar */
|
|
.sheet-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:solid 1px black;
|
|
}
|
|
|
|
.sheet-navbuttons {
|
|
display: flex;
|
|
text-align: left;
|
|
flex-wrap: nowrap;
|
|
flex: 1 0 75%;
|
|
}
|
|
|
|
.sheet-line-divider{
|
|
flex: 0 1 10%;
|
|
align-items:center;
|
|
}
|
|
|
|
.sheet-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"].sheet-showspells ~ .sheet-confspells,
|
|
input[value="1"].sheet-showpsionics ~ .sheet-confpsionics,
|
|
input[value="1"].sheet-showhealer ~ .sheet-confhealer,
|
|
input[value="1"].sheet-showwards ~ .sheet-confwards,
|
|
input[value="1"].sheet-showcircles ~ .sheet-confcircles,
|
|
input[value="1"].sheet-showstructures ~ .sheet-confstructures{
|
|
display:inline;
|
|
}
|
|
.sheet-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;
|
|
}
|
|
.sheet-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 */
|
|
.sheet-confspells,
|
|
.sheet-confpsionics,
|
|
.sheet-confhealer,
|
|
.sheet-confwards,
|
|
.sheet-confcircles,
|
|
.sheet-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;
|
|
}
|
|
/* General Sheet Setup */
|
|
input.sheet-arrow {
|
|
float: left;
|
|
}
|
|
.sheet-body{
|
|
display: none;
|
|
}
|
|
input.sheet-arrow:checked ~ .sheet-body {
|
|
display: block;
|
|
}
|
|
.sheet-statheader-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 450px 100px 150px
|
|
}
|
|
.sheet-whispertoggle-container{
|
|
display:grid;
|
|
grid-template-columns: 0px 75px 0px 75px
|
|
}
|
|
.sheet-toggle-left, .sheet-toggle-right{
|
|
width: 75px;
|
|
height: 18px;
|
|
margin-right: -75px;
|
|
margin-bottom: 2px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
}
|
|
.sheet-toggle-left + span::before, .sheet-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;
|
|
}
|
|
.sheet-toggle-left:checked + span::before, .sheet-toggle-right:checked + span::before{
|
|
background: #9cb09b;
|
|
border-bottom-color: black;
|
|
}
|
|
.sheet-align{
|
|
align-items: center;
|
|
text-align: center;
|
|
}
|
|
/* Main Tab Content Start */
|
|
.sheet-name-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-bottom:5px;
|
|
padding-left:5px;
|
|
grid-template-columns: 50px 213px 75px 213px
|
|
}
|
|
.sheet-class-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-left:5px;
|
|
grid-template-columns: 50px 213px 45px 100px 85px 213px
|
|
}
|
|
.sheet-class-stats{
|
|
width: 95px;
|
|
}
|
|
.sheet-middle-grid-container{
|
|
display:grid;
|
|
padding-top:10px;
|
|
padding-bottom:10px;
|
|
grid-template-columns: 160px 10px 160px 10px 185px 10px 180px
|
|
}
|
|
.sheet-blue-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding:10px;
|
|
border:5px solid #82a3b5;
|
|
border-radius:10px;
|
|
grid-template-columns: 65px 65px
|
|
}
|
|
button[type=roll].sheet-statdice::before {
|
|
content: "";
|
|
}
|
|
.sheet-statdice{
|
|
color:black;
|
|
background: #82a3b5;
|
|
font-weight:bold;
|
|
}
|
|
.sheet-gold-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding:10px;
|
|
border:5px solid #c0b982;
|
|
border-radius:10px;
|
|
grid-template-columns: 90px 65px
|
|
}
|
|
.sheet-ltblue-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding:10px;
|
|
border:5px solid #a7cacd;
|
|
border-radius:10px;
|
|
grid-template-columns: 90px 75px
|
|
}
|
|
button[type=roll].sheet-rolldice::before {
|
|
content: "";
|
|
}
|
|
.sheet-rolldice{
|
|
color:black;
|
|
background: #a7cacd;
|
|
}
|
|
.sheet-roll-field, .sheet-caster-field{
|
|
width:65px;
|
|
}
|
|
.sheet-caster-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding:10px;
|
|
border:5px solid #b8927a;
|
|
border-radius:10px;
|
|
grid-template-columns: 90px 75px
|
|
}
|
|
.sheet-stat-title, .sheet-calc-title, .sheet-roll-title, .sheet-caster-title{
|
|
text-decoration:underline;
|
|
}
|
|
/* Background color for entry fields */
|
|
.sheet-mint {
|
|
background-color:#e0e8df;
|
|
}
|
|
/* Background color for readonly fields */
|
|
.sheet-autocalc {
|
|
background-color: #cfd7ce;
|
|
}
|
|
|
|
.sheet-fraction-grid-container{
|
|
display:grid;
|
|
grid-template-columns: 31px 3px 31px
|
|
}
|
|
.sheet-minmax{
|
|
width: 31px;
|
|
}
|
|
.sheet-divider{
|
|
background-color: #5e6c5d;
|
|
}
|
|
.sheet-calc-field{
|
|
width: 40px;
|
|
}
|
|
.sheet-movement-container{
|
|
display:grid;
|
|
padding:10px;
|
|
border:5px solid #889987;
|
|
border-radius:10px;
|
|
max-width: 685px
|
|
}
|
|
.sheet-leap-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 150px 75px 75px 30px
|
|
}
|
|
.sheet-movement-panel{
|
|
padding-top:5px;
|
|
}
|
|
.sheet-movement-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 213px 70px 70px 70px 70px 60px 60px
|
|
}
|
|
.sheet-attackoptions-container{
|
|
display:grid;
|
|
padding-bottom:5px;
|
|
align-items:center;
|
|
grid-template-columns: 125px 80px 160px 60px 225px
|
|
}
|
|
.sheet-melee-attack-panel, .sheet-ranged-attack-panel{
|
|
padding:10px;
|
|
}
|
|
.sheet-melee-attack-panel{
|
|
border-bottom:5px solid #889987;
|
|
max-width:745px;
|
|
}
|
|
.sheet-mountparry-container{
|
|
display:grid;
|
|
grid-template-columns: 0px 75px 0px 75px
|
|
}
|
|
.sheet-mountdamage-container{
|
|
display:grid;
|
|
grid-template-columns: 0px 75px 0px 75px 0px 75px
|
|
}
|
|
.sheet-ctoggle-left,.sheet-ctoggle-middle, .sheet-ctoggle-right{
|
|
width: 75px;
|
|
height: 14px;
|
|
margin-right: -75px;
|
|
margin-bottom: 2px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
}
|
|
.sheet-ctoggle-left + span::before, .sheet-ctoggle-middle + span::before, .sheet-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;
|
|
}
|
|
.sheet-ctoggle-left:checked + span::before, .sheet-ctoggle-middle:checked +span::before,
|
|
.sheet-ctoggle-right:checked + span::before{
|
|
background: #9cb09b;
|
|
border-bottom-color: black;
|
|
}
|
|
.sheet-meleetemp-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-bottom:5px;
|
|
grid-template-columns: 160px 50px 50px 50px 50px 60px 40px
|
|
}
|
|
.sheet-mattack-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 160px 80px 80px 80px 62px 75px
|
|
}
|
|
button[type=roll].sheet-meleedice::before {
|
|
content: '';
|
|
}
|
|
button[type=roll].sheet-rangeddice::before {
|
|
content: '';
|
|
}
|
|
.sheet-mattack-label, .sheet-rattack-label{
|
|
width: 160px;
|
|
}
|
|
.sheet-meleedice, .sheet-rangeddice{
|
|
background:#6b8a76;
|
|
color:#ebebeb;
|
|
}
|
|
.sheet-damage-dice{
|
|
width: 60px;
|
|
}
|
|
div.sheet-mbonus-hide {
|
|
display: none;
|
|
}
|
|
input.sheet-mbonus-toggle[value='1']~div.sheet-mbonus-hide {
|
|
display: block;
|
|
}
|
|
.sheet-mbonus-container{
|
|
display:grid;
|
|
grid-template-columns: 213px 213px 301px
|
|
}
|
|
.sheet-mattack-text, .sheet-rattack-text{
|
|
width: 38px;
|
|
}
|
|
.sheet-mattack-notes{
|
|
height:18px;
|
|
width:300px;
|
|
margin:0px;
|
|
overflow:auto;
|
|
resize:vertical;
|
|
}
|
|
.sheet-rattack-notes{
|
|
height:18px;
|
|
width:512px;
|
|
margin:0px;
|
|
overflow:auto;
|
|
resize:vertical;
|
|
}
|
|
.sheet-ranged-attack-panel{
|
|
max-width:745px;
|
|
border-bottom:5px solid #889987;
|
|
}
|
|
.sheet-rangedtemp-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-bottom:5px;
|
|
grid-template-columns: 160px 50px 50px 60px 40px
|
|
}
|
|
.sheet-rattack-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 160px 80px 80px 62px 40px 40px 40px 75px
|
|
}
|
|
div.sheet-rbonus-hide {
|
|
display: none;
|
|
}
|
|
input.sheet-rbonus-toggle[value='1']~div.sheet-rbonus-hide {
|
|
display: block;
|
|
}
|
|
.sheet-rbonus-container{
|
|
display:grid;
|
|
grid-template-columns: 213px 563px
|
|
}
|
|
.sheet-physical-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-left:10px;
|
|
grid-template-columns: 110px 110px 110px 110px 110px
|
|
}
|
|
.sheet-physical-field{
|
|
width:100px;
|
|
}
|
|
.sheet-origin-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding:10px;
|
|
grid-template-columns: 110px 220px 220px
|
|
}
|
|
.sheet-mental-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
padding:10px;
|
|
grid-template-columns: 550px
|
|
}
|
|
.sheet-mental-field{
|
|
max-height:60px;
|
|
}
|
|
.sheet-inventory-container{
|
|
padding-left: 5px;
|
|
}
|
|
.sheet-encumbrance-panel{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-bottom:10px;
|
|
grid-template-columns: 85px 20px
|
|
}
|
|
.sheet-weight-box{
|
|
width:83px;
|
|
}
|
|
.sheet-weightsub-box{
|
|
width:63px;
|
|
}
|
|
.sheet-weapon-grid-container{
|
|
display:grid;
|
|
grid-template-columns: 213px 62px 62px 62px 47px 30px auto
|
|
}
|
|
.sheet-weapon-textarea{
|
|
grid-column: 1 / 7
|
|
}
|
|
.sheet-weapon-textarea{
|
|
max-height: 60px;
|
|
}
|
|
.sheet-weapon-inventory-panel, .sheet-armor-inventory-panel, .sheet-gear-inventory-panel,
|
|
.sheet-consumable-inventory-panel, .sheet-wealth-inventory-panel{
|
|
max-width:740px;
|
|
padding-bottom:10px;
|
|
}
|
|
.sheet-armor-grid-container{
|
|
display:grid;
|
|
grid-template-columns: 213px 47px 47px 62px 47px 30px auto
|
|
}
|
|
.sheet-armor-textarea{
|
|
grid-column: 1 / 7
|
|
}
|
|
.sheet-armor-textarea{
|
|
max-height: 60px;
|
|
}
|
|
.sheet-inventory-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 213px 213px 213px 62px 30px auto
|
|
}
|
|
.sheet-inventory-textarea{
|
|
grid-column: 1 / 6
|
|
}
|
|
.sheet-inventory-textarea{
|
|
max-height: 60px;
|
|
}
|
|
.sheet-counter{
|
|
width:28px;
|
|
}
|
|
.sheet-occ-skill-panel, .sheet-elective-skill-panel,
|
|
.sheet-secondary-skill-panel, .sheet-mystic-skill-panel{
|
|
max-width:710px;
|
|
}
|
|
.sheet-skill-container{
|
|
padding-left: 5px;
|
|
}
|
|
.sheet-universalrow-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 30px 150px 50px 150px 50px 150px
|
|
}
|
|
.sheet-skill-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 30px 213px 50px 15px 50px 350px;
|
|
}
|
|
.sheet-skill-notes{
|
|
height:18px;
|
|
width:350px;
|
|
margin:0px;
|
|
overflow:auto;
|
|
resize:vertical;
|
|
}
|
|
button[type=roll].sheet-skillroll::before{
|
|
content: '';
|
|
}
|
|
.sheet-skillroll{
|
|
color:#ebebeb;
|
|
background: #6b8a76;
|
|
}
|
|
.sheet-dicefontd20{
|
|
font-family:'dicefontd20';
|
|
}
|
|
.sheet-combat-container{
|
|
padding-left: 5px;
|
|
}
|
|
.sheet-melee-proficiency-panel{
|
|
padding-bottom:5px;
|
|
border-bottom:5px solid #889987;
|
|
max-width:460px;
|
|
}
|
|
.sheet-melee-grid-container{
|
|
display:grid;
|
|
grid-template-columns: 213px 50px 50px 50px 50px 50px
|
|
}
|
|
.sheet-ranged-proficiency-panel{
|
|
padding-top:5px;
|
|
padding-bottom:5px;
|
|
max-width:460px;
|
|
}
|
|
.sheet-ranged-grid-container{
|
|
display:grid;
|
|
grid-template-columns: 213px 50px 50px 50px 50px
|
|
}
|
|
.sheet-combat-skill-panel{
|
|
padding:5px;
|
|
border:5px solid #889987;
|
|
border-radius:10px;
|
|
max-width:525px;
|
|
}
|
|
.sheet-combat-grid-container{
|
|
display:grid;
|
|
grid-template-columns: 250px auto
|
|
}
|
|
.sheet-combat-textarea{
|
|
grid-column: 1 / 2
|
|
}
|
|
.sheet-combat-textarea{
|
|
max-height: 60px;
|
|
}
|
|
.sheet-bonus-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 150px 50px 130px 150px 50px
|
|
}
|
|
.sheet-bonus-field{
|
|
width: 45px;
|
|
}
|
|
.sheet-saving-throw-panel{
|
|
padding-top:5px;
|
|
}
|
|
.sheet-saves-grid-container{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 150px 50px 30px 70px 150px 50px 30px
|
|
}
|
|
button[type=roll].sheet-savedice::before {
|
|
content: '';
|
|
}
|
|
.sheet-savedice{
|
|
color: #ebebeb;
|
|
background: #6b8a76;
|
|
}
|
|
.sheet-save-notes-container{
|
|
display:grid;
|
|
grid-template-columns: 500px 30px
|
|
}
|
|
.sheet-save-misc{
|
|
max-width:500px;
|
|
max-height:60px;
|
|
}
|
|
.sheet-underline{
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* ----------Spell Tab------------ */
|
|
.sheet-spells {
|
|
padding-left: 5px;
|
|
padding-right: 10px;
|
|
}
|
|
.sheet-spell-panel{
|
|
display: grid;
|
|
align-items: center;
|
|
padding-bottom: 5px;
|
|
grid-template-columns: 80px 170px 80px 170px 80px 170px
|
|
}
|
|
button[type=roll].sheet-rollspell::before {
|
|
content: '';
|
|
}
|
|
.sheet-rollspell{
|
|
color:#ebebeb;
|
|
background: #6b8a76;
|
|
}
|
|
.sheet-spell-text{
|
|
min-width: 735px;
|
|
max-height: 60px;
|
|
}
|
|
.sheet-spell-label{
|
|
width: 165px;
|
|
}
|
|
.sheet-spell-attack{
|
|
width: 75px;
|
|
}
|
|
|
|
/* ----------Psionics Tab------------ */
|
|
.sheet-psionics {
|
|
padding-left: 5px;
|
|
padding-right: 10px;
|
|
}
|
|
.sheet-psionic-panel{
|
|
display: grid;
|
|
align-items: center;
|
|
padding-bottom: 5px;
|
|
grid-template-columns: 80px 215px 80px 80px 80px 215px
|
|
}
|
|
button[type=roll].sheet-rollpsion::before {
|
|
content: '';
|
|
}
|
|
.sheet-rollpsion{
|
|
color:#ebebeb;
|
|
background: #6b8a76;
|
|
}
|
|
.sheet-psionic-text{
|
|
min-width: 735px;
|
|
max-height: 60px;
|
|
}
|
|
|
|
/* ------- Healer Tab --------- */
|
|
.sheet-healer {
|
|
padding-left: 5px;
|
|
padding-right: 10px;
|
|
}
|
|
.sheet-healer-panel{
|
|
display: grid;
|
|
align-items: center;
|
|
padding-bottom: 5px;
|
|
grid-template-columns: 80px 215px 80px 80px 80px 215px
|
|
}
|
|
button[type=roll].sheet-rollhealer::before {
|
|
content: '';
|
|
}
|
|
.sheet-rollhealer{
|
|
color:#ebebeb;
|
|
background: #6b8a76;
|
|
}
|
|
.sheet-healer-text{
|
|
min-width: 735px;
|
|
max-height: 60px;
|
|
}
|
|
|
|
/* ---------------Wards Tab------------------ */
|
|
.sheet-wards {
|
|
padding-left: 5px;
|
|
padding-right: 10px;
|
|
}
|
|
.sheet-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;
|
|
}
|
|
.sheet-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;
|
|
}
|
|
.sheet-ship-name{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-bottom:5px;
|
|
grid-template-columns: 215px 215px 65px 65px;
|
|
}
|
|
.sheet-ship-details{
|
|
width:550px;
|
|
max-height:75px;
|
|
}
|
|
.sheet-shipattack-container{
|
|
width:770px;
|
|
}
|
|
.sheet-ship-attacks{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns:110px 110px 110px 110px 330px
|
|
}
|
|
.sheet-ship-text{
|
|
max-width: 100px;
|
|
}
|
|
button[type=roll].sheet-shiproll::before {
|
|
content: '';
|
|
}
|
|
.sheet-shiproll{
|
|
color:#ebebeb;
|
|
background: #6b8a76;
|
|
width:90px;
|
|
}
|
|
.sheet-ship-textarea{
|
|
height:18px;
|
|
width:300px;
|
|
margin:0px;
|
|
overflow:auto;
|
|
resize:vertical;
|
|
}
|
|
.sheet-ship-parts{
|
|
display: grid;
|
|
align-items: center;
|
|
padding-top:10px;
|
|
padding-bottom: 10px;
|
|
grid-template-columns: 80px 80px 80px 80px 80px 80px 80px
|
|
}
|
|
.sheet-structure-name{
|
|
display:grid;
|
|
align-items:center;
|
|
padding-bottom:5px;
|
|
grid-template-columns: 215px 215px 65px 65px;
|
|
}
|
|
.sheet-structure-details{
|
|
width:550px;
|
|
max-height:75px;
|
|
}
|
|
.sheet-structureattack-container{
|
|
width:770px;
|
|
}
|
|
.sheet-structure-attacks{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns:110px 110px 110px 110px 330px
|
|
}
|
|
.sheet-structure-text{
|
|
max-width: 100px;
|
|
}
|
|
button[type=roll].sheet-structureroll::before {
|
|
content: '';
|
|
}
|
|
.sheet-structureroll{
|
|
color:#ebebeb;
|
|
background: #6b8a76;
|
|
width:90px;
|
|
}
|
|
.sheet-structure-textarea{
|
|
height:18px;
|
|
width:300px;
|
|
margin:0px;
|
|
overflow:auto;
|
|
resize:vertical;
|
|
}
|
|
.sheet-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 ------*/
|
|
.sheet-journal-container{
|
|
padding-left: 5px;
|
|
}
|
|
.sheet-note-one-panel, .sheet-note-two-panel, .sheet-note-three-panel{
|
|
max-width:625px;
|
|
}
|
|
.sheet-notes-grid-container{
|
|
display: grid;
|
|
align-items:center;
|
|
grid-template-columns: 90px 213px auto
|
|
}
|
|
.sheet-second-notes-grid-container{
|
|
display: grid;
|
|
align-items:center;
|
|
grid-template-columns: 90px 213px auto
|
|
}
|
|
.sheet-third-notes-grid-container{
|
|
display: grid;
|
|
align-items:center;
|
|
grid-template-columns: 90px 213px auto
|
|
}
|
|
button[type=roll].sheet-noteroll::before{
|
|
content: '';
|
|
}
|
|
.sheet-noteroll{
|
|
color:#ebebeb;
|
|
background: #6b8a76;
|
|
}
|
|
.sheet-notes-textarea{
|
|
grid-column: 1 / 3;
|
|
}
|
|
.sheet-notes-textarea{
|
|
min-width:600px;
|
|
}
|
|
|
|
/* ------------Configuration Tab-------------- */
|
|
.sheet-config {
|
|
padding-left: 5px;
|
|
}
|
|
.sheet-configarea {
|
|
display: grid;
|
|
padding-top: 5px;
|
|
grid-template-columns: 200px 500px
|
|
}
|
|
.sheet-tab-options{
|
|
display:grid;
|
|
align-items:center;
|
|
line-height: 2;
|
|
grid-template-columns: 20px 150px;
|
|
}
|
|
.sheet-colortoggle{
|
|
display:grid;
|
|
align-items:center;
|
|
grid-template-columns: 0px 75px 0px 75px 0px 75px 0px 75px 0px 75px 0px 75px 0px 75px
|
|
}
|
|
.sheet-toggle-ice, .sheet-toggle-orange, .sheet-toggle-pine,
|
|
.sheet-toggle-teal, .sheet-toggle-wine, .sheet-toggle-yellow,
|
|
.sheet-toggle-violet{
|
|
width: 75px;
|
|
height: 18px;
|
|
margin-right: -75px;
|
|
margin-bottom: 2px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
}
|
|
.sheet-toggle-ice + span::before, .sheet-toggle-orange + span::before,
|
|
.sheet-toggle-pine + span::before, .sheet-toggle-teal + span::before,
|
|
.sheet-toggle-wine + span::before, .sheet-toggle-yellow + span::before,
|
|
.sheet-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;
|
|
}
|
|
.sheet-toggle-ice:checked + span::before{
|
|
background-color: rgba(204,244,255,1);
|
|
color:black;
|
|
}
|
|
.sheet-toggle-orange:checked + span::before{
|
|
background-color: rgba(212,108,24,1);
|
|
color:white;
|
|
}
|
|
.sheet-toggle-pine:checked + span::before{
|
|
background-color: rgba(30,79,31,1);
|
|
color:white;
|
|
}
|
|
.sheet-toggle-teal:checked + span::before{
|
|
background-color: rgba(79,153,148,1);
|
|
color:white;
|
|
}
|
|
.sheet-toggle-violet:checked + span::before{
|
|
background-color: rgba(101,0,66,1);
|
|
color:white;
|
|
}
|
|
.sheet-toggle-wine:checked + span::before{
|
|
background-color: rgba(163,80,92,1);
|
|
color:white;
|
|
}
|
|
.sheet-toggle-yellow:checked + span::before{
|
|
background-color: rgba(230,195,90,1);
|
|
color: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-color: var(--header-bg-color);
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-header {
|
|
background-color: var(--header-bg-color);
|
|
text-align: center;
|
|
color: var(--header-text-color);
|
|
padding: 5px;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-title {
|
|
font-size:1.1em;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-subtitle {
|
|
font-size:.9em;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-black {
|
|
--header-bg-color: rgba(0,0,0,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-brown {
|
|
--header-bg-color: rgba(144,77,10,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-yellow {
|
|
--header-bg-color: rgba(230,195,90,1);
|
|
--header-text-color: #OOO;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-grey {
|
|
--header-bg-color: rgba(187,187,187,1);
|
|
--header-text-color: #OOO;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-blue {
|
|
--header-bg-color: rgba(6,54,134,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-red {
|
|
--header-bg-color: rgba(125,26,26,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-green {
|
|
--header-bg-color: rgba(67,128,91,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-teal {
|
|
--header-bg-color: rgba(79,153,148,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-orange {
|
|
--header-bg-color: rgba(212,108,24,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-pine {
|
|
--header-bg-color: rgba(30,79,31,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-ice {
|
|
--header-bg-color: rgba(204,244,255,1);
|
|
--header-text-color: #OOO;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-violet {
|
|
--header-bg-color: rgba(101,0,66,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-sun {
|
|
--header-bg-color: rgba(249,229,124,1);
|
|
--header-text-color: #OOO;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-container.sheet-color-wine {
|
|
--header-bg-color: rgba(163,80,92,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-content {
|
|
display: grid;
|
|
background: #FFF;
|
|
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:#EEE;
|
|
}
|
|
.sheet-rolltemplate-custom .sheet-desc {
|
|
grid-column: span 2;
|
|
padding: 5px;
|
|
text-align: center;
|
|
}
|
|
.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-color: var(--header-bg-color);
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-header {
|
|
background-color: var(--header-bg-color);
|
|
text-align: center;
|
|
color: var(--header-text-color);
|
|
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: #FFF;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-brown {
|
|
--header-bg-color: rgba(144,77,10,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-yellow {
|
|
--header-bg-color: rgba(230,195,90,1);
|
|
--header-text-color: #OOO;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-grey {
|
|
--header-bg-color: rgba(187,187,187,1);
|
|
--header-text-color: #OOO;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-blue {
|
|
--header-bg-color: rgba(6,54,134,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-red {
|
|
--header-bg-color: rgba(125,26,26,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-green {
|
|
--header-bg-color: rgba(67,128,91,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-teal {
|
|
--header-bg-color: rgba(79,153,148,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-orange {
|
|
--header-bg-color: rgba(212,108,24,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-pine {
|
|
--header-bg-color: rgba(30,79,31,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-ice {
|
|
--header-bg-color: rgba(204,244,255,1);
|
|
--header-text-color: #OOO;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-violet {
|
|
--header-bg-color: rgba(101,0,66,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-sun {
|
|
--header-bg-color: rgba(249,229,124,1);
|
|
--header-text-color: #OOO;
|
|
}
|
|
.sheet-rolltemplate-menu .sheet-container.sheet-color-wine {
|
|
--header-bg-color: rgba(163,80,92,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
|
|
.sheet-rolltemplate-menu .sheet-content {
|
|
display: grid;
|
|
background: #FFF;
|
|
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;
|
|
background-color: #ededed;
|
|
}
|
|
.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-color: var(--header-bg-color);
|
|
border-top-left-radius: 6px;
|
|
border-top-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 {
|
|
background-color: white;
|
|
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: #FFF;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-brown {
|
|
--header-bg-color: rgba(144,77,10,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-yellow {
|
|
--header-bg-color: rgba(230,195,90,1);
|
|
--header-text-color: #OOO;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-grey {
|
|
--header-bg-color: rgba(187,187,187,1);
|
|
--header-text-color: #OOO;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-blue {
|
|
--header-bg-color: rgba(6,54,134,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-red {
|
|
--header-bg-color: rgba(125,26,26,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-green {
|
|
--header-bg-color: rgba(67,128,91,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-teal {
|
|
--header-bg-color: rgba(79,153,148,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-orange {
|
|
--header-bg-color: rgba(212,108,24,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-pine {
|
|
--header-bg-color: rgba(30,79,31,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-ice {
|
|
--header-bg-color: rgba(204,244,255,1);
|
|
--header-text-color: #OOO;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-violet {
|
|
--header-bg-color: rgba(101,0,66,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-sun {
|
|
--header-bg-color: rgba(249,229,124,1);
|
|
--header-text-color: #OOO;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-container.sheet-color-wine {
|
|
--header-bg-color: rgba(163,80,92,1);
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-spells .inlinerollresult,
|
|
.sheet-rolltemplate-spells .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-spells .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-spells .inlinerollresult.importantroll {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-spells .inlineroll.fullcrit,
|
|
.sheet-rolltemplate-spells .inlineroll.fullfail,
|
|
.sheet-rolltemplate-spells .inlineroll.importantroll {
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-content {
|
|
display: grid;
|
|
background: #FFF;
|
|
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:#EEE;
|
|
}
|
|
.sheet-rolltemplate-spells .sheet-desc {
|
|
grid-column: span 2;
|
|
padding: 5px;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-spells a[href^='!'],.sheet-rolltemplate-spells a[href^='~']{
|
|
background-color:transparent;
|
|
border:0;
|
|
color:#3f8aa6;
|
|
display:inline;
|
|
padding: 0
|
|
}
|