Files
roll20-character-sheets-tester/Earthdawn (FASA Official)/Earthdawn.css
T
2022-03-02 16:50:14 -08:00

2538 lines
114 KiB
CSS

/* Earthdawn.css */
/* ############################################ css Reset ######################################################################### */
/*v2.06 - published 220208*/
/* @import url('https://fonts.googleapis.com/css2?family=IM+Fell+English+SC&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Aladin&display=swap');
input,
.charsheet input {
height: initial;
}
label,
.charsheet label {
color: initial;
display: inline-block;
font-size: inherit;
font-weight: normal;
height: auto;
line-height: 1em;
margin-bottom: initial;
padding-right: initial;
position: relative;
width: initial;
}
select,
.charsheet select {
margin: initial;
width: initial;
height: 20px; /*JBF 210317*/
padding: 0;
font-weight: bold;
}
textarea,
.charsheet textarea {
height: initial;
/* overflow-x: hidden;
overflow-y: auto; */
resize: initial;
background-color: var( --bg-color );
box-sizing: border-box;
border: 1px solid var( --outline-color );
text-align: left;
overflow: auto;
pointer-events: initial;
}
/* ##### iconselect #### */
.sheet-testRepEditMode:not(:checked)~.repcontainer .sheet-iconselect-select,
.sheet-iconselect-span:not(:hover)>.sheet-iconselect-select-noedit,
.sheet-iconselect-span:not(:hover)>.sheet-iconselect-select{
display: none;
}
.charsheet .sheet-testRepEditMode:checked~.repcontainer .sheet-iconselect-span:hover>.sheet-iconselect-icon,
.charsheet .sheet-testRepEditMode:checked+.sheet-iconselect-span:hover>.sheet-iconselect-icon,
.charsheet .sheet-iconselect-span:hover>.sheet-iconselect-icon-noedit {
display: none;
}
.charsheet .sheet-testRepEditMode:checked~.repcontainer .sheet-iconselect-span>.sheet-iconselect-icon,
.charsheet .sheet-testRepEditMode:checked+.sheet-iconselect-span>.sheet-iconselect-icon,
.charsheet .sheet-iconselect-span>.sheet-iconselect-icon-noedit {
background-color: var( --icon-color );
}
.sheet-iconselect-icon,
.sheet-iconselect-span {
min-height: 20px;
min-width: 20px;
}
/* In order to have a correct initialization, it is absolutely necessary to have the iconselect-icon before the iconselect-select, and have the default value marked as checked/selected*/
/* ############################################ Main section ####################################################################### */
/* Colors: code description What used for. */
.sheet-user-root {
--bg-color: rgb(255,242,201,0.15);/*Main background color ;*/
--outline-color: #071840; /* Main border */
--font-color: #071840; /* Color of fonts on the normal background */
--header-font-color: white; /* Color of fonts on the header background */
--highlight-font-color: #071840; /* Color of fonts on the icon background */
--input-color: rgba(0, 0, 10, 0.1); /* Main section Input fields that are not disabled. */
--hover-color: red; /* Color of active fields when hovered. */
--hover-color-bg: rgba(255, 0, 0, 0.5); /* Color of active fields when hovered. */
--locked-color: transparent; /* Main section Input fields that are locked */
--control-secondary: #1473B4; /* header section background */
--inactive-color: #1473B4; /* Color of the inactive tabs */
--button-color: rgba(245, 245, 245, 1); /* button color */
--icon-color: rgba(0, 0, 10, 0.1); /* actionable icons */
}
xxxxx {
xxx: xx; /* * */
}
/* For absolutely weird reason, we need this line to make the CSS work*/
/*.sheet-testAPI:not(:checked)~.sheet-api, Knacks tab is not inside a div */
.sheet-testAPI:not([value="1"])~div .sheet-api,
.sheet-testAPI:not([value="1"])~div .sheet-Karma-ControlBox,
.sheet-testAPI[value="1"]~div .sheet-NoAPI,
.sheet-testCreation:not([value="1"])~div .sheet-Creation,
.sheet-testCreation[value="1"]~div .sheet-NotCreation,
.sheet-testEdition[value="-1"]~div .sheet-HideIf1879,
.sheet-testEdition:not([value="-1"])~div .sheet-HideIfNot1879,
.sheet-testEdition[value="3"]~div .sheet-HideIfEdition3,
.sheet-testEdition:not([value="3"])~div .sheet-HideIfNotEdition3,
.sheet-testEdition[value="4"]~div .sheet-HideIfEdition4,
.sheet-testEdition:not([value="4"])~div .sheet-HideIfNotEdition4,
.sheet-testPath[value="0"]~div .sheet-HideIfNotPath,
.sheet-testQuest[value="0"]~div .sheet-HideIfNotQuest,
.sheet-testNbDisc[value="0"]~div .sheet-HideIfZeroDisc,
.sheet-testNbDisc[value="1"]~div .sheet-HideIfOneDisc,
.sheet-testNbDisc[value="2"]~div .sheet-HideIfTwoDisc,
.sheet-testNbDisc[value="3"]~div .sheet-HideIfThreeDisc,
.sheet-testNPC:not([value="0"])~div .sheet-HideIfNotPC,
.sheet-testNPC[value="0"]~div .sheet-HideIfPC,
.sheet-testRace:not([value="Tskrang"])~div .sheet-HideIfNotTskrang,
.sheet-testRace:not([value="Other"])~div .sheet-HideIfNotCreature,
.sheet-testRace[value="Other"]~div .sheet-HideIfCreature,
.sheet-testStepDisplay:not([value="1"])~div .sheet-StepTotal,
.sheet-testStepDisplay[value="1"]~div .sheet-StepBase,
.sheet-testChecked:checked~.sheet-HideIfChecked,
.sheet-testChecked:not(:checked)~.sheet-HideIfNotChecked,
.sheet-testChecked:checked~div>.sheet-HideIfChecked,
.sheet-testChecked:not(:checked)~div>.sheet-HideIfNotChecked,
.sheet-testChecked:not(:checked)~span>.sheet-HideIfNotChecked,
.sheet-testChecked:checked~div>div>.sheet-HideIfChecked,
.sheet-testChecked:not(:checked)~div>div>.sheet-HideIfNotChecked,
.sheet-testChecked:checked~span>.sheet-HideIfChecked,
.sheet-testChecked:not(:checked)~.sheet-table-row>.sheet-HideIfNotChecked,
.sheet-testCloseChecked:checked+.sheet-HideIfCloseChecked,
.sheet-testCloseChecked:not(:checked)+.sheet-HideIfNotCloseChecked,
.sheet-testCloseChecked:not(:checked)+.sheet-HideIfCloseChecked+.sheet-HideIfNotCloseChecked,
.sheet-testNum[value="0"]+.sheet-HideIfZero,
.sheet-testNum:not([value="0"])+span+.sheet-HideIfNotZero,
.sheet-testNum[value="1"]+.sheet-HideIfOne,
.sheet-testNum[value="2"]+.sheet-HideIfTwo,
.sheet-testNum[value="3"]+.sheet-HideIfThree,
.sheet-testNum[value="0"]~ .sheet-HideIfZero,
.sheet-testNum[value="0"]~div .sheet-HideIfZero,
.sheet-testNum[value="1"]~div .sheet-HideIfOne,
.sheet-testNum[value="2"]~div .sheet-HideIfTwo,
.sheet-testNum[value="3"]~div .sheet-HideIfThree,
.sheet-testNum[value="0"]~ .sheet-HideIfLessThan1,
.sheet-testNum[value="0"]~div .sheet-HideIfLessThan1,
.sheet-testNum[value="1"]~div .sheet-HideIfLessThan2,
.sheet-testNum[value="2"]~div .sheet-HideIfLessThan3,
.sheet-testNum[value="3"]~div .sheet-HideIfLessThan4,
.sheet-testNum[value="4"]~div .sheet-HideIfLessThan5,
.sheet-testNum[value="5"]~div .sheet-HideIfLessThan6,
.sheet-testNum[value="6"]~div .sheet-HideIfLessThan7,
.sheet-testNum[value="7"]~div .sheet-HideIfLessThan8,
.sheet-testNum[value="8"]~div .sheet-HideIfLessThan9,
.sheet-testNum[value="9"]~div .sheet-HideIfLessThan10,
.sheet-testNum[value="10"]~div .sheet-HideIfLessThan11,
.sheet-testNum[value="11"]~div .sheet-HideIfLessThan12,
.sheet-testNum[value="12"]~div .sheet-HideIfLessThan13,
.sheet-testNum[value="13"]~div .sheet-HideIfLessThan14,
.sheet-testNum[value="14"]~div .sheet-HideIfLessThan15,
.sheet-testModType[value="(0)"]~span>.sheet-HideIfNoRoll,
.sheet-testModType[value="(0)"]~.sheet-HideIfNoRoll,
.sheet-testModType:not([value="(0)"])~span>.sheet-HideIfRoll,
.sheet-testModType:not([value="(0)"])~.sheet-HideIfRoll,
.sheet-testRecord[value="LP"]~.sheet-HideIfLP,
.sheet-testRecord[value="SP"]~.sheet-HideIfSP,
.sheet-testRecord[value="Other"]~.sheet-HideIfOther,
.sheet-testRepEditMode:checked~.repcontainer .sheet-HideIfEditMode,
.sheet-testRepEditMode:not(:checked)~.repcontainer .sheet-HideIfNotEditMode,
.sheet-testRepEditMode:checked~.sheet-HideIfEditMode,
.sheet-testRepEditMode:not(:checked)~.sheet-HideIfNotEditMode,
.sheet-testRepEditMode:checked~div>.sheet-HideIfEditMode,
.sheet-testRepEditMode:not(:checked)~div>.sheet-HideIfNotEditMode,
.sheet-testRepEditMode:checked~div>div>.sheet-HideIfEditMode,
.sheet-testRepEditMode:not(:checked)~div>div>.sheet-HideIfNotEditMode,
.sheet-testRepEditMode:checked~span>.sheet-HideIfEditMode,
.sheet-testRepEditMode:not(:checked)~span>.sheet-HideIfNotEditMode,
.sheet-testRepEditMode:checked~div>div>span>.sheet-HideIfEditMode,
.sheet-testRepEditMode:not(:checked)~div>div>span>.sheet-HideIfNotEditMode,
.sheet-testRepOption1:not(:checked)~.repcontainer .sheet-HideIfNotOption1,
.sheet-testRepOption2:not(:checked)~.repcontainer .sheet-HideIfNotOption2,
.sheet-testRepOption3:not(:checked)~.repcontainer .sheet-HideIfNotOption3,
.sheet-testRepOption4:not(:checked)~.repcontainer .sheet-HideIfNotOption4,
.sheet-testFreeOrThread[value*="-link"]+.sheet-HideIfFreeOrThread,
.sheet-testFreeOrThread:not([value*="-link"])+.sheet-HideIfNotFreeOrThread,
.sheet-testFreeOrThread:not([value*="-link"])+.sheet-HideIfFreeOrThread+.sheet-HideIfNotFreeOrThread,
.sheet-testPlaceholder:not(:placeholder-shown)~.sheet-hideIfNotPlaceholder,
.sheet-testPlaceholder:placeholder-shown~.sheet-hideIfPlaceholder,
.sheet-testPlaceholder:not(:placeholder-shown)~div .sheet-hideIfNotPlaceholder,
.sheet-testPlaceholder:not(:placeholder-shown)~span .sheet-hideIfNotPlaceholder,
.sheet-testPlaceholder:placeholder-shown~span .sheet-hideIfPlaceholder,
input[type="number"]:disabled.sheet-hidden, /* Need this bit of extra specificity here */
.sheet-hidden {
display: none;
}
.sheet-testCloseChecked:checked+.sheet-UnHideIfCloseChecked,
.sheet-testChecked:checked~.sheet-UnHideIfChecked,
.sheet-testDSPPath[value="81.0"]~div .sheet-UnHideIfDSPPath,
.sheet-testDSPPath[value="83.0"]~div .sheet-UnHideIfDSPPath,
.sheet-testNum:not([value="0"])+.sheet-UnhideIfNotZero,
.sheet-testNum:not([value="0"])+.sheet-testNum+.sheet-UnhideIfNotZero,
.sheet-testDevotion[value^="QD-"]+.sheet-UnhideIfDevotion
{ display: inline-block; }
.sheet-testNum2[value="1"]~div .sheet-UnhideIf1,
.sheet-testNum2[value="2"]~div .sheet-UnhideIf2,
.sheet-testNum2[value="3"]~div .sheet-UnhideIf3,
.sheet-testNum2[value="4"]~div .sheet-UnhideIf4,
.sheet-testNum2[value="5"]~div .sheet-UnhideIf5,
.sheet-testNum2[value="6"]~div .sheet-UnhideIf6,
.sheet-testNum2[value="7"]~div .sheet-UnhideIf7,
.sheet-testNum2[value="8"]~div .sheet-UnhideIf8,
.sheet-testNum2[value="9"]~div .sheet-UnhideIf9,
.sheet-testNum2[value="10"]~div .sheet-UnhideIf10,
.sheet-testNum2[value="11"]~div .sheet-UnhideIf11,
.sheet-testNum2[value="12"]~div .sheet-UnhideIf12,
.sheet-testNum2[value="13"]~div .sheet-UnhideIf13,
.sheet-testNum2[value="14"]~div .sheet-UnhideIf14,
.sheet-testNum2[value="15"]~div .sheet-UnhideIf15
{ display: inline-block; }
/* ################ JBF 210104 Global formatting (inputs, select ...) ############ */
input[type="text"],
input[type="number"] {
color: var( --font-color );
background-color: var( --input-color );
border: 1px solid transparent;
padding: 1px;
font-weight: bold;
text-align: center;
}
input.sheet-HideSpinners::-webkit-inner-spin-button,
input.sheet-HideSpinners::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
opacity: 0.1;
}
input.sheet-HideSpinners:hover::-webkit-inner-spin-button,
input.sheet-HideSpinners:hover::-webkit-outer-spin-button,
input[type="number"]:hover::-webkit-inner-spin-button,
input[type="number"]:hover::-webkit-outer-spin-button {
opacity: 1;
}
input:hover,
input.sheet-HideSpinners:hover {
-moz-appearance: auto;
background-color: var( --hover-color-bg);
border : 1px solid var( --hover-color);
}
input[type="number"],
input.sheet-HideSpinners {
-moz-appearance: textfield;
}
textarea.sheet-details {
height: 100px;
resize: vertical;
margin-bottom : 1px;
}
textarea.sheet-details-small {
height: 50px;
resize: vertical;
margin-bottom : 1px;
}
textarea.sheet-details-big {
height: 400px;
resize: vertical;
margin-bottom : 1px;
}
textarea.sheet-details-oneline {
height: 25px;
resize: none;
margin-bottom : 1px;
background: var(--input-color);
}
textarea.sheet-textimport {
height: 23px;
width: 10em;
resize: none;
overflow: none;
margin-bottom : 0px;
background-color: var( --input-color );
border : 1px solid var(--outline-color);
}
span.sheet-buttonlabel,
input.sheet-buttonlabel {
background : transparent;
border-style: none;
text-align: left;
padding: 0;
margin: 0;
font-family: 'Aladin', "Helvetica Neue", Helvetica, sans-serif;
font-weight: normal;
color: var( --font-color );
}
button:hover span.sheet-buttonlabel,
button:hover input.sheet-buttonlabel {
color : var( --hover-color );
cursor: pointer;
}
select {
background-color: var( --input-color );
border-left: none;
border-top: none;
border-right-style: none;
border-bottom: 1px solid var( --outline-color );
text-align: center;
}
[readonly],
.sheet-Locked,
input[type="text"][readonly],
input[type="number"][readonly],
input[type="number"][readonly]:hover,
input[type="number"].sheet-Locked, /* Sometime need this bit of extra specificity */
input[type="text"].sheet-Locked,
.sheet-testKarmaAuto:not([value="1"])~div .sheet-Karma-ControlBox,
.sheet-testLocked:checked~.sheet-LockIfChecked,
.sheet-testLocked:checked~span .sheet-LockIfChecked,
.sheet-testLocked:checked~div .sheet-LockIfChecked,
.sheet-testLocked:checked~label .sheet-LockIfChecked,
.sheet-testLocked:not(:checked)~.sheet-LockIfNotChecked,
.sheet-testLocked:not(:checked)~span .sheet-LockIfNotChecked,
.sheet-testLocked:not(:checked)~label .sheet-LockIfNotChecked,
.sheet-testLocked:not(:checked)~div .sheet-LockIfNotChecked {
background-color: var( --locked-color );
pointer-events: none;
-moz-appearance: textfield;
font-family: 'Aladin', "Helvetica Neue", Helvetica, sans-serif;
font-weight: normal;
}
.sheet-testRepEditMode:checked~.repcontainer .sheet-LockIfEditMode,
.sheet-testRepEditMode:not(:checked)~.repcontainer .sheet-LockIfNotEditMode,
.sheet-testRepEditMode:checked~.sheet-LockIfEditMode,
.sheet-testRepEditMode:not(:checked)~.sheet-LockIfNotEditMode,
.sheet-testRepEditMode:checked~div>.sheet-LockIfEditMode,
.sheet-testRepEditMode:not(:checked)~div>.sheet-LockIfNotEditMode,
.sheet-testRepEditMode:checked~div>div>.sheet-LockIfEditMode,
.sheet-testRepEditMode:not(:checked)~div>div>.sheet-LockIfNotEditMode,
.sheet-testRepEditMode:not(:checked)~div>span>.sheet-LockIfNotEditMode,
.sheet-testRepEditMode:checked~span>.sheet-LockIfEditMode,
.sheet-testRepEditMode:not(:checked)~span>.sheet-LockIfNotEditMode,
.sheet-testRepEditMode:checked~div>div>span>.sheet-LockIfEditMode,
.sheet-testRepEditMode:not(:checked)~div>div>span>.sheet-LockIfNotEditMode {
background-color: var( --locked-color );
pointer-events: none;
font-style : italic;
-moz-appearance: textfield;
}
.sheet-testNum[value="7"]+.sheet-UnlockIf7,
.sheet-testNum[value="99"]+.sheet-UnlockIf99,
.sheet-testLocked:checked~.sheet-UnlockIfChecked,
.sheet-testLocked:checked~span .sheet-UnlockIfChecked,
.sheet-testLocked:checked~label .sheet-UnlockIfChecked,
.sheet-testLocked:not(:checked)~.sheet-UnlockIfNotChecked,
.sheet-testLocked:not(:checked)~label .sheet-UnlockIfNotChecked,
.sheet-testLocked:not(:checked)~span .sheet-UnlockIfNotChecked {
background-color: var( --input-color );
color: var( --font-color );
pointer-events: initial;
}
input:disabled,
input:disabled::-webkit-inner-spin-button,
input:disabled::-webkit-outer-spin-button,
input[readonly]::-webkit-inner-spin-button,
input[readonly]::-webkit-outer-spin-button,
.sheet-fakeCalc input:not(.sheet-hidden) {
pointer-events: none;
font-style: italic;
display: inline-block;
-moz-appearance: textfield; /*Was none before*/
-webkit-appearance: none;
}
input.sheet-nospinner,
input.sheet-nospinner::-webkit-inner-spin-button,
input.sheet-nospinner::-webkit-outer-spin-button {
-moz-appearance: textfield; /*Was none before*/
-webkit-appearance: none;
}
.sheet-floatRight {
float: right;
clear: right;
}
.sheet-text-left {
text-align: left !important;
}
.sheet-text-center {
text-align: center !important;
}
.sheet-fancyfont {
font-family: 'Aladin', "Helvetica Neue", Helvetica, sans-serif;
font-weight: normal;
}
.sheet-Elementalist-section,
.sheet-Illusionist-section,
.sheet-Nethermancer-section,
.sheet-Wizard-section {
} /* Need a class here just to keep .sheet-section from inheriting, even if the class is empty */
.sheet-label {
line-height: 10px;
font-size: 85%;
padding-right: 2em;
font-weight: bold;
text-align: center;
white-space: nowrap;
}
.sheet-label-flex {
font-size: 85%;
font-weight: bold;
}
.sheet-repeat-counter-reset {
counter-reset: sheet-rep-items;
}
.sheet-repeat-count::before
{
counter-increment: sheet-rep-items;
content: counter(sheet-rep-items) !important;
padding: 0.7em;
}
.sheet-text-button {
border-bottom: 1px solid black;
border-right: 1px solid transparent;
border-left: 1px solid transparent;
border-top: 1px solid transparent;
}
.sheet-text-button {
color: var( --font-color );
background-color: var( --button-color );
}
.sheet-text-button-header {
color: var( --header-font-color );
background-color: var( --outline-color );
}
.charsheet button[type="roll"].sheet-helpbutton {
color:black;
background-color: maroon ;
background-image: -moz-linear-gradient(top,#fff,maroon);
background-image: -ms-linear-gradient(top,#fff,maroon);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(maroon));
background-image: -webkit-linear-gradient(top,#fff,maroon);
background-image: -o-linear-gradient(top,#fff,maroon);
background-image: linear-gradient(top,#fff,maroon);
background-repeat: repeat-x;
width: 20px;
size:130%;
}
/* JBF@JBF 210106 trials for transparent button */
.charsheet button[type="roll"],
.charsheet button[type="action"] {
border-bottom: 1px solid var( --outline-color);
border-right: 1px solid transparent;
border-left: 1px solid transparent;
border-top: 1px solid transparent;
border-radius: 5px;
margin-left: 1px;
margin-right: 1px;
background-color: var( --button-color );
background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
background-image: -ms-linear-gradient(top,#fff,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
background-image: -o-linear-gradient(top,#fff,#e6e6e6);
background-image: linear-gradient(top,#fff,#e6e6e6);
background-repeat: repeat-x;
padding : 2px;
}
button[type="roll"].sheet-text-button-header {
background-image: none;
background-color: var( --outline-color);
border-bottom: 1px solid white;
border-right: 1px solid white;
border-left: 1px solid white;
border-top: 1px solid white;
}
.charsheet button[type="roll"]:hover,
.charsheet button[type="roll"]:active,
.charsheet button[type="action"]:hover,
.charsheet button[type="action"]:active {
color: var( --hover-color );
background-color: #e6e6e6;
background-position: 0 -15px;
background-position-x: 0px;
background-position-y: -15px;
-webkit-transition: background-position .1s linear;
-moz-transition: background-position .1s linear;
-ms-transition: background-position .1s linear;
-o-transition: background-position .1s linear;
transition: background-position .1s linear;
transition-property: background-position;
transition-duration: 0.1s;
transition-timing-function: linear;
transition-delay: 0s;
border: 1px solid red;
}
input[name*="combatOption"]:checked + b,
input[name*="condition"]:checked + b {
background-color: var( --outline-color );
color: white;
border-radius: 5px;
padding-right: 5px;
padding-bottom: 1px;
padding-top: 1px;
}
.charsheet button[type=roll].sheet-button-nodice:before {
content: none;
}
input[type="number"].sheet-attrCostsRed {
background-color: maroon;
color: white;
}
.sheet-testAttrCosts[value="0"]~div .sheet-attrCostsRed
{
background-color: Green;
color: white;
}
input[type="number"].sheet-attrCostsGreen {
background-color: green;
}
.sheet-testAttrCosts[value="0"]~div input[type="number"].sheet-attrCostsGreen,
.sheet-testAttrCosts[value="1"]~div input[type="number"].sheet-attrCostsGreen,
.sheet-testAttrCosts[value="2"]~div input[type="number"].sheet-attrCostsGreen {
background-color: white;
}
/* ######## Steps and StepSpan ###### */
.charsheet input[type="number"].sheet-StepBig,
.sheet-StepBig {
font-size : 150%;
padding: 0;
margin-left: 0;
margin-right: -3px;
margin-bottom: -14px;
text-align: center;
width: 1.3em ;
}
.charsheet span.sheet-stepSpan,
.sheet-stepSpan {
height: 26px;
padding-bottom: 2px ;
margin-left: 14px ;
margin-right: 19px ;
display: inline-block;
white-space: nowrap;
}
.sheet-buffSmall {
transform: scale(0.8) ; /*JBF : transform instead of the font size adresses the spinners*/
}
.charsheet input[type="number"].sheet-buffLeft,
.charsheet input[type="number"].sheet-buffRight {
vertical-align: top;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.charsheet b.sheet-buffSignLeft,
.charsheet b.sheet-buffSignRight {
vertical-align: top;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
width: 0.3em;
text-align: right;
}
.charsheet b.sheet-buffSignRight{
margin-right: -2px;
margin-left: -1px;
}
.charsheet input[type="number"].sheet-buffRight {
margin-left: -4px;
margin-right: -20px;
text-align: left;
width: 2.5em;
}
.charsheet b.sheet-buffSignLeft {
margin-right: -15px;
margin-left: -2px;
}
.charsheet input[type="number"].sheet-buffLeft {
text-align: right;
margin-left: 0px;
margin-right: -8px;
width: 1.8em;
}
.sheet-buffRight::-webkit-inner-spin-button,
.sheet-buffRight::-webkit-outer-spin-button {
opacity: 0;
}
.sheet-buffRight {
-moz-appearance: textfield;
}
span:hover .sheet-buffRight::-webkit-inner-spin-button,
span:hover .sheet-buffRight::-webkit-outer-spin-button {
opacity:1;
}
span:hover .sheet-buffRight{
-moz-appearance: auto;
}
.sheet-testCloseChecked:checked+.sheet-InvisibleIfCloseChecked {
opacity: 0;
}
.sheet-testCloseChecked:checked+.sheet-PartlyInvisibleIfCloseChecked {
color: transparent;
}
.sheet-testCloseChecked:not(:checked)+.sheet-PartlyInvisibleIfNotCloseChecked {
color: transparent ;
}
.sheet-redGreen ~ input,
.sheet-redGreen ~ b {
color: green;
}
.sheet-redGreen[value^="-"] ~ input {
color: red;
}
.sheet-greenRed ~ input,
.sheet-greenRed ~ b {
color: red;
}
.sheet-greenRed[value^="-"] ~ input {
color: green;
}
.sheet-redGreen[value^="-"]~ b,
.sheet-greenRed[value^="-"]~ b,
.sheet-redGreen[value="0"] ~ input,
.sheet-greenRed[value="0"] ~ input,
.sheet-redGreen[value="0"] ~ b,
.sheet-greenRed[value="0"] ~ b {
color: transparent;
}
.sheet-testKarReq:not([value="0"]) ~ .sheet-Kar_0_3,
.sheet-testKarReq:not([value="0"]) ~ .sheet-Kar_0_2,
.sheet-testKarReq:not([value="1"]) ~ .sheet-Kar_1_2,
.sheet-testKarReq:not([value="1"]) ~ .sheet-Kar_1_3,
.sheet-testKarMax:not([value="2"]) ~ .sheet-Kar_1_2,
.sheet-testKarMax:not([value="2"]) ~ .sheet-Kar_0_2,
.sheet-testKarMax:not([value="3"]) ~ .sheet-Kar_1_3,
.sheet-testKarMax:not([value="3"]) ~ .sheet-Kar_0_3,
.sheet-testKarMax:not([value="0"],[value="1"],[value="2"],[value="3"]) ~ .sheet-Kar_lessthan3,
.sheet-testKarMax:not(:not([value="0"],[value="1"],[value="2"],[value="3"])) ~ .sheet-Kar_morethan3,
.sheet-testKarMax:not([value="4"]) ~ .sheet-Kar_4,
.sheet-testKarMax:not([value="5"]) ~ .sheet-Kar_5,
.sheet-testKarMax:not([value="6"]) ~ .sheet-Kar_6,
.sheet-testKarMax:not([value="7"]) ~ .sheet-Kar_7,
.sheet-testKarMax:not([value="8"]) ~ .sheet-Kar_8,
.sheet-testKarMax:not([value="9"]) ~ .sheet-Kar_9,
.sheet-testKarMax:not([value="10"]) ~ .sheet-Kar_10,
.sheet-testKarMax:not([value="11"]) ~ .sheet-Kar_11,
.sheet-testKarMax:not([value="12"]) ~ .sheet-Kar_12,
.sheet-testKarMax:not([value="13"]) ~ .sheet-Kar_13,
.sheet-testKarMax:not([value="14"]) ~ .sheet-Kar_14,
.sheet-testKarMax:not([value="15"]) ~ .sheet-Kar_15 {
display: none !important;
}
/* ############################################# JBF Header Flex Containers ######################################################### */
.sheet-header-flex-container {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
overflow: hidden;
}
.sheet-header-box {
height: 75px;
border: 1px solid var(--outline-color);
border-radius: 10px;
display: flex;
align-items: center;
margin-right: 1px;
flex-flow: column;
opacity: 1;
overflow: hidden;
max-width: 280px;
}
.sheet-header-modbox {
margin-top : 9px;
margin-bottom: 7px;
margin-left: 0px;
margin-right: 0px;
}
.sheet-header-flex-container:not(:hover) .sheet-testNum[value="0"]+.sheet-testNum[value="0"]+.sheet-header-hidden,
.sheet-header-flex-container:not(:hover) .sheet-testNum[value="0"]+.sheet-testNum[value="0"]+.sheet-testNum[value="0"]+.sheet-header-hidden {
height : 0px;
max-width: 0px;
overflow: hidden;
opacity: 0.5;
padding: 0px;
margin: 0px;
border: 1px solid transparent;
}
.sheet-header-box,
.sheet-iconlabel-header,
.sheet-iconlabel-header-invert,
.sheet-iconlabelbig,
.sheet-header-hidden {
transition: height 0.5s, flex-grow 0.5s, min-width 0.5s, flex-basis 0.5s, width 0.5s, max-width 0.5s , margin 0.5s, padding 0.5s;
/* transition-delay: 1.5s; */
overflow: hidden;
}
.sheet-header-iconbox {
flex-grow: 1; /* it can grow */
flex-shrink: 1; /* it can shrink */
/* flex-basis: 30px; /* arbitrary depending on design */ */
/* min-width: 30px; /* equal to flex-basis */ */
/*max-width: 100%; JBF@JBF 210228 (100% - margins)/number of boxes */
text-align: center;
transition: flex-grow, 0.5s;
transition: min-width 0.5s;
/* transition-delay: 1.5s; */
}
.sheet-header-flex-container:not(:hover) .sheet-header-iconbox {
/* flex-grow: 0.0000000001; /* it cant grow anymore... We want it to collapse */ */
/* flex-basis: 30px; */
/* width: auto;
min-width: 30px; */
/* padding: 0px !important; */
transition: flex-grow, 0.5s, min-width 0.5s;
/* transition-delay: 1.5s; */
}
.sheet-header-logo-Earthdawn {
background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Earthdawn-Logo.png);
/* background-image: url(https://s3.amazonaws.com/files.staging.d20.io/images/258659/43tgLdtfozFTvZrPGMv-uw/med.png?1539148273); */
}
.sheet-header-logo-1879 {
background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/1879-Logo.png);
/* background-image: url(https://s3.amazonaws.com/files.d20.io/images/188531300/L18EvmQWIkcT_CKVGnPfqg/max.png?1609231596); */
}
.sheet-header-logo-Earthdawn,
.sheet-header-logo-1879
{
height: 76px;
background-repeat: no-repeat;
background-size: contain;
max-width: 200px;
width: calc(100% - 800px); /* Width of Logo =100%-2X where X = min-width of header-name*/
}
.sheet-testQuest:not([value="0"])~div .sheet-header-logo-1879,
.sheet-testQuest:not([value="0"])~div .sheet-header-logo-Earthdawn
{
width: calc(100% - 1000px); /* If Questor, Logo needs to be smaller */
}
.sheet-testQuest:not([value="0"])~div .sheet-header-name {
min-width: min(500px, 25%);
width: calc(50% - 100px);
}
.sheet-header-name {
height: 70px;
border: 1px solid var(--outline-color);
border-radius: 10%;
min-width: min(400px, 25%);
width: calc(50% - 100px);
padding-top: 6px;
padding: 3px;
overflow: hidden;
}
/* ############################################ Colors and Margins ###################################################### */
/* JBF 210103 To be identified */
.ui-widget-content,
.charsheet {
position: absolute;
padding: 0 !important;
left: 0;
top: 46px;
}
/* JBF 210103 To be identified */
.sheet-user-root {
/*Normal Background*/
background-color: var( --bg-color );
background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Border-left-nobottom.png),url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Border-right-nobottom.png),url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Border-left-nobottom3.png),url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Border-right-nobottom3.png);
background-repeat: no-repeat, no-repeat,no-repeat, no-repeat;
background-blend-mode: multiply, multiply,multiply, multiply;
background-position: -17px -15px,calc(100% + 23px) -10px,-17px 1356px,calc(100% + 23px) 1362px;
background-size : 250px 1372px, 250px 1372px,250px 1372px, 250px 1372px;
padding-left: 13px;
padding-right: 13px;
padding-top: 10px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
}
.sheet-user-root-in {
margin-left: 0px;
margin-right: 0px;
min-width: 500px; /*JBF@JBF : to be reworked according to final layout*/
border-left: 2px groove var( --outline-color );
border-right: 2px groove var( --outline-color );
border-bottom: 2px groove var( --outline-color );
border-top: none;
background-color: var( --bg-color );
}
.sheet-section {
background-color: var( --bg-color );
}
.sheet-content {
padding: 2px;
}
.sheet-bordered {
border : 1px solid var(--outline-color) !important;
}
.sheet-bordered-bottom {
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-bottom: 1px solid var(--outline-color) !important;
}
.sheet-notbordered {
border: none !important;
}
.sheet-header {
min-height: 30px;
}
.sheet-imgbox {
text-align: center;
align-items: center;
justify-content: center;
height: 50px;
width: 50px;
position: relative;
}
.sheet-imgbox::before {
text-align: center;
align-items: center;
justify-content: center;
content: "";
position: absolute;
background-repeat: no-repeat;
background-size: 40px 40px;
background-position: top center;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
height: 50px;
width: 50px;
opacity: 0.2;
z-index: 1;
}
.sheet-imgbox-content {
z-index: 99;
position: relative;
}
.sheet-imgbox-defense {
/*size of your image*/
text-align: center;
align-items: center;
justify-content: center;
vertical-align: middle;
height: 43px;
width: 43px;
padding-left: 8px;
padding-bottom: 16px;
position: relative;
}
.sheet-imgbox-defense::before {
text-align: center;
align-items: center;
justify-content: center;
content: "";
position: absolute;
background-repeat: no-repeat;
background-size: 45px 45px;
background-position: 50% 25%;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
height: 45px;
width: 45px;
opacity: 0.4;
z-index: 1;
padding-left: 8px;
padding-bottom: 20px;
}
.sheet-sec-border-line {
background-color: var( --bg-color );
margin-left: -7px;
margin-right: -7px;
}
.sheet-sec-border-line {
border-top: 2px double var( --outline-color );
padding-top: 3px;
}
/*JBF@JBF to be identified, maybe dead code, and in any case shouldn't be static color*/
.sheet-heading {
background-color: var( --control-secondary );
color: var( --header-font-color );
font-family: 'Aladin', "Helvetica Neue", Helvetica, sans-serif;
font-weight: normal;
margin: 1px;
}
/* ############################################ Tables and cells #################################################### */
.sheet-table {
display: table;
width: 100%;
}
.sheet-table-left {
display: table;
border-collapse: collapse;
}
span.sheet-table-left,
.sheet-table-left .sheet-table-row span {
border-style: hidden;
border-width: 2px;
text-align: left;
}
.sheet-table-name {
display: table-caption;
text-align: center;
font-weight: bold;
color: var( --header-font-color );
background-color: var( --outline-color );
width: 100%;
}
.charsheet .sheet-headerbar,
.sheet-headerbar {
vertical-align: bottom;
justify-content: center;
align-items: center;
text-align : center;
color: var( --header-font-color );
/* font-weight: bold; */
background-color: var(--outline-color);
font-size: 14px;
/* font-family: Papyrus, fantasy; */
font-family: 'Aladin', "Helvetica Neue", Helvetica, sans-serif;
font-weight: normal;
width: 100%;
/* margin: auto; *//* JBF@JBF 210105*/
min-height: 21px;
display: flex;
}
.charsheet .sheet-headerbar-flex,
.sheet-headerbar-flex {
vertical-align: bottom;
justify-content: space-between;
}
.sheet-creation-order {
color: yellow;
font-size: 16px;
/*text-shadow: 1px 1px white;*/
}
.sheet-table-header {
display: table-cell;
text-align: center;
font-style: italic;
font-weight: bold;
color: var( --header-font-color );
vertical-align: middle;
background-color: var( --outline-color );
}
.sheet-table-row {
display: table-row;
vertical-align: middle;
width: 100%;
}
.sheet-table-data {
display: table-cell;
vertical-align: middle;
text-align: center; /*JBF 20201124*/
white-space: nowrap;
}
hr {
border-color: black;
margin: 5px 0;
}
.sheet-w15 {
display: table-cell;
vertical-align: middle;
text-align: left;
width: 15%;
}
.sheet-w20 {
display: table-cell;
vertical-align: middle;
text-align: left;
width: 20%;
}
.sheet-w30 {
display: inline-block;
text-align: left;
width: 30%;
}
.sheet-w100p {
width: 100%;
}
/*JBF@JBF useful ???*/
.sheet-w50 {
width: 100%;
}
.sheet-notes{
width: 28%;
/* padding-left: 5px;
padding-right: 5px; */
/* padding-bottom: 10px; */
margin: 1%;
}
.sheet-flex-container {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.sheet-flexwrap {
flex-wrap: wrap;
}
.sheet-glossary {
/* display: flex;
align-items: flex-start;
flex-wrap: wrap;
flex-direction: column;
max-height: 150px;
height : auto; */
display: inline-block;
}
.sheet-flex1 {
flex: 1;
}
/*JBF@CD -- This is a trial, but gives interesting results*/
.sheet-floatRight.sheet-header-flex-container,
.sheet-floatRight.sheet-flex-container {
justify-content: flex-end;
}
.sheet-flexCenter {
display: flex;
justify-content: center;
align-items: center;
}
/ ############################################# Attribute Boxes ########################################################## */
.sheet-Attrib-container {
padding: 5px;
margin-top: 3px;
display: flex;
align-items: center;
}
.sheet-Attrib-box {
border: 1px solid black;
border-radius: 10px;
text-align: center;
display: inline-block;
width: 130px;
margin-bottom: 3px;
}
.sheet-Attrib-header {
display: flex;
justify-content: space-around;
align-items: flex-start;
vertical-align: top;
text-align: center;
background-color: var(--outline-color);
}
.sheet-Defense-box {
border: 1px solid black;
border-radius: 10px;
display: flex;
margin: 3px;
align-items: center;
flex-flow: column;
width: 100px;
min-height: 80px;
}
.sheet-Shield-box {
border: 1px solid black;
border-radius: 10px;
display: flex;
margin: 3px;
padding: 3px;
align-items: center;
flex-flow: column;
}
.sheet-Attrib-rightbox {
text-align: center;
display: inline-block;
}
.charsheet input[type="number"].sheet-AttribValue,
.sheet-AttribValue {
background: var( --outline-color );
border-style: none;
border-radius: 70%;
color: var( --header-font-color );
font-weight: bold;
text-align: center;
}
.sheet-AttribValueDiv {
margin-top: 8px;
}
.charsheet input[type="number"].sheet-AttribStep,
.sheet-AttribStep
{
color: var( --highlight-font-color );
text-shadow: 2px 2px var( --bg-color );
font-weight:bold;
font-size: 250%; /* JBF was important */
padding: 0; /* JBF was important */
margin-top: 0; /* JBF was important */
margin-bottom: 0; /* JBF was important */
margin-left: 0; /* JBF was important */
margin-right: -11px; /* JBF was important */
text-align: center; /* JBF was important */
width: 1.3em; /* JBF was important */
font-weight: bold;
}
.charsheet span.sheet-AttribStepSpan,
.sheet-AttribStepSpan
{
padding: 4px; /* JBF was important */
}
/* ############################################ Formating and Length ###################################################### */
.sheet-fixed-width {
white-space: nowrap;
display: inline-block;
}
.charsheet .sheet-matrix.sheet-filter-box {
margin: 0px;
margin-bottom: 2px;
margin-right: 2px;
border-radius: 5px;
padding: 0px;
border: 1px solid black;
}
.sheet-nowrap0 {
white-space: nowrap;
display: inline-block; /*JBF@CD Trial for alignment*/
vertical-align: middle;
}
.sheet-nowrap,
.sheet-nowrap1 {
white-space: nowrap;
padding-right: 1em;
}
.sheet-nowrap2 {
white-space: nowrap;
padding-right: 2em;
}
.sheet-nowrap3 {
white-space: nowrap;
padding-right: 3em;
}
.sheet-nowrap5 {
white-space: nowrap;
padding-right: 5em;
}
.sheet-w7 {
display: inline-block;
min-width: 7em;
padding-right: 0em;
}
/*JBF */
.sheet-numShorter { width: 2em !important }
.sheet-numShort { width: 3em !important }
.sheet-numLong { width: 4em !important }
.sheet-selShort { width: 5em !important }
.sheet-selLong { width: 6em !important }
.sheet-txtShort { width: 8em !important }
.sheet-txtMed { width: 9em !important }
.sheet-txtMedplus { width: 11.5em !important }
.sheet-txtLong { width: 16em !important }
.sheet-txtLonger { width: 20em !important }
.sheet-txtEvenLonger { width: 27em !important }
.sheet-titlespan {
margin-left: 0px;
margin-right: 0px;
text-align: center;
vertical-align: middle;
}
.charsheet .sheet-w25px { width: 25px; }
.charsheet .sheet-w30px { width: 30px; }
.charsheet .sheet-w50px { width: 50px; }
.charsheet .sheet-w75px { width: 75px; }
.charsheet .sheet-w100px { width: 100px; }
.charsheet .sheet-Big { font-size: 150%;}
.charsheet input[type="number"].sheet-Bigger,
.sheet-Bigger {
font-size: 200%;
width: 2em;
text-align: center ;
}
.sheet-small { transform: scale(0.8); /*better results ?*/}
.charsheet input[type="number"].sheet-numHighlight,
.sheet-numHighlight {
color: var( --highlight-font-color );
text-shadow: 2px 2px var( --bg-color );
font-weight: bold;
}
.sheet-vaBottom {
vertical-align: bottom;
}
.sheet-middle {
display: inline-block;
padding-top: 6px;
}
.sheet-minWidth3 {
min-width: 3em;
}
/* ############################################ Variable length text boxes ########################################################## */
/* The next few blocks are for variable length text boxes that expand as needed. sheet-label-under2 is a tall box and has labels under the text input.
The form of the html is a label or span wrapper, an input box, an span that has the invisible auto-expanding field, and an optional span that has the label.
<label class="sheet-label-under2 sheet-autoexpand-wrap" title="@{height}">
<input type="text" name="attr_height" />
<span name="attr_height" class="sheet-autoexpand"></span>
<span>this is the label</span>
</label>
To have a label in front of the expanding field, use something like this.
<label title="@{Weight}: Characters Weight.">Weight:&nbsp;<span class="sheet-autoexpand-wrap">
<input name="attr_Weight" type="text" >
<span name="attr_Weight" class="sheet-autoexpand" ></span>
</span></label>
*/
/* This is the tag that wraps the entire thing. It can be a label or a span */
.charsheet .sheet-autoexpand-wrap {
display: inline-block;
position: relative;
width: auto;
min-width: 2em;
max-width: 50em;
margin-right: 1em;
white-space: nowrap;
}
.charsheet .sheet-autoexpand-min4 {
min-width: 4em;
width: auto;
}
.charsheet .sheet-autoexpand-min {
min-width: 14em;
width: auto;
}
.charsheet .sheet-autoexpand-wrap:not(.sheet-label-under2) {
height: 2em;
vertical-align: middle;
}
.charsheet .sheet-label-under:not(button),
.charsheet .sheet-label-under2 {
display: inline-block;
height: 2.75em;
vertical-align: top;
}
/* This is the input statement that is visible. */
.charsheet .sheet-autoexpand-wrap input {
display: block;
overflow: hidden;
width: 100%;
position: absolute;
white-space: normal;
}
/* This is the invisible copy of the input. This css changes this invisible fields size to the length of the text in the input. The outer wrapper then changes size to match this fields length. */
.charsheet .sheet-autoexpand-wrap span.sheet-autoexpand {
visibility: hidden;
width: 100%;
white-space: pre; /* pre-wrap; for textarea which I never got working but "pre" should also work for spans */
word-wrap: break-word;
overflow-wrap: break-word;
overflow: hidden;
font-weight: bold;
padding-right: 2em; /* We want the text box very slightly bigger than the text. JBF@CD was 0.7 em*/
/* also here make sure the font size is the same or slightly bigger than the input font size */
}
/* This is the span that holds the label that we want small at the bottom. */
.charsheet .sheet-label-under2 span:not(.sheet-autoexpand) {
display: block;
position: relative; /*JBF@CD Changed from absolute 0 to relative -10px*/
bottom: -13px;
line-height: .75em;
font-size: 85%;
padding-left: .25em;
}
/* When we have the label under the field, we don't want the label to ever be longer than the field */
.charsheet .sheet-label-under,
.charsheet .sheet-label-under2 {
overflow: hidden;
}
.charsheet .sheet-label-under2 span,
.charsheet .sheet-label-under span,
.charsheet .sheet-label-under-select span {
line-height: 10px;
display: block;
/* font-weight: lighter; */
font-size: 85%;
padding-left: .25em;
}
/* ########################################### Filterboxes #######################################################
# Filterboxes are basically repitems. Except that Filterboxes have been formated to allow certain items to be hidden
# if they don't match the requirements to be displayed.
*/
.charsheet .repcontainer .repitem, /* A filterbox should look exactly like a repitem. */
.sheet-filter-box {
padding: 0px;
margin: 0px;
border: none;
border-radius: 0px;
}
fieldset.repeating_spell+.repcontainer>.repitem, /* A repitem within a spell list should functionally not exist, it's place is taken by a filterbox. */
fieldset+.repcontainer .repitem,
fieldset+.repcontainer .repitem .sheet-filter-box {
vertical-align: top;
}
.sheet-filterSpellEffect~.repcontrol,
.sheet-testRepEditMode:not(:checked)~.repcontrol, /*hide buttons in not Edit Mode*/
.sheet-filter-box { /* By default, display no items of a filter box */
display: none;
}
fieldset.sheet-filterSpellEffect+.repcontainer {
display: inline-block;
}
.repcontainer .repitem {
overflow: hidden;
}
fieldset+.repcontainer .repitem {
display: block;
}
fieldset.repeating_talents+.repcontainer .repitem, /*fieldset that we want to wrap have to be specified manually*/
fieldset.repeating_skills+.repcontainer .repitem,
fieldset.repeating_knacks+.repcontainer .repitem,
fieldset.repeating_matrix+.repcontainer .repitem,
fieldset.repeating_personality+.repcontainer .repitem,
fieldset.repeating_maneuvers+.repcontainer .repitem,
fieldset.repeating_weapons+.repcontainer .repitem {
display: inline-block;
/* padding:5px; */
}
/*
fieldset+.repcontainer>.repitem:nth-child(2n+2){
background:lightgrey;
} */
/* fieldset+.repcontainer{
column-width:auto;
} */
/* Decide which specific repitems to display. */
input.sheet-tabGrim[value="0"]~.sheet-filter-box, /* Always display all spells of circle zero, since they have just been added and have not been assigned a circle yet. */
.sheet-tabGrim[value="0"]~fieldset.repeating_spell+.repcontainer>.repitem .sheet-filter-box, /* When tab0 is checked, display everything no matter what which of the inner boxes are checked. */
.sheet-tabGrim~fieldset.repeating_spell+.repcontainer>.repitem input.sheet-grim-tab0:checked~.sheet-filter-box, /*always display the Circle 0 spells*/
.sheet-tabGrim[value="1"]~fieldset.repeating_spell+.repcontainer>.repitem input.sheet-grim-tab1:checked~.sheet-filter-box,
.sheet-tabGrim[value="2"]~fieldset.repeating_spell+.repcontainer>.repitem input.sheet-grim-tab2:checked~.sheet-filter-box,
.sheet-tabGrim[value="3"]~fieldset.repeating_spell+.repcontainer>.repitem input.sheet-grim-tab3:checked~.sheet-filter-box,
.sheet-tabGrim[value="4"]~fieldset.repeating_spell+.repcontainer>.repitem input.sheet-grim-tab4:checked~.sheet-filter-box,
.sheet-tabGrim[value="5"]~fieldset.repeating_spell+.repcontainer>.repitem input.sheet-grim-tab5:checked~.sheet-filter-box,
.sheet-tabGrim[value="6"]~fieldset.repeating_spell+.repcontainer>.repitem input.sheet-grim-tab6:checked~.sheet-filter-box,
.sheet-tabGrim[value="7"]~fieldset.repeating_spell+.repcontainer>.repitem input.sheet-grim-tab7:checked~.sheet-filter-box,
.sheet-tabGrim[value="8"]~fieldset.repeating_spell+.repcontainer>.repitem input.sheet-grim-tab8:checked~.sheet-filter-box,
.sheet-tabGrim[value="9"]~fieldset.repeating_spell+.repcontainer>.repitem input.sheet-grim-tab9:checked~.sheet-filter-box,
.sheet-tabGrim[value="10"]~fieldset.repeating_spell+.repcontainer>.repitem input.sheet-grim-tab10:checked~.sheet-filter-box,
.sheet-tabGrim[value="11"]~fieldset.repeating_spell+.repcontainer>.repitem input.sheet-grim-tab11:not(:checked)~.sheet-filter-box,
/* fieldset.sheet-filtershortlist+.repcontainer>.repitem input.sheet-combattab:checked~.sheet-filter-box, */
input.sheet-tabMain[value="1"]~div .sheet-section-core fieldset+.repcontainer>.repitem input.sheet-combattab~.sheet-filter-box,
input.sheet-tabMain[value="2"]~div .sheet-section-combat fieldset+.repcontainer>.repitem input.sheet-combattab:checked~.sheet-filter-box,
input.sheet-tabMain[value="3"]~div fieldset+.repcontainer>.repitem input.sheet-combattab~.sheet-filter-box,
input.sheet-tabMain[value="4"]~div fieldset+.repcontainer>.repitem input.sheet-combattab~.sheet-filter-box,
input.sheet-tabMain[value="5"]~div fieldset+.repcontainer>.repitem input.sheet-combattab~.sheet-filter-box,
input.sheet-tabMain[value="6"]~div fieldset+.repcontainer>.repitem input.sheet-combattab~.sheet-filter-box,
.sheet-section-spells fieldset:not(.sheet-filterSpellEffect)+.repcontainer>.repitem input.sheet-spelltab[value^="SPL-"]~.sheet-filter-box,
input.sheet-testSpellEffect[value="Wil"]~fieldset.sheet-filterSpellEffect+.repcontainer>.repitem input.sheet-spelltab[value="SPL-Willforce"]~.sheet-filter-box {
display: inline-block;
border: none; /*JBF*/
}
/*JBF@JBF@CD : For Skills, Knacks and Talents, in overview, everything is displayed, and in Combat, only the checked ones)*/
/*JBF@JBF@CD : Do not display the spellcasting Talent twice, i.e. shown only in spell section... except in creation mode*/
.sheet-testCreation:not([value="1"])~input.sheet-tabMain[value="1"]~div .sheet-section-core~div fieldset+.repcontainer>.repitem input.sheet-spelltab[value^="SPL-"]+input.sheet-combattab~.sheet-filter-box,
input.sheet-tabMain[value="2"]~div .sheet-section-combat~div fieldset+.repcontainer>.repitem input.sheet-spelltab[value^="SPL-"]+input.sheet-combattab:checked~.sheet-filter-box {
display: none;
}
/* ############################################ Tabs ################################################################### */
div[class^="sheet-section"] { /* Every class that starts with "sheet-section" starts out hidden */
visibility: hidden;
opacity: 0;
max-height: 0;
overflow: hidden;
max-width: 0;
padding: 0;
}
.sheet-tabMain.sheet-tab1 {
margin-left: 10px;
}
input.sheet-tabMain,
input.sheet-tabSpell,
input.sheet-tabGrim,
input.sheet-tabAdjust {
width: 70px;
height: 20px;
cursor: pointer;
position: relative;
opacity: 0;
z-index: 9999;
vertical-align: middle;
margin-right: 3px;
}
input.sheet-tabMain {
margin-right: 4px;
}
.sheet-tabMain::before,
.sheet-tabSpell::before,
.sheet-tabGrim::before,
.sheet-tabAdjust::before {
content: attr(title);
text-align: center;
display: inline-block;
width: 100%;
height: 100%;
background-color: var( --outline-color );
color: var( --header-font-color );
font-weight: bold;
}
input.sheet-tabMain+span,
input.sheet-tabSpell+span,
input.sheet-tabGrim+span,
input.sheet-tabAdjust+span,
.sheet-tabSpan {
text-align: center;
display: inline-block;
font-size: 13px;
background-color: var( --inactive-color );
color: var( --header-font-color );
font-weight: bold;
width: 70px;
height: 20px;
border-radius: 10px 10px 0 0;
cursor: pointer;
position: relative;
margin-left: -75px;
}
input.sheet-tabshort {
width: 40px;
}
input.sheet-tabshort+span{
width: 40px;
margin-left: -45px;
}
.sheet-tabSpell,
.sheet-tabAdjust {
width: 80px;
}
.sheet-tabSpell+span,
.sheet-tabAdjust+span {
width: 80px;
margin-left: -85px;
}
.sheet-sec-spacer { /* When have two tabs right under each other, space them by this much. */
height: 3px;
}
/* Make the selected section visible */
input.sheet-tabMain[value="1"]~div .sheet-section-core,
input.sheet-tabMain[value="2"]~div .sheet-section-combat,
input.sheet-tabMain[value="3"]~div .sheet-section-talents,
input.sheet-tabMain[value="4"]~div .sheet-section-knacks,
input.sheet-tabMain[value="5"]~div .sheet-section-skills,
input.sheet-tabMain[value="6"]~div .sheet-section-spells,
input.sheet-tabMain[value="7"]~div .sheet-section-equipment,
input.sheet-tabMain[value="8"]~div .sheet-section-gear,
input.sheet-tabMain[value="9"]~div .sheet-section-notes,
input.sheet-tabMain[value="10"]~div .sheet-section-record,
input.sheet-tabMain[value="11"]~div .sheet-section-adjustments,
input.sheet-tabSpell[value="1"]~.sheet-section-spells-talents,
input.sheet-tabSpell[value="2"]~.sheet-section-spells-matrices,
input.sheet-tabMain[value="1"]~div .sheet-section-spells-matrices,
input.sheet-tabMain[value="2"]~div .sheet-section-spells-matrices,
input.sheet-tabMain:not([value="2"]):not([value="1"])~div input.sheet-tabSpell[value="3"]~.sheet-section-spells-grimoire,
input.sheet-tabAdjust[value="1"]~.sheet-section-adjustments-common,
input.sheet-tabAdjust[value="2"]~.sheet-section-adjustments-maneuvers,
input.sheet-tabAdjust[value="3"]~.sheet-section-adjustments-advanced,
input.sheet-tabAdjust[value="4"]~.sheet-section-adjustments-release ,
input.sheet-tabAdjust[value="5"]~.sheet-section-adjustments-help {
max-height: 999999px;
max-width: 999999px;
visibility: visible;
opacity: 1;
transition: opacity 0.5s linear 0s;
overflow: hidden;
}
input.sheet-tabMain[value="1"] ~ .sheet-show-leftpane-tab1:not([value="1"])~div .sheet-leftpane,
input.sheet-tabMain[value="2"] ~ .sheet-show-leftpane-tab2:not([value="1"])~div .sheet-leftpane,
input.sheet-tabMain[value="3"] ~ .sheet-show-leftpane-tab3:not([value="1"])~div .sheet-leftpane,
input.sheet-tabMain[value="4"] ~ .sheet-show-leftpane-tab4:not([value="1"])~div .sheet-leftpane,
input.sheet-tabMain[value="5"] ~ .sheet-show-leftpane-tab5:not([value="1"])~div .sheet-leftpane,
input.sheet-tabMain[value="6"] ~ .sheet-show-leftpane-tab6:not([value="1"])~div .sheet-leftpane,
input.sheet-tabMain[value="7"] ~ .sheet-show-leftpane-tab7:not([value="1"])~div .sheet-leftpane,
input.sheet-tabMain[value="8"] ~ .sheet-show-leftpane-tab8:not([value="1"])~div .sheet-leftpane,
input.sheet-tabMain[value="9"] ~ .sheet-show-leftpane-tab9:not([value="1"])~div .sheet-leftpane,
input.sheet-tabMain[value="10"] ~ .sheet-show-leftpane-tab10:not([value="1"])~div .sheet-leftpane,
input.sheet-tabMain[value="11"] ~ .sheet-show-leftpane-tab11:not([value="1"])~div .sheet-leftpane,
input.sheet-tabMain[value="1"] ~ .sheet-show-middlepane-tab1:not([value="1"])~div .sheet-middlepane,
input.sheet-tabMain[value="2"] ~ .sheet-show-middlepane-tab2:not([value="1"])~div .sheet-middlepane,
input.sheet-tabMain[value="3"] ~ .sheet-show-middlepane-tab3:not([value="1"])~div .sheet-middlepane,
input.sheet-tabMain[value="4"] ~ .sheet-show-middlepane-tab4:not([value="1"])~div .sheet-middlepane,
input.sheet-tabMain[value="5"] ~ .sheet-show-middlepane-tab5:not([value="1"])~div .sheet-middlepane,
input.sheet-tabMain[value="6"] ~ .sheet-show-middlepane-tab6:not([value="1"])~div .sheet-middlepane,
input.sheet-tabMain[value="7"] ~ .sheet-show-middlepane-tab7:not([value="1"])~div .sheet-middlepane,
input.sheet-tabMain[value="8"] ~ .sheet-show-middlepane-tab8:not([value="1"])~div .sheet-middlepane,
input.sheet-tabMain[value="9"] ~ .sheet-show-middlepane-tab9:not([value="1"])~div .sheet-middlepane,
input.sheet-tabMain[value="10"] ~ .sheet-show-middlepane-tab10:not([value="1"])~div .sheet-middlepane,
input.sheet-tabMain[value="11"] ~ .sheet-show-middlepane-tab11:not([value="1"])~div .sheet-middlepane,
input.sheet-tabMain[value="1"] ~ .sheet-show-rightpane-tab1:not([value="1"])~div .sheet-rightpane,
input.sheet-tabMain[value="2"] ~ .sheet-show-rightpane-tab2:not([value="1"])~div .sheet-rightpane,
input.sheet-tabMain[value="3"] ~ .sheet-show-rightpane-tab3:not([value="1"])~div .sheet-rightpane,
input.sheet-tabMain[value="4"] ~ .sheet-show-rightpane-tab4:not([value="1"])~div .sheet-rightpane,
input.sheet-tabMain[value="5"] ~ .sheet-show-rightpane-tab5:not([value="1"])~div .sheet-rightpane,
input.sheet-tabMain[value="6"] ~ .sheet-show-rightpane-tab6:not([value="1"])~div .sheet-rightpane,
input.sheet-tabMain[value="7"] ~ .sheet-show-rightpane-tab7:not([value="1"])~div .sheet-rightpane,
input.sheet-tabMain[value="8"] ~ .sheet-show-rightpane-tab8:not([value="1"])~div .sheet-rightpane,
input.sheet-tabMain[value="9"] ~ .sheet-show-rightpane-tab9:not([value="1"])~div .sheet-rightpane,
input.sheet-tabMain[value="10"] ~ .sheet-show-rightpane-tab10:not([value="1"])~div .sheet-rightpane,
input.sheet-tabMain[value="11"] ~ .sheet-show-rightpane-tab11:not([value="1"])~div .sheet-rightpane {
display:none;
}
.sheet-tabMain[value="1"]~div .sheet-testRepEditMode:not(:checked) ~ .repcontainer .sheet-HideIfOverviewNoEdit,
.sheet-testCreation:not([value="1"])~.sheet-tabMain[value="1"]~div .sheet-HideIfOverviewNoCreation,
.sheet-tabMain[value="1"]~div .sheet-testRepEditMode:not(:checked) ~ .sheet-HideIfOverviewNoEdit,
.sheet-tabMain[value="1"]~div .sheet-testRepEditMode:not(:checked)~div .sheet-HideIfOverviewNoEdit,
.sheet-tabMain[value="1"]~div .sheet-HideIfOverview,
.sheet-tabMain:not([value="1"])~div .sheet-HideIfNotOverview,
.sheet-tabMain[value="2"]~div .sheet-testRepEditMode:not(:checked) ~ .repcontainer .sheet-HideIfCombatNoEdit,
.sheet-tabMain[value="2"]~div .sheet-testRepEditMode:not(:checked) ~ .sheet-HideIfCombatNoEdit,
.sheet-tabMain[value="2"]~div .sheet-testRepEditMode:not(:checked) ~ div>.sheet-HideIfCombatNoEdit,
.sheet-tabMain[value="2"]~div .sheet-HideIfCombat,
.sheet-tabMain:not([value="2"])~div .sheet-HideIfNotCombat {
display: none;
/* border: 1px yellow solid; */
}
/* Highlight the selected tab */
input.sheet-tabMain:checked + span,
input.sheet-tabSpell:checked + span,
input.sheet-tabGrim:checked + span,
input.sheet-tabAdjust:checked + span,
input.sheet-tabMain:checked + .sheet-testCloseChecked + .sheet-HideIfCloseChecked,
input.sheet-tabMain:checked + .sheet-testCloseChecked + .sheet-HideIfCloseChecked + .sheet-HideIfNotCloseChecked {
background-color: var( --outline-color );
color: var( --header-font-color );
border: 1px solid black;
}
/* ############################################ JBF Icons and images ################################################### */
.sheet-icon-damage-background::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Damage-background.png);} /*License Information*/
.sheet-icon-devotion-background::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Devotion.png); } /*Creative Commons :https://game-icons.net/1x1/lorc/angel-outfit.html#download*/
.sheet-icon-initiative-background::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Initiative.png); } /*License Information*/
.sheet-icon-interdiction-background::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Interdiction.png); } /*License Information*/
.sheet-icon-karma-background::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Karma.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/entangled-typhoon.html*/
.sheet-icon-MA-background::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/MA.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-MD-background::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/MD.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-PA-background::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/PA.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/chest-armor.html#download*/
.sheet-icon-PD-background::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/PD.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/swords-emblem.html*/
.sheet-icon-recovery-background::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Recovery.png); } /*Creative Commons :https://game-icons.net/1x1/delapouite/caduceus.html#download*/
.sheet-icon-SD-background::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/SD.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-stun-background::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Stun.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-wounds-background::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Wounds-background.png);} /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-action { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Action.png); } /*License Information*/
.sheet-icon-action-free { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Action-Free.png); } /*Creative Commons : https://game-icons.net/1x1/lorc/fist.html#download*/
.sheet-icon-action-simple { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Action-Simple.png); } /*Creative Commons : https://game-icons.net/1x1/lorc/fist.html#download*/
.sheet-icon-action-standard { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Action-Standard.png); } /*Creative Commons : https://game-icons.net/1x1/lorc/fist.html#download*/
.sheet-icon-action-sustained { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Action-Sustained.png); } /*Creative Commons : https://game-icons.net/1x1/lorc/fist.html#download*/
.sheet-icon-action-white { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Action-white.png); } /*License Information*/
.sheet-icon-action-na { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Action-NA.png); } /* https://findicons.com/files/icons/2610/flat_weather_icons/128/na.png */
.sheet-icon-agressive { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Agressive.png); } /*Creative Commons : https://game-icons.net/1x1/lorc/fist.html#download*/
.sheet-icon-ambush { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Ambush.png); } /*Creative Commons : https://game-icons.net/1x1/lorc/fist.html#download*/
.sheet-icon-armor { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Armor.png); } /*Creative Commons : https://game-icons.net/1x1/lorc/fist.html#download*/
.sheet-icon-ask { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Ask.png); } /*License Information*/
.sheet-icon-attacks { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Attacks.png); } /*Creative Commons: https://game-icons.net/1x1/sbed/falling.html#download*/
.sheet-icon-attacks-cc { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Attacks-cc.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/blade-drag.html#download*/
.sheet-icon-blindsided { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Blindsided.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/backstab.html#download*/
.sheet-icon-blindsiding { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Blindsiding.png); } /*Creative Commons: https://game-icons.net/1x1/darkzaitzev/hooded-assassin.html#download*/
.sheet-icon-calledshot { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/CalledShot.png); } /*Creative Commons: https://game-icons.net/1x1/darkzaitzev/hooded-assassin.html#download*/
.sheet-icon-charging { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Charging.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/rhinoceros-horn.html#download*/
.sheet-icon-coin { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Coin.png); } /*Creative Commons: https://game-icons.net/1x1/darkzaitzev/hooded-assassin.html#download*/
.sheet-icon-coin-copper { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Coin-Copper.png); } /*Creative Commons: https://game-icons.net/1x1/darkzaitzev/hooded-assassin.html#download*/
.sheet-icon-coin-silver { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Coin-Silver.png); } /*Creative Commons: https://game-icons.net/1x1/darkzaitzev/hooded-assassin.html#download*/
.sheet-icon-coin-gold { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Coin-Gold.png); } /*Creative Commons: https://game-icons.net/1x1/darkzaitzev/hooded-assassin.html#download*/
.sheet-icon-cover { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Cover.png); } /*Creative Commons: https://game-icons.net/1x1/heavenly-dog/defensive-wall.html#download*/
.sheet-icon-cover99 { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Cover-99.png); } /*Creative Commons: https://game-icons.net/1x1/heavenly-dog/defensive-wall.html#download*/
.sheet-icon-damage-cc { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Damage-cc.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/dripping-knife.html#download*/
.sheet-icon-damage { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Damage.png); } /*Creative Commons: https://game-icons.net/1x1/sbed/falling.html#download*/
.sheet-icon-death { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Death.png); } /*Creative Commons :https://game-icons.net/1x1/heavenly-dog/defensive-wall.html#download*/
.sheet-icon-defenses { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Defenses.png); } /*Creative Commons :https://game-icons.net/1x1/lorc/shield-echoes.html#download*/
.sheet-icon-defenses-white { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Defenses-White.png); } /*Creative Commons :https://game-icons.net/1x1/heavenly-dog/defensive-wall.html#download*/
.sheet-icon-defensive { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Defensive.png); } /*Creative Commons :https://game-icons.net/1x1/lorc/arrows-shield.html#download*/
.sheet-icon-defensive-exc { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Defensive-exc.png); } /*Creative Commons :https://game-icons.net/1x1/lorc/arrows-shield.html#download*/
.sheet-icon-devotion { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Devotion.png); } /*Creative Commons :https://game-icons.net/1x1/lorc/angel-outfit.html#download*/
.sheet-icon-devotion-on { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Devotion-On.png); } /*Creative Commons :https://game-icons.net/1x1/lorc/angel-outfit.html#download*/
.sheet-icon-devotion-ask { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Devotion-Ask.png); } /*Creative Commons :https://game-icons.net/1x1/lorc/angel-outfit.html#download*/
.sheet-icon-devotion2 { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Devotion2.png); } /*Creative Commons :https://game-icons.net/1x1/lorc/angel-outfit.html#download*/
.sheet-icon-devotion3 { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Devotion3.png); } /*Creative Commons :https://game-icons.net/1x1/lorc/angel-outfit.html#download*/
.sheet-icon-dice { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Dice.png); } /* https://static.thenounproject.com/png/1279708-200.png */
.sheet-icon-edit { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Edit.png); } /*License Information*/
.sheet-icon-edit-white { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Edit-White.png); } /*License Information*/
.sheet-icon-effect { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Effect.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/star-swirl.html#download*/
.sheet-icon-effect-white { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Effect-white.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/star-swirl.html#download*/
.sheet-icon-entangled { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Entangled.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/fishing-net.html*/
.sheet-icon-flying { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Flying.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/fishing-net.html*/
.sheet-background-frame1 { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Frame1.jpg); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-background-frame2 { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Frame2.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-background-frame3 { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Frame3.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-background-frame4 { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Frame4.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-background-frame5 { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Frame5.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-background-frame6 { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Frame6.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-background-frame7 { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Frame7.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-background-frame8 { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Frame8.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-background-frame9 { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Frame9.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-grimoire { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Grimoire.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/fishing-net.html*/
.sheet-icon-harried { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Harried.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/screaming.html#download*/
.sheet-icon-harried3 { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Harried3.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/screaming.html#download*/
.sheet-icon-harried4 { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Harried4.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/screaming.html#download*/
.sheet-icon-harried5 { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Harried5.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/screaming.html#download*/
.sheet-icon-impaired { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Impaired.png); } /*Creative Commons: https://game-icons.net/1x1/sbed/falling.html#download*/
.sheet-icon-impaired4 { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Impaired4.png); } /*Creative Commons: https://game-icons.net/1x1/sbed/falling.html#download*/
.sheet-icon-initiative { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Initiative.png); } /*License Information*/
.sheet-icon-initiative-noarmor { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Initiative-NoArmor.png);}/*https://static.thenounproject.com/png/539377-200.png */
.sheet-icon-interdiction { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Interdiction.png); } /*License Information*/
.sheet-icon-inventory { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Inventory.png); } /*License Information*/
.sheet-icon-jumpup { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/JumpUp.png); } /*License Information*/
.sheet-icon-karma { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Karma.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/entangled-typhoon.html*/
.sheet-icon-karma2 { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Karma2.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/entangled-typhoon.html*/
.sheet-icon-karma3 { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Karma3.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/entangled-typhoon.html*/
.sheet-icon-karma-ask { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Karma-Ask.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/entangled-typhoon.html*/
.sheet-icon-karma-on { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Karma-On.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/entangled-typhoon.html*/
.sheet-icon-kit { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Kit.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/entangled-typhoon.html*/
.sheet-icon-knockeddown { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Knockdown.png); } /*Creative Commons: https://game-icons.net/1x1/sbed/falling.html#download*/
.sheet-icon-leftpane { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/LeftPane-White.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-link { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Link.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-link-out { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Link-out.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-link-in { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Link-in.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-link-in-out { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Link-In-Out.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-MA { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/MA.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-maneuver-creature { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Maneuver-Creature.png);} /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-maneuver-opponent { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Maneuver-Opponent.png);} /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-maneuver-show { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Maneuver-Show.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-matrix { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Matrix.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-matrix-attune { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Matrix-Attune.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-matrix-enhanced { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Matrix-Enhanced.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-matrix-armored { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Matrix-Armored.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-matrix-shared { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Matrix-Shared.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-MD { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/MD.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-move-based { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Move-Based.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-naked { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Naked.png); } /*https://game-icons.net/1x1/delapouite/chat-bubble.html#download*/
.sheet-icon-naked-white { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Naked-white.png); } /*https://game-icons.net/1x1/delapouite/chat-bubble.html#download*/
.sheet-icon-newday { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/NewDay.png); } /*https://game-icons.net/1x1/delapouite/chat-bubble.html#download*/
.sheet-icon-notes { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Notes.png); } /*https://game-icons.net/1x1/delapouite/chat-bubble.html#download*/
.sheet-icon-noshield { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/NoShield.png); } /*https://game-icons.net/1x1/skoll/shield-disabled.html#downloadd*/
.sheet-icon-PA { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/PA.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/chest-armor.html#download*/
.sheet-icon-parameter { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Parameter.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-parameter-white { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Parameter-white.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-partialcover { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/PartialCover.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-PD { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/PD.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/swords-emblem.html*/
.sheet-icon-poisoned { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Poisoned.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-potion { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Potion.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-rangelong { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/RangeLong.png); } /*Creative Commons: https://game-icons.net/1x1/sbed/falling.html#download*/
.sheet-icon-ration { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Ration.png); } /*Creative Commons: https://game-icons.net/1x1/sbed/falling.html#download*/
.sheet-icon-recovery { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Recovery.png); } /*Creative Commons :https://game-icons.net/1x1/delapouite/caduceus.html#download*/
.sheet-icon-reserved { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Reserved.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-resistance { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Resistance.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-rolltype-ask { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Rolltype-ask.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-rolltype-public { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Rolltype-Public.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-rolltype-PGM { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Rolltype-PGM.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-rolltype-GM { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Rolltype-GM.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-SD { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/SD.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-shield { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Shield.png); } /*Creative Commons : https://game-icons.net/1x1/lorc/fist.html#download*/
.sheet-icon-split { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Split.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-stealthy { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Stealthy.png); } /*Creative Commons: https://game-icons.net/1x1/lorc/bolt-shield.html#download*/
.sheet-icon-strain { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Strain.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-strain1 { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Strain1.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-strain2 { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Strain2.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-strain3 { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Strain3.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-stun { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Stun.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-stun-white { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Stun-white.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-sum { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Sum.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-surprised { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Surprised.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-tail { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Tail.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-tips-edit { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Tips-Edit.gif); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-tips-mods { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Tips-Mods.gif); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-tips-tooltip { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Tips-Tooltip.gif); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-tknactn { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/TknActn.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-TN { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/TN.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-vision { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Vision.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-vision4 { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Vision4.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-vision-based { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Vision-Based.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-weapon { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Weapon.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-wealth { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Wealth.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-weave { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Weave.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-weave-extra { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Weave.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
.sheet-icon-willforce { content: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Willforce.png); } /*Creative Commons: https://game-icons.net/1x1/delapouite/knocked-out-stars.html#download*/
/* Elsewhere in this file there are url's describing Strain.png, Frame20.png,
and two logo's that are stored on on amazon servers instead of github.
a few hundred lines down also find .sheet-rolltemplate-icon-ask and about 15 other definitions, but they all use icons already defined above.
*/
.sheet-frame {
background-size: 100% 100%;
/* Temporarly disabled to work on the color palette */
/* background-size: 0% 0%; */
}
.sheet-frameBig {
/* background-size: 110% 110%; Temporarly disabled to work on the color palette*/
background-size: 0% 0%;
}
.sheet-iconlabel-white.sheet-iconpaddedright,
.sheet-iconlabel-header.sheet-iconpaddedright,
.sheet-iconpaddedright {
padding-right: 3px ; /* JBF was important*/
margin-left: -3px ; /* JBF was important*/
padding-top: 0px ; /* JBF was important*/
padding-bottom: 0px ; /* JBF was important*/
border: 1px solid transparent;
vertical-align: middle;
}
.sheet-iconlabel-white.sheet-iconpaddedleft,
.sheet-iconlabel-header.sheet-iconpaddedleft,
.sheet-iconpaddedleft {
padding-left: 3px ; /* JBF was important*/
margin-right: -3px ; /* JBF was important*/
padding-top: 0px ; /* JBF was important*/
padding-bottom: 0px ; /* JBF was important*/
vertical-align: middle;
}
.sheet-undernumber {
padding-top: 0px;
margin-top: -4px;
}
.sheet-Karma-ControlBox {
white-space: nowrap;
display: inline-block;
width: 30px;
text-align: center;
vertical-align: middle;
padding: 0;
margin: 1px;
}
/* ############################################ JBF : Icon checkboxes Management #################################### */
.charsheet input.sheet-iconcheckbox {
display:none;
}
.sheet-iconlabel-header-invert,
.sheet-iconlabel-invert,
.sheet-iconlabel-header,
.sheet-iconlabel {
display: inline-block;
padding: 1px;
height: 20px;
width: 20px;
margin: 0px;
vertical-align: middle;
border-radius: 5px;
opacity: 0.7;
border: 1px solid transparent;
background-color: var( --icon-color);
}
.sheet-iconlabel-white {
display: inline-block;
padding: 2px;
opacity: 0.5;
height: 20px;
width: 20px;
margin: 0px;
border: 1px solid transparent;
vertical-align: middle;
}
.sheet-iconlabelsmall {
display: inline-block;
vertical-align: middle;
padding: 0px;
opacity: 0.7;
width: 15px;
margin: 0px;
border: 1px solid transparent;
}
.sheet-iconlabelCC {
display: inline-block;
vertical-align: middle;
padding: 0px;
opacity: 1;
width: 20px;
margin: 0px;
border: 1px solid transparent;
background-color: var( --icon-color);
}
.sheet-iconlabelbig {
display: inline-block;
vertical-align: middle;
padding: 1px;
opacity: 1;
width: 30px;
margin: 0px;
border: 1px solid transparent;
background-color: var( --icon-color);
}
.sheet-iconstatic {
width: 20px;
text-align: center;
vertical-align: middle;
padding: 0px;
margin: 0px;
}
.sheet-iconstaticsmall {
width: 15px;
text-align: center;
vertical-align: middle;
padding: 0px;
margin: 0px;
}
.sheet-iconstaticBig {
width: 30px;
text-align: center;
vertical-align: middle;
padding: 0px;
margin: 0px;
margin-right: -5px;
}
input.sheet-iconcheckbox:not(:checked) + .sheet-iconlabel-header-invert,
input.sheet-iconcheckbox:not(:checked) + .sheet-iconlabel-invert,
input.sheet-iconcheckbox:checked + .sheet-iconlabel-header,
input.sheet-iconcheckbox:checked + .sheet-iconlabelsmall,
input.sheet-iconcheckbox:checked + .sheet-iconlabel {
opacity: 1;
border: 1px solid black;
}
input.sheet-iconcheckbox:checked + .sheet-iconlabel-white,
input.sheet-iconcheckbox:not(:checked) + .sheet-iconlabelbig {
opacity: 1;
border: 1px solid transparent;
}
input[type="checkbox"].sheet-iconcheckbox + .sheet-iconlabel-invert:hover,
input[type="checkbox"].sheet-iconcheckbox + .sheet-iconlabel-header-invert:hover,
input[type="checkbox"].sheet-iconcheckbox + .sheet-iconlabel-header:hover,
input[type="checkbox"].sheet-iconcheckbox + .sheet-iconlabelCC:hover,
input[type="checkbox"].sheet-iconcheckbox + .sheet-iconlabelbig:hover,
input[type="checkbox"].sheet-iconcheckbox + .sheet-iconlabelsmall:hover,
input[type="checkbox"].sheet-iconcheckbox + .sheet-iconlabel:hover,
input[type="radio"].sheet-iconcheckbox:not(:checked) + .sheet-iconlabel:hover {
background-color: var( --hover-color-bg );
background-position: 0 -15px;
background-position-x: 0px;
background-position-y: -15px;
-webkit-transition: background-position .1s linear;
-moz-transition: background-position .1s linear;
-ms-transition: background-position .1s linear;
-o-transition: background-position .1s linear;
transition: background-position .1s linear;
transition-property: background-position;
transition-duration: 0.1s;
transition-timing-function: linear;
transition-delay: 0s;
border : 1px solid var( --hover-color );
}
input[type="checkbox"].sheet-iconcheckbox + .sheet-iconlabel-white:hover,
input[type="radio"].sheet-iconcheckbox:not(:checked) + .sheet-iconlabel-white:hover {
border : 1px solid red;
opacity: 0.8;
}
/*JBF@JBF : logic hiding unchecked icons when the header is not hovered*/
.sheet-header-flex-container:not(:hover) .sheet-iconcheckbox:checked+.sheet-iconlabel-header-invert,
.sheet-header-flex-container:not(:hover) .sheet-iconcheckbox:not(:checked)+.sheet-iconlabel-header {
height: 0px;
/* width:0px; */
border: 1px solid transparent;
background : transparent;
/* padding: 0px; */
margin: 0px;
}
/*JBF@JBF : logic collapsing the icon container */
.sheet-iconlabel2 {
margin: 0px !important;
padding: 0px !important;
min-width: 0px !important;
flex-grow: 0; /* it cant grow anymore... We want it to collapse */
flex-shrink: 1;
}
/* ####################################### JBF : Strain icon */
/* JBF version with the drop of blood */
input[type="text"].sheet-strainicon {
background: var(--locked-color);
background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Strain.png);
background-repeat: no-repeat;
width: 2.5em;
height: 2.5em;
background-position: 0px -3px;
background-size: cover;
color: var( --header-font-color );
font-size: 11px;
font-family : initial;
}
.sheet-info {
float: right;
margin-top: -6px;
height: 30px;
font-family: "Pictos";
font-size: 24px;
}
/* ############################################ Roll Templates & colors ###################################################### */
/* For some weird Reason, the Print format must be in between the roll templates and the API buttons. DO NOT MOVE */
.sheet-rolltemplate-chatrecord {
/* background-color: LightBlue; */
}
.sheet-rolltemplate-chatrecord table,
.sheet-rolltemplate-rolltargetnumber table {
width: 100%;
border: 1px solid black;
color: black;
font-size: 1em;
font-family: "Helvetica Neue", Helvetica, sans-serif;
}
.sheet-rolltemplate-chatrecord thead,
.sheet-rolltemplate-rolltargetnumber thead {
border-bottom: 1px solid black;
line-height: 1.6em;
font-size: 1.2em;
/* font-family: Papyrus, fantasy; */
font-family: 'Aladin', "Helvetica Neue", Helvetica, sans-serif;
font-weight: normal;
}
.sheet-rolltemplate-chatrecord th {
background-color: #660066;
color: white;
padding-left: 5px;
vertical-align: middle;
}
.sheet-rolltemplate-rolltargetnumber th {
background-color: #000066;
padding-left: 5px;
vertical-align: middle;
color: white;
}
.sheet-rolltemplate-chatrecord td,
.sheet-rolltemplate-rolltargetnumber td {
padding: 5px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-chatrecord tr:nth-child(odd),
.sheet-rolltemplate-rolltargetnumber tr:nth-child(odd) {
background-color: rgba(217, 217, 214, 1);
}
.sheet-rolltemplate-chatrecord tr:nth-child(even),
.sheet-rolltemplate-rolltargetnumber tr:nth-child(even) {
background-color: rgba(233, 233, 233, 1);
}
.sheet-rolltemplate-chatrecord td:first-child,
.sheet-rolltemplate-rolltargetnumber td:first-child {
text-align: right;
font-weight: bold;
}
.sheet-rolltemplate-chatrecord a[href^="!"] {
border: 0.8px;
padding: 5px;
background-color: PaleGreen;
color: black;
}
/* These are all tries for formatting the API roll templates*/
.sheet-rolltemplate-sect{
background-color: white;
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Frame20.png);
background-size : 103% 103%;
background-position: 55% 53%;
border: solid 2px black;
padding: 13px;
border-radius: 5px;
overflow: hidden;
width: 90%;
}
.sheet-rolltemplate-body {
text-align: left;
padding-left: 5px;
padding-right: 0px;
padding-bottom: 2px;
line-height: 1.5em;
}
.sheet-rolltemplate-subheadertext {
line-height: 0.9em;
font-size: 0.9em;
font-weight: lighter;
color: black;
background: transparent;
text-align: center;
margin-top: -0.1em;
margin-bottom: 0.2em;
}
.sheet-rolltemplate-header {
font-weight: bold;
text-align: center;
color: black;
background: white;
/* font-family: Papyrus, fantasy; */
font-family: 'Aladin', Papyrus, "Helvetica Neue", Helvetica, sans-serif;
vertical-align: middle;
line-height: 1.2em;
font-size: 1.2em;
margin-bottom: 3px;
}
.sheet-rolltemplate-header::before {
content: "";
display: inline-block;
/* background: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Long-Range.png") no-repeat; */
background-size: 20px !important;
background-repeat: no-repeat;
width: 20px;
height: 20px;
margin: 0 6px 0 0;
}
.sheet-rolltemplate-button {
background-color: firebrick !important;
color: white !important;
padding: 1px 8px !important;
border: 1px solid black !important;
margin: 2px 5px !important;
min-width: auto;
border-radius: 5px;
}
.sheet-rolltemplate-icon-ask,
.sheet-rolltemplate-icon-pd,
.sheet-rolltemplate-icon-md,
.sheet-rolltemplate-icon-sd,
.sheet-rolltemplate-icon-action,
.sheet-rolltemplate-icon-attacks,
.sheet-rolltemplate-icon-attackcc,
.sheet-rolltemplate-icon-init,
.sheet-rolltemplate-icon-initrep,
.sheet-rolltemplate-icon-weave,
.sheet-rolltemplate-icon-knockdown {
color: darkgreen;
border-bottom: 4px darkgreen solid;
}
.sheet-rolltemplate-icon-effect,
.sheet-rolltemplate-icon-damage,
.sheet-rolltemplate-icon-damagecc {
color: firebrick;
border-bottom: 4px firebrick solid;
}
.sheet-rolltemplate-icon-recovery {
color: darkgoldenrod;
border-bottom: 4px darkgoldenrod solid;
}
.sheet-rolltemplate-icon-ask::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Ask.png);}
.sheet-rolltemplate-icon-pd::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/PD.png);}
.sheet-rolltemplate-icon-md::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/MD.png);}
.sheet-rolltemplate-icon-sd::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/SD.png);}
.sheet-rolltemplate-icon-action::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Action.png);}
.sheet-rolltemplate-icon-effect::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Effect.png);}
.sheet-rolltemplate-icon-attacks::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Attacks.png);}
.sheet-rolltemplate-icon-attackcc::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Attacks-cc.png);}
.sheet-rolltemplate-icon-damage::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Damage.png);}
.sheet-rolltemplate-icon-damagecc::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Damage-cc.png);}
.sheet-rolltemplate-icon-init::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Initiative.png);}
.sheet-rolltemplate-icon-initrep::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Initiative.png);}
.sheet-rolltemplate-icon-recovery::before,
.sheet-rolltemplate-icon-recoveryrep::before{ background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Recovery.png);}
.sheet-rolltemplate-icon-weave::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Weave.png);}
.sheet-rolltemplate-icon-knockdown::before { background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Earthdawn%20%28FASA%20Official%29/Images/Knockdown.png);}
/* ####################### Print Format ################# */
/* For some weird Reason, the Print format must be in between the roll templates and the API buttons. DO NOT MOVE */
@media print {
/* All your print styles go here */
/* .sheet-buffSignLeft,
.sheet-buffSignRight,
.sheet-buffLeft,
.sheet-buffRight
{ display: none !important; } */
.sheet-ShowIfPrint {
display: inline-block !important;
}
.ui-dialog {
position: static !important;
}
.sheet-redGreen[value^="-"]~ b,
.sheet-greenRed[value^="-"]~ b,
.sheet-redGreen[value="0"] ~ input,
.sheet-greenRed[value="0"] ~ input,
.sheet-redGreen[value="0"] ~ b,
.sheet-greenRed[value="0"] ~ b {
/* color: transparent !important; */
}
/*Manage the display of the different sections*/
.sheet-tabGrim~fieldset.repeating_spell+.repcontainer>.repitem .sheet-filter-box /* display everything no matter what which of the inner boxes are checked. */
{
display: block;
border: none; /*JBF*/
}
/*JBF@JBF@CD : For Skills, Knacks and Talents, in overview, everything is displayed, and in Combat, only the checked ones)*/
input.sheet-tabMain~div .sheet-section-core,
input.sheet-tabMain~div .sheet-section-talents,
input.sheet-tabMain~div .sheet-section-knacks,
input.sheet-tabMain~div .sheet-section-skills,
input.sheet-tabMain~div .sheet-section-spells,
input.sheet-tabMain~div .sheet-section-equipment,
input.sheet-tabMain~div .sheet-section-gear,
input.sheet-tabMain~div .sheet-section-notes,
input.sheet-tabMain~div .sheet-section-record,
input.sheet-tabSpell~.sheet-section-spells-talents,
input.sheet-tabSpell~.sheet-section-spells-matrices,
input.sheet-tabSpell~.sheet-section-spells-grimoire {
max-height: 999999px;
max-width: 999999px;
visibility: visible;
opacity: 1;
transition: opacity 0.5s linear 0s;
break-after: auto;
/* border-top: 2px double var(--outline-color); */
}
.sheet-tabMain~div .repcontainer .sheet-HideIfOverviewNoEdit,
.sheet-tabMain~div .sheet-HideIfOverviewNoEdit,
.sheet-tabMain~div .sheet-HideIfOverview,
.sheet-tabMain~div .sheet-HideIfNotOverview,
.sheet-tabMain~div .repcontainer .sheet-HideIfCombatNoEdit,
.sheet-tabMain~div .sheet-HideIfCombatNoEdit,
.sheet-tabMain~div .sheet-HideIfCombat,
.sheet-tabMain~div .sheet-HideIfNotCombat {
display: inline-block !important;
}
#macrobar,
#macrobar_macros,
#edit-button,
#playerzone,
.sheet-icon-link-in,
.sheet-icon-link-out,
.sheet-icon-link-in-out,
.repcontrol,
.sheet-testEdition[value="3"]~div .sheet-HideIfEdition3,
.sheet-testEdition:not([value="3"])~div .sheet-HideIfNotEdition3,
.sheet-testEdition[value="4"]~div .sheet-HideIfEdition4,
.sheet-testEdition:not([value="4"])~div .sheet-HideIfNotEdition4,
.sheet-testCloseChecked:checked+.sheet-HideIfCloseChecked,
.sheet-testCloseChecked:not(:checked)+.sheet-HideIfNotCloseChecked,
.sheet-testCloseChecked:not(:checked)+.sheet-HideIfCloseChecked+.sheet-HideIfNotCloseChecked,
.nav-tabs,
.nav,
.sheet-Creation,
.sheet-HideIfPrint,
.sheet-tabMain~div .repcontainer .sheet-HideIfOverviewNoEdit.sheet-HideIfPrint,
.sheet-tabMain~div .sheet-HideIfOverviewNoEdit.sheet-HideIfPrint,
.sheet-tabMain~div .sheet-HideIfOverview.sheet-HideIfPrint,
.sheet-tabMain~div .sheet-HideIfNotOverview.sheet-HideIfPrint,
.sheet-tabMain~div .repcontainer .sheet-HideIfCombatNoEdit.sheet-HideIfPrint,
.sheet-tabMain~div .sheet-HideIfCombatNoEdit.sheet-HideIfPrint,
.sheet-tabMain~div .sheet-HideIfCombat.sheet-HideIfPrint,
.sheet-tabMain~div .sheet-HideIfNotCombat.sheet-HideIfPrint,
.sheet-testAPI:not([value="1"])~div .sheet-api,
.sheet-testAPI:[value="1"]~div .sheet-NoAPI {
display: none !important;
}
.sheet-headerbar {
color : white !important;
background-color : var(--outline-color) !important;
/* font-family: Papyrus, fantasy; */
font-family: 'Aladin', "Helvetica Neue", Helvetica, sans-serif;
font-weight: normal;
}
.sheet-text-button-header {
color : var(--input-color) !important;
background-color : var(--outline-color) !important;
/* font-family: Papyrus, fantasy; */
font-family: 'Aladin', "Helvetica Neue", Helvetica, sans-serif;
font-weight: normal;
}
.sheet-leftpane,
.sheet-middlepane {
width:200px;
}
.sheet-flex-container {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
} /* end media print */
/* ####################### API Format ################# */
/* For some weird Reason, the Print format must be in between the roll templates and the API buttons. DO NOT MOVE */
a.sheet-chatbutton,
.textchatcontainer a[href^="!"].sheet-chatbutton,
a.textchatcontainer a.sheet-chatbutton {
padding: 0px 3px !important;
border: 1px solid black !important;
border-radius: 5px;
margin: 1px 0px !important;
min-width: auto;
white-space: nowrap;
background-color: grey;
color: white;
}
/* ########################### End ############################### */