Files
roll20-character-sheets-tester/Heroes-Unlimited-2E/hu2.css
T
Kraynic 934268f944 Update hu2.css
Updated the css to style the new stat check roll buttons.
2021-04-28 18:46:18 -06:00

1484 lines
35 KiB
CSS

/* Configure the Button Bar */
.sheet-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;
}
.sheet-navbuttons {
display:flex;
flex-wrap:wrap;
text-align: left;
flex: 1 0 85%;
}
.sheet-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;
}
.sheet-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;
}
.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-confpowers,
.sheet-confanimals,
.sheet-confvehicles,
.sheet-confrobots,
.sheet-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"].sheet-showspells ~ .sheet-confspells,
input[value="1"].sheet-showpsionics ~ .sheet-confpsionics,
input[value="1"].sheet-showpowers ~ .sheet-confpowers,
input[value="1"].sheet-showanimals ~ .sheet-confanimals,
input[value="1"].sheet-showvehicles ~ .sheet-confvehicles,
input[value="1"].sheet-showrobots ~ .sheet-confrobots,
input[value="1"].sheet-showbionics ~ .sheet-confbionics {
display:inline;
}
/* sheet arrows */
input.sheet-arrow {
float: left;
}
.sheet-body{
display: none;
}
input.sheet-arrow:checked ~ .sheet-body {
display: block;
}
/* 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 */
.sheet-underlined{
text-decoration: underline;
}
.sheet-centered{
text-align: center;
}
.sheet-parchment{
background:#fef5c9;
}
.sheet-faded-blue{
background:#e4ecff;
}
/* === 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;
}
.sheet-statheader-container{
display:grid;
align-items:center;
grid-template-columns: 175px 100px 175px 100px 175px
}
.sheet-whispertoggle-container{
display:grid;
grid-template-columns: 0px 75px 0px 75px
}
.sheet-toggle-left, .sheet-toggle-middle, .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-middle + span::before, .sheet-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;
}
.sheet-toggle-left:checked + span::before, .sheet-toggle-middle:checked + span::before, .sheet-toggle-right:checked + span::before{
background: #d6cda3;
border-bottom-color: black;
}
.sheet-name-grid-container{
display:grid;
align-items:center;
padding-bottom:5px;
padding-left:5px;
grid-template-columns: 95px 213px 85px 100px 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;
}
/* Character Tab Stat Area */
.sheet-middle-grid-container{
display:grid;
padding-top:10px;
padding-bottom:10px;
grid-template-columns: 160px 10px 160px 10px 185px 10px 180px
}
.sheet-stat-grid-container{
display:grid;
align-items:center;
padding:10px;
border:5px solid #9e6666;
border-radius:10px;
grid-template-columns: 65px 65px
}
button[type=roll].sheet-statdice::before {
content: "";
}
.sheet-statdice{
color:#fef5c9;
background: #9e6666;
}
.sheet-calc-grid-container{
display:grid;
align-items:center;
padding:10px;
border:5px solid #9e6666;
border-radius:10px;
grid-template-columns: 90px 65px
}
.sheet-fraction-grid-container{
display:grid;
grid-template-columns: 31px 3px 31px
}
.sheet-minmax{
width: 31px;
}
.sheet-divider{
background-color: #9e6666;
}
.sheet-calc-field{
width: 40px;
}
.sheet-hp-grid-container{
display:grid;
align-items:center;
padding:10px;
border:5px solid #9e6666;
border-radius:10px;
grid-template-columns: 90px 75px
}
button[type=roll].sheet-rolldice::before {
content: "";
}
.sheet-rolldice{
color:#fef5c9;
background: #9e6666;
}
.sheet-roll-field, .sheet-caster-field{
width:65px;
}
.sheet-caster-grid-container{
display:grid;
align-items:center;
padding:10px;
border:5px solid #9e6666;
border-radius:10px;
grid-template-columns: 90px 75px
}
.sheet-stat-title, .sheet-calc-title, .sheet-roll-title, .sheet-caster-title{
text-decoration:underline;
}
/* Movement Section */
.sheet-movement-container{
display:grid;
padding:10px;
border:5px solid #9e6666;
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
}
/*Combat Maneuvers Section */
.sheet-combatmaneuver-container{
display:grid;
padding:10px;
border:5px solid #9e6666;
border-radius:10px;
max-width: 685px
}
.sheet-combatmaneuver-panel{
padding-top:5px;
}
.sheet-combat-options-container{
display:grid;
padding-bottom:5px;
align-items:center;
grid-template-columns: 150px 150px
}
.sheet-combattoggle-container{
display:grid;
grid-template-columns: 0px 75px 0px 75px
}
.sheet-maneuvers-container{
display: grid;
padding-left:5px;
grid-template-columns: 225px 225px 225px
}
.sheet-maneuver-cell{
display: grid;
align-items:center;
grid-template-columns: 100px 100px 20px
}
div.sheet-dodgenote-hide, div.sheet-adodgenote-hide, div.sheet-disarmnote-hide, div.sheet-rpunchnote-hide,
div.sheet-ppunchnote-hide, div.sheet-entanglenote-hide, div.sheet-knockoutnote-hide {
display: none;
}
input.sheet-dodgenote-toggle[value='1']~div.sheet-dodgenote-hide,
input.sheet-adodgenote-toggle[value='1']~div.sheet-adodgenote-hide,
input.sheet-disarmnote-toggle[value='1']~div.sheet-disarmnote-hide,
input.sheet-rpunchnote-toggle[value='1']~div.sheet-rpunchnote-hide,
input.sheet-ppunchnote-toggle[value='1']~div.sheet-ppunchnote-hide,
input.sheet-entanglenote-toggle[value='1']~div.sheet-entanglenote-hide,
input.sheet-knockoutnote-toggle[value='1']~div.sheet-knockoutnote-hide {
display: block;
}
.sheet-mnote-container{
display:grid;
}
.sheet-maneuver-notes{
height:60px;
width: 200px
}
/* Repeating Melee and Ranged Attack Sections */
.sheet-melee-attack-panel, .sheet-ranged-attack-panel{
padding:10px;
}
.sheet-melee-attack-panel{
border-bottom:5px solid #9e6666;
max-width:745px;
}
.sheet-meleetemp-container{
display:grid;
align-items:center;
padding-bottom:5px;
grid-template-columns: 160px 50px 50px 50px 50px 60px 50px
}
.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{
color:#fef5c9;
background: #9e6666;
}
.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;
align-items: center;
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 #9e6666;
}
.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 45px 100px 62px 40px 40px 75px
}
.sheet-aim-type{
width:100px;
margin:0;
}
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-hidden-combat-attributes{
display:none;
}
/* ------------Social Tab-------------- */
.sheet-social {
padding-left: 5px;
}
.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;
}
/* ------------Skills Tab-------------- */
.sheet-skills {
padding-left: 5px;
padding-right: 10px;
}
.sheet-skill-header{
display: grid;
align-items: center;
grid-template-columns: 200px 100px 75px 120px 75px
}
.sheet-skill-grid-container{
display: grid;
align-items: center;
grid-template-columns: 30px 215px 50px 15px 50px 50px 50px
}
div.sheet-skillextras-hide {
display: none;
}
input.sheet-skillextras-toggle[value='1']~div.sheet-skillextras-hide {
display: block;
}
.sheet-skillextras-container{
display:grid;
padding-bottom:5px;
grid-template-columns: 75px 75px 500px
}
.sheet-skill-notes{
height:18px;
width:490px;
margin:0px;
overflow:auto;
resize:vertical;
}
button[type=roll].sheet-skillroll::before {
content: '';
}
.sheet-skillroll{
color:#fef5c9;
background: #9e6666;
}
.sheet-dicefontd20{
font-family:'dicefontd20';
}
/* -----------Combat Tab------------- */
.sheet-combat {
padding-left: 5px;
}
/* Ancient Weapon Proficiencies */
.sheet-ancient-proficiency-panel{
padding-bottom:5px;
border-bottom:5px solid #9e6666;
max-width:595px;
}
.sheet-ancient-grid-container{
display:grid;
grid-template-columns: 213px 55px 55px 55px 55px 55px 55px 55px
}
/* Modern Weapon Proficiencies */
.sheet-modern-proficiency-panel{
padding-top:5px;
padding-bottom:5px;
max-width:640px;
}
.sheet-modern-grid-container{
display:grid;
grid-template-columns: 213px 55px 55px 55px 55px 55px 60px 55px 35px
}
/* Hand to Hand Panels */
.sheet-combat-skill-panel, .sheet-combat-skill-panel2 {
padding:5px;
border:5px solid #9e6666;
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;
}
/* Saving Throw Panel */
.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:#fef5c9;
background: #9e6666;
}
.sheet-save-notes-container{
display:grid;
grid-template-columns: 500px 30px
}
.sheet-save-misc{
max-width:500px;
max-height:60px;
}
/* ----------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 215px 80px 80px 80px 215px
}
button[type=roll].sheet-rollspell::before {
content: '';
}
.sheet-rollspell{
color:#fef5c9;
background: #9e6666;
}
.sheet-spell-text{
min-width: 735px;
max-height: 60px;
}
.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 60px 80px 215px
}
button[type=roll].sheet-rollpsion::before {
content: '';
}
.sheet-rollpsion{
color:#fef5c9;
background: #9e6666;
}
.sheet-psionic-text{
min-width: 715px;
max-height: 60px;
}
/* ---------Powers Tab---------- */
.sheet-powers {
padding-left: 5px;
padding-right: 10px;
}
.sheet-minor-powers-container .sheet-super-powers-container {
padding-bottom: 10px;
}
.sheet-powers-panel {
display:grid;
align-items:center;
grid-template-columns: 80px 215px;
}
button[type=roll].sheet-rollpower::before {
content: '';
}
.sheet-rollpower{
color:#fef5c9;
background: #9e6666;
}
.sheet-power-text {
min-width: 715px;
max-height: 100px;
}
/* ----------Animal Tab------------ */
.sheet-worksheet-container{
padding-left: 5px;
}
.sheet-animal-size, .sheet-animal-looks{
display:grid;
align-items: center;
padding:5px;
grid-template-columns: 90px 60px 90px 60px 110px 218px
}
.sheet-animal-looks{
display:grid;
align-items: center;
padding:5px;
grid-template-columns: 100px 100px 75px 100px 100px 75px
}
.sheet-biped-mut, .sheet-hands-mut, .sheet-speech-mut, .sheet-looks-mut{
width:90px;
margin: 0;
}
.sheet-anim-psion-container, .sheet-anim-power-container{
display:block;
}
.sheet-anim-psionpower{
display:grid;
grid-template-columns: 300px 20px 300px
}
.sheet-anim-psion, .sheet-anim-power{
display:grid;
padding:5px;
margin-right: 10px;
grid-template-columns: 215px 75px
}
.sheet-natural-weapon-container{
display:grid;
width:620px;
}
.sheet-natural-weapon{
display:grid;
padding:5px;
grid-template-columns:215px 215px 75px;
}
.sheet-bioe-calc{
display:grid;
align-items: center;
padding-bottom: 10px;
grid-template-columns: 300px 75px
}
/* -----------Inventory Tab------------- */
.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;
}
/* --------------Vehicle Tab----------------- */
.sheet-vehicles {
padding-left: 5px;
}
.sheet-vehicle-top-panel{
display:grid;
align-items:center;
padding-left:10px;
padding-bottom:5px;
grid-template-columns: 220px 110px 110px 110px 110px
}
.sheet-vehicle-text{
max-width: 100px;
}
.sheet-double-input{
display:grid;
align-items: center;
grid-template-columns: 110px 110px
}
.sheet-vehicle-mid-panel{
padding-left:10px;
}
.sheet-turrets{
display:grid;
align-items:center;
grid-template-columns:110px 110px 110px 110px 110px 110px 110px 110px
}
.sheet-vehicle-bottom-panel{
display:grid;
align-items:center;
padding-left:10px;
grid-template-columns: 440px 110px 110px
}
.sheet-vehicle-textarea{
max-height: 60px;
min-width: 640px;
}
button[type=roll].sheet-turretroll::before {
content: '';
}
.sheet-turretroll{
color:#fef5c9;
background: #9e6666;
}
/* ---------------Robot Tab-----------------*/
.sheet-robots-container{
padding-left:10px;
}
.sheet-robots-panel{
display:grid;
grid-template-columns: 350px 10px 350px
}
.sheet-robots-left, .sheet-robots-right{
display:grid;
align-items:center;
grid-template-columns: 250px 100px
}
.sheet-row-filler{
height: 28px
}
.sheet-robots-text{
max-width: 100px
}
.sheet-robots-textarea{
height:60px;
width:340px;
}
/*--------------Bionics Tab----------------*/
.sheet-bionics-container{
padding-left:10px;
}
.sheet-bionics-panel{
display:grid;
grid-template-columns: 350px 10px 350px
}
.sheet-bionics-left, .sheet-bionics-right{
display:grid;
align-items:center;
grid-template-columns: 250px 100px
}
.sheet-bionics-text{
max-width: 100px
}
.sheet-bionics-textarea{
height:60px;
width:340px;
}
/* ---------------Journal Tab------------------ */
.sheet-journal {
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
}
.sheet-notes-textarea{
grid-column: 1 / 3;
}
.sheet-notes-textarea{
min-width:600px;
}
button[type=roll].sheet-noteroll::before {
content: '';
}
.sheet-noteroll{
color:#fef5c9;
background: #9e6666;
}
/* ------------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-strengthtoggle-container{
display:grid;
grid-template-columns: 0px 75px 0px 75px 0px 75px 0px 75px
}
.sheet-toggle-mleft, .sheet-toggle-mright{
width: 75px;
height: 18px;
margin-right: -75px;
margin-bottom: 2px;
cursor: pointer;
z-index: 1;
opacity: 0;
}
.sheet-toggle-mleft + span::before, .sheet-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;
}
.sheet-toggle-mleft:checked + span::before, .sheet-toggle-mright:checked + span::before{
background: #d6cda3;
border-bottom-color: black;
}
.sheet-colortoggle{
display:grid;
align-items:center;
grid-template-columns: 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{
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{
content:attr(title);
border: solid 2px #b5ac83;
text-align: center;
display: inline-block;
background: #b5ac83;
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-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;
}
/* ---------Documentation Tab------------- */
.sheet-documentation-panel {
padding-left: 5px;
width:85%;
}
.sheet-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-color: var(--header-bg-color);
border-top-left-radius: 6px;
border-top-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-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
}