mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
1319 lines
37 KiB
CSS
1319 lines
37 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Righteous|Cinzel&display=swap');
|
|
|
|
/*Configure the tab buttons*/
|
|
.sheet-character,
|
|
.sheet-equipment,
|
|
.sheet-skills,
|
|
.sheet-spells,
|
|
.sheet-notes {
|
|
display: none;
|
|
}
|
|
|
|
/* show the selected tab */
|
|
.sheet-tabstoggle[value="character"] ~ div.sheet-character,
|
|
.sheet-tabstoggle[value="equipment"] ~ div.sheet-equipment,
|
|
.sheet-tabstoggle[value="skills"] ~ div.sheet-skills,
|
|
.sheet-tabstoggle[value="spells"] ~ div.sheet-spells,
|
|
.sheet-tabstoggle[value="notes"] ~ div.sheet-notes {
|
|
display:grid;
|
|
background-image: url(https://github.com/Roll20/roll20-character-sheets/blob/master/Midnight-FFG/images/bordertop.png?raw=true), url(https://github.com/Roll20/roll20-character-sheets/blob/master/Midnight-FFG/images/borderbottom.png?raw=true), url(https://github.com/Roll20/roll20-character-sheets/blob/master/Midnight-FFG/images/bordersides.png?raw=true);
|
|
background-repeat: no-repeat;
|
|
background-position: top, bottom, center;
|
|
background-size: 800px 52px, 800px 35px, 800px 100%;
|
|
grid-gap: 6px;
|
|
padding-top: 60px;
|
|
padding-right: 50px;
|
|
padding-bottom: 35px;
|
|
padding-left: 50px;
|
|
}
|
|
|
|
.sheet-pc-weapon1-show:not(:checked)~.sheet-pc-weapon1 {display:none;}
|
|
.sheet-pc-weapon2-show:not(:checked)~.sheet-pc-weapon2 {display:none;}
|
|
.sheet-pc-weapon3-show:not(:checked)~.sheet-pc-weapon3 {display:none;}
|
|
.sheet-pc-weapon4-show:not(:checked)~.sheet-pc-weapon4 {display:none;}
|
|
.sheet-pc-weapon5-show:not(:checked)~.sheet-pc-weapon5 {display:none;}
|
|
.sheet-pc-equipment-show:not(:checked)~.sheet-pc-equipment {display:none;}
|
|
.sheet-pc-acequipment-show:not(:checked)~.sheet-pc-acequipment {display:none;}
|
|
.sheet-pc-acother-show:not(:checked)~.sheet-pc-acother {display:none;}
|
|
.sheet-pc-singleuseequipment-show:not(:checked)~.sheet-pc-singleuseequipment {display:none;}
|
|
.sheet-pc-magicequipment-show:not(:checked)~.sheet-pc-magicequipment {display:none;}
|
|
.sheet-pc-stdequipment-show:not(:checked)~.sheet-pc-stdequipment {display:none;}
|
|
.sheet-pc-otherequipment-show:not(:checked)~.sheet-pc-otherequipment {display:none;}
|
|
.sheet-pc-encumbrance-show:not(:checked)~.sheet-pc-encumbrance {display:none;}
|
|
.sheet-pc-weapons-show:not(:checked)~.sheet-pc-weapons {display:none;}
|
|
.sheet-pc-notes-show:not(:checked)~.sheet-pc-notes {display:none;}
|
|
.sheet-notesa-show:not(:checked)~.sheet-notesa {display:none;}
|
|
.sheet-notesb-show:not(:checked)~.sheet-notesb {display:none;}
|
|
.sheet-pc-spells0-show:not(:checked)~.sheet-pc-spells0 {display:none;}
|
|
.sheet-pc-spells1-show:not(:checked)~.sheet-pc-spells1 {display:none;}
|
|
.sheet-pc-spells2-show:not(:checked)~.sheet-pc-spells2 {display:none;}
|
|
.sheet-pc-spells3-show:not(:checked)~.sheet-pc-spells3 {display:none;}
|
|
.sheet-pc-spells4-show:not(:checked)~.sheet-pc-spells4 {display:none;}
|
|
.sheet-pc-spells5-show:not(:checked)~.sheet-pc-spells5 {display:none;}
|
|
.sheet-pc-spells6-show:not(:checked)~.sheet-pc-spells6 {display:none;}
|
|
.sheet-pc-spells7-show:not(:checked)~.sheet-pc-spells7 {display:none;}
|
|
.sheet-pc-spells8-show:not(:checked)~.sheet-pc-spells8 {display:none;}
|
|
.sheet-pc-spells9-show:not(:checked)~.sheet-pc-spells9 {display:none;}
|
|
|
|
.sheet-character.sheet-display{
|
|
width: 700px;
|
|
grid-template-columns: 1fr 1fr 0.4fr 1fr 1fr;
|
|
grid-template-rows: 100px 70px 30px 40px 175px 140px 50px auto auto;
|
|
grid-template-areas:
|
|
"info info info logo logo"
|
|
"info2 info2 info2 info2 info2"
|
|
"info2 info2 info2 info2 info2"
|
|
"stats stats hp hp hp"
|
|
"stats stats init init init"
|
|
"saves saves saves bab bab"
|
|
"acsum acsum acsum acsum acsum"
|
|
"feats feats feats feats hero"
|
|
"abil abil abil abil hero";
|
|
}
|
|
|
|
.sheet-equipment.sheet-display{
|
|
width: 700px;
|
|
grid-template-columns:1fr 0.3fr 1fr;
|
|
grid-template-rows:auto;
|
|
grid-template-areas:
|
|
"weapon weapon weapon"
|
|
"armor armor armor"
|
|
"encum worn worn"
|
|
"wealth worn worn"
|
|
"consum consum consum"
|
|
"items items items";
|
|
}
|
|
|
|
.sheet-subequip.sheet-display{
|
|
width: 700px;
|
|
grid-template-columns:1fr 0.3fr 1fr;
|
|
grid-template-rows:auto;
|
|
grid-template-areas:
|
|
"encum worn worn"
|
|
"wealth worn worn";
|
|
}
|
|
|
|
.sheet-skills.sheet-display{
|
|
width: 700px;
|
|
grid-template-columns:1.3fr 1fr;
|
|
grid-template-rows:auto;
|
|
grid-template-areas:
|
|
"skill skill"
|
|
"languages profs";
|
|
}
|
|
|
|
.sheet-spells.sheet-display{
|
|
width: 700px;
|
|
grid-template-columns:100%;
|
|
grid-template-rows:auto;
|
|
grid-template-areas:
|
|
"spellinfo"
|
|
"cantrips"
|
|
"first"
|
|
"second"
|
|
"third"
|
|
"fourth"
|
|
"fifth"
|
|
"sixth"
|
|
"seventh"
|
|
"eighth"
|
|
"ninth";
|
|
}
|
|
|
|
.sheet-notes.sheet-display{
|
|
width: 700px;
|
|
grid-template-columns:1fr 1fr;
|
|
grid-template-rows:auto;
|
|
grid-template-areas:
|
|
"contacts factions"
|
|
"notesection notesection";
|
|
}
|
|
|
|
.sheet-span-2{
|
|
grid-row-end:span 3;
|
|
}
|
|
.sheet-span-3{
|
|
grid-row-end:span 6;
|
|
}
|
|
|
|
|
|
/* --------- Text ------------- */
|
|
|
|
span.sheet-bold{
|
|
font-weight: 800;
|
|
font-size: medium;
|
|
font-family: 'Righteous';
|
|
color: white;
|
|
background-color: black;
|
|
padding: 5px;
|
|
}
|
|
|
|
label {
|
|
margin: 5px 0px 5px 0px;
|
|
font-size: 0.7em;
|
|
font-family: 'Cinzel';
|
|
text-align: center;
|
|
}
|
|
|
|
label {
|
|
margin: 5px 0px 5px 0px;
|
|
font-size: 0.7em;
|
|
font-family: 'Cinzel';
|
|
text-align: center;
|
|
}
|
|
|
|
/* --- Sections --- */
|
|
.sheet-spellinfo{
|
|
grid-area: spellinfo;
|
|
}
|
|
|
|
.sheet-cantrips{
|
|
grid-area: cantrips;
|
|
}
|
|
|
|
.sheet-first{
|
|
grid-area: first;
|
|
}
|
|
|
|
.sheet-second{
|
|
grid-area: second;
|
|
}
|
|
|
|
.sheet-third{
|
|
grid-area: third;
|
|
}
|
|
|
|
.sheet-fourth{
|
|
grid-area: fourth;
|
|
}
|
|
|
|
.sheet-fifth{
|
|
grid-area: fifth;
|
|
}
|
|
|
|
.sheet-sixth{
|
|
grid-area: sixth;
|
|
}
|
|
|
|
.sheet-seventh{
|
|
grid-area: seventh;
|
|
}
|
|
|
|
.sheet-eighth{
|
|
grid-area: eighth;
|
|
}
|
|
|
|
.sheet-ninth{
|
|
grid-area: ninth;
|
|
}
|
|
|
|
.sheet-factions{
|
|
grid-area: factions;
|
|
}
|
|
|
|
.sheet-contacts{
|
|
grid-area: contacts;
|
|
}
|
|
|
|
.sheet-notesection{
|
|
grid-area: notesection;
|
|
}
|
|
|
|
.sheet-skill{
|
|
grid-area: skill;
|
|
}
|
|
|
|
.sheet-profs{
|
|
grid-area: profs;
|
|
}
|
|
|
|
.sheet-languages{
|
|
grid-area: languages;
|
|
}
|
|
|
|
.sheet-consum{
|
|
grid-area: consum;
|
|
}
|
|
|
|
.sheet-worn{
|
|
grid-area: worn;
|
|
}
|
|
|
|
.sheet-weapon{
|
|
grid-area: weapon;
|
|
}
|
|
|
|
.sheet-armor{
|
|
grid-area: armor;
|
|
}
|
|
|
|
.sheet-encum{
|
|
grid-area: encum;
|
|
}
|
|
|
|
.sheet-wealth{
|
|
grid-area: wealth;
|
|
}
|
|
|
|
.sheet-items{
|
|
grid-area: items;
|
|
}
|
|
|
|
.sheet-info{
|
|
grid-area: info;
|
|
}
|
|
|
|
.sheet-info2{
|
|
grid-area: info2;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.sheet-logo{
|
|
grid-area: logo;
|
|
}
|
|
|
|
.sheet-hp{
|
|
grid-area: hp;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.sheet-init{
|
|
grid-area: init;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.sheet-stats{
|
|
grid-area: stats;
|
|
}
|
|
|
|
.sheet-saves{
|
|
grid-area: saves;
|
|
}
|
|
|
|
.sheet-acsum{
|
|
grid-area: acsum;
|
|
}
|
|
|
|
.sheet-bab{
|
|
grid-area: bab;
|
|
}
|
|
|
|
.sheet-feats{
|
|
grid-area: feats;
|
|
}
|
|
|
|
.sheet-abil{
|
|
grid-area: abil;
|
|
}
|
|
|
|
.sheet-hero{
|
|
grid-area: hero;
|
|
margin-left: -20px;
|
|
}
|
|
|
|
|
|
/* --------- Inputs ------------- */
|
|
|
|
input[type="text"] {
|
|
background-color: transparent;
|
|
border-style: none none solid none;
|
|
border-color: black;
|
|
}
|
|
|
|
input[type="number"] {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
textarea {
|
|
background-color: transparent;
|
|
width: 89%;
|
|
height: 70%;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-checkbox {
|
|
border-style: solid black;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
textarea:focus,
|
|
input[type="text"]:focus,
|
|
input[type="number"]:focus{
|
|
background-color: #F6CED8;
|
|
}
|
|
|
|
/* --- faux table ---*/
|
|
.divTable{
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
.divTableRow {
|
|
display: table-row;
|
|
}
|
|
.divTableCell {
|
|
display: table-cell;
|
|
}
|
|
.divTableBody {
|
|
display: table-row-group;
|
|
}
|
|
|
|
/* --- 3.5e imported css --- */
|
|
|
|
.sheet-table-name {
|
|
display: table-caption;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
color: white;
|
|
background-color: black;
|
|
width: 100%;
|
|
font-size: medium;
|
|
font-family: 'Righteous';
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-table-header {
|
|
display: table-cell;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
vertical-align: bottom;
|
|
font-family: 'Cinzel';
|
|
}
|
|
|
|
.sheet-table-header-left {
|
|
display: table-cell;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-table-header2-left {
|
|
display: table-cell;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
font-size: 0.7em;
|
|
}
|
|
|
|
.sheet-table-header-right {
|
|
display: table-cell;
|
|
text-align: right;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-table-header2 {
|
|
display: table-cell;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 0.7em;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.sheet-table-header3 {
|
|
display: table-cell;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 0.7em;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-table-encumbrance {
|
|
display: table-cell;
|
|
font-size: 0.65em;
|
|
width: 100px;
|
|
}
|
|
|
|
.sheet-table-load {
|
|
display: table-cell;
|
|
font-size: 0.65em;
|
|
width: 95px;
|
|
}
|
|
|
|
.sheet-table-left {
|
|
display: table-cell;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-table-right {
|
|
display: table-cell;
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-table-center {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.sheet-table-data-left {
|
|
display: table-cell;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-table-data-right {
|
|
display: table-cell;
|
|
text-align: right;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-table-data-center {
|
|
display: table-cell;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-table-data-center-sm {
|
|
display: table-cell;
|
|
text-align: center;
|
|
font-size: 0.7em;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-table-data-center-skills {
|
|
display: table-cell;
|
|
width: 28px;
|
|
}
|
|
|
|
.sheet-table-data-center-skills-rep {
|
|
display: table-cell;
|
|
width: 31px;
|
|
}
|
|
|
|
.sheet-table-col {
|
|
display: table-col;
|
|
vertical-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-table-row {
|
|
display: table-row;
|
|
vertical-align: top;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-table-row-name {
|
|
display: table-cell;
|
|
text-align: center;
|
|
color: white;
|
|
background-color: black;
|
|
font-weight: bold;
|
|
font-size: medium;
|
|
font-family: 'Righteous';
|
|
}
|
|
|
|
.sheet-table-row-nameb {
|
|
display: table-cell;
|
|
text-align: center;
|
|
color: white;
|
|
background-color: black;
|
|
font-weight: bold;
|
|
font-size: small;
|
|
font-family: 'Cinzel';
|
|
}
|
|
|
|
.sheet-table-row-small {
|
|
display: table-cell;
|
|
width: 40px;
|
|
}
|
|
|
|
.charsheet input {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
border-color: black;
|
|
border-width: 0px 0px 2px 0px;
|
|
}
|
|
|
|
.charsheet input.sheet-inputbox {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
border-color: black;
|
|
border-width: 1px 1px 1px 1px;
|
|
}
|
|
|
|
.charsheet input.sheet-inputboxdis {
|
|
background-color: lightgrey;
|
|
border-style: solid;
|
|
border-color: black;
|
|
border-width: 1px 1px 1px 1px;
|
|
}
|
|
|
|
.even {
|
|
border: 1px solid black;
|
|
background-color: #AAA;
|
|
}
|
|
|
|
.odd {
|
|
border: 1px solid black;
|
|
background-color: #DDD;
|
|
}
|
|
|
|
fieldset {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet {
|
|
background-color: white;
|
|
background-image: none;
|
|
}
|
|
|
|
.charsheet table th {
|
|
font-size: 0.8em;
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet table td.sheet-statlabel-big-gray {
|
|
background-color: gray;
|
|
color: white;
|
|
font-size: 0.9em;
|
|
text-align: center;
|
|
font-family: 'Righteous';
|
|
}
|
|
|
|
.charsheet table td.sheet-statlabel-big {
|
|
border: 1px solid white;
|
|
background-color: black;
|
|
color: white;
|
|
font-size: 0.9em;
|
|
text-align: center;
|
|
font-family: 'Righteous';
|
|
}
|
|
.charsheet table td.sheet-statlabel {
|
|
border: 1px solid white;
|
|
background-color: black;
|
|
color: white;
|
|
font-size: 0.7em;
|
|
text-align: center;
|
|
font-family: 'Righteous';
|
|
}
|
|
.charsheet table td {
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
select.sheet-dtype {
|
|
width: 60px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-input-noborder {
|
|
background-color: transparent;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
border-width: 0px 0px 0px 0px;
|
|
}
|
|
|
|
.sheet-statlabel-encumbrance {
|
|
border: 1px solid white;
|
|
background-color: black;
|
|
color: white;
|
|
font-size: 0.65em;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-statlabel-weapons {
|
|
display: table-cell;
|
|
border: 1px solid white;
|
|
background-color: black;
|
|
color: white;
|
|
font-size: 0.7em;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.sheet-table-name {
|
|
display: table-caption;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
color: white;
|
|
background-color: black;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-table-header {
|
|
display: table-cell;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.sheet-table-header-left {
|
|
display: table-cell;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-table-header2-left {
|
|
display: table-cell;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
font-size: 0.7em;
|
|
}
|
|
|
|
.sheet-table-header-right {
|
|
display: table-cell;
|
|
text-align: right;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-table-header2 {
|
|
display: table-cell;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 0.7em;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.sheet-table-header3 {
|
|
display: table-cell;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 0.7em;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-table-encumbrance {
|
|
display: table-cell;
|
|
font-size: 0.65em;
|
|
width: 100px;
|
|
}
|
|
|
|
.sheet-table-load {
|
|
display: table-cell;
|
|
font-size: 0.65em;
|
|
width: 95px;
|
|
}
|
|
|
|
.sheet-table-left {
|
|
display: table-cell;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-table-right {
|
|
display: table-cell;
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-table-center {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.sheet-table-data-left {
|
|
display: table-cell;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-table-data-right {
|
|
display: table-cell;
|
|
text-align: right;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-table-data-center {
|
|
display: table-cell;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-table-data-center-sm {
|
|
display: table-cell;
|
|
text-align: center;
|
|
font-size: 0.7em;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-table-data-center-skills {
|
|
display: table-cell;
|
|
width: 28px;
|
|
}
|
|
|
|
.sheet-table-data-center-skills-rep {
|
|
display: table-cell;
|
|
width: 31px;
|
|
}
|
|
|
|
.sheet-table-col {
|
|
display: table-col;
|
|
vertical-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-table-row {
|
|
display: table-row;
|
|
vertical-align: top;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-table-row-name {
|
|
display: table-cell;
|
|
text-align: center;
|
|
color: white;
|
|
background-color: black;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-table-row-small {
|
|
display: table-cell;
|
|
width: 40px;
|
|
}
|
|
|
|
textarea { height: auto; }
|
|
|
|
input, select {
|
|
width:100%;
|
|
}
|
|
|
|
/* Take out the spinner arrows on number inputs. */
|
|
input[type=number] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
input[type=number]::-webkit-outer-spin-button,
|
|
input[type=number]::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
/* -----------------------Skinned checkbox for Arrow toggles (►/▼)----------------------- */
|
|
/* Hide actual checkbox */
|
|
input.sheet-arrow[type="checkbox"]{
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake checkbox */
|
|
input.sheet-arrow[type="checkbox"] + span::before{
|
|
margin-right: 4px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
content: "►";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
}
|
|
input.sheet-arrow[type="checkbox"]:checked + span::before { content: "▼"; }
|
|
|
|
/* -----------------------Skinned checkbox for Y/N toggles----------------------- */
|
|
/* Hide actual checkbox */
|
|
input.sheet-yesno[type="checkbox"]{
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake checkbox */
|
|
input.sheet-yesno[type="checkbox"] + span::before{
|
|
margin-right: 4px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
|
|
content: "N";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
}
|
|
input.sheet-yesno[type="checkbox"]:checked + span::before { content: "Y"; }
|
|
|
|
/* ----------------------- Roll Templates ----------------------- */
|
|
/* Attacks */
|
|
.sheet-rolltemplate-MidnightAttack table>thead>tr>th,
|
|
.sheet-rolltemplate-MidnightAttack table>tbody>tr>th,
|
|
.sheet-rolltemplate-MidnightAttack table>tfoot>tr>th,
|
|
.sheet-rolltemplate-MidnightAttack table>thead>tr>td,
|
|
.sheet-rolltemplate-MidnightAttack table>tbody>tr>td,
|
|
.sheet-rolltemplate-MidnightAttack table>tfoot>tr>td {
|
|
padding: 0px;
|
|
border: none;
|
|
}
|
|
/* -----------------------Attacks----------------------- */
|
|
.sheet-rolltemplate-MidnightAttack table {
|
|
width: 100%;
|
|
padding: 2px;
|
|
border: 1px solid;
|
|
margin: 0;
|
|
background-color: #ffffff; /* white background */
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack th { /* Header for the attack template */
|
|
color: rgb(126, 45, 64); /* reddish color */
|
|
padding-left: 5px;
|
|
line-height: 1.6em; /* a little extra vertical spacing of the lines in the header to help the name/title stand out. */
|
|
font-size: 1.2em; /* the name is slightly larger than the rest */
|
|
text-align: left;
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-header-attack { /* Header for pcflag and npcflag */
|
|
color: rgb(126, 45, 64); /* reddish color */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-header-initiative { /* Header for initflag */
|
|
color: rgb(204, 153, 51); /* golden color */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-header-spell{ /* Header for spellflag */
|
|
color: rgb(45, 64, 126); /* blue */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-header-ability { /* Header for abilityflag */
|
|
color: rgb(204, 115, 51); /* orangy brown color */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-header-save { /* Header for saveflag */
|
|
color: rgb(153, 77, 153); /* purple */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-header-skill { /* Header for skillflag */
|
|
color: rgb(64, 126, 45); /* green */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-header-skillcat{ /* Header for skillcatflag */
|
|
color: rgb(45, 126, 107); /* teal color */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-header-basic{ /* The header for basicflag */
|
|
background-color: gray;
|
|
color: white;
|
|
text-align: center;
|
|
/*color: rgba(112,32,130,1);*/
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-subheader { /* black text and italics for subtags and subtags2 */
|
|
color: #000; /* black */
|
|
font-size: 1em; /* Make sure the subtags are normal-sized instead of large. */
|
|
font-style: italic;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-arrow-right { /* the divider for pcflag; a right pointing isoscelese triangle */
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 180px solid rgb(126, 45, 64); /* reddish color */
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-arrow-left { /* the divider for npcflag; a left pointing isoscelese triangle */
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-right: 180px solid rgb(126, 45, 64); /* reddish color */
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-arrow-spell { /* the divider for spellflag; basically two isoscelese triangles (one pointing up, the other down) joined at their points. */
|
|
border-top: 3px solid rgb(45, 64, 126); /* blue */
|
|
border-bottom: 3px solid rgb(45, 64, 126); /* blue */
|
|
border-left: 90px solid transparent;
|
|
border-right: 90px solid transparent;
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-arrow-ability { /* the divider for abilityflag; a rectangle missing a downward pointing isoscelese triangle */
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid rgb(204, 115, 51); /* orangy brown color */
|
|
border-left: 90px solid rgb(204, 115, 51); /* orangy brown color */
|
|
border-right: 90px solid rgb(204, 115, 51); /* orangy brown color */
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-arrow-save { /* thick solid line, 3px thick */
|
|
border-top: 3px solid rgb(153, 77, 153); /* purple */
|
|
border-bottom: 3px solid rgb(153, 77, 153); /* purple */
|
|
border-left: 90px solid rgb(153, 77, 153); /* purple */
|
|
border-right: 90px solid rgb(153, 77, 153); /* purple */
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-arrow-skill { /* 2 short isoscelese triangles, one pointing right and the other left */
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 90px solid rgb(64, 126, 45); /* green */
|
|
border-right: 90px solid rgb(64, 126, 45); /* green */
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-arrow-skillcat { /* upwards pointing isoscelese triangle */
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid rgb(45, 126, 107); /* teal color */
|
|
border-left: 90px solid transparent;
|
|
border-right: 90px solid transparent;
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-arrow-initiative { /* thin solid line, 1px thick */
|
|
border-top: 1px solid rgb(204, 153, 51); /* golden color */
|
|
border-bottom: 1px solid rgb(204, 153, 51); /* golden color */
|
|
border-left: 90px solid rgb(204, 153, 51); /* golden color */
|
|
border-right: 90px solid rgb(204, 153, 51); /* golden color */
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-solid-full { /* thick solid line (reddish), 3px thick---Not used in html coding */
|
|
border-top: 3px solid rgb(126, 45, 64); /* reddish color */
|
|
border-bottom: 3px solid rgb(126, 45, 64); /* reddish color */
|
|
border-left: 180px solid rgb(126, 45, 64); /* reddish color */
|
|
border-right: 0px solid rgb(126, 45, 64); /* reddish color */
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-tcat { /* italics */
|
|
font-style: italic;
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-dcolor { /* color for the damage/crit damage area; ie the wording/rolls in {{damage1= something}} or {{critdmg1=something}}. only found in the attack template */
|
|
color: rgb(193, 80, 107); /* paler reddish color*/
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack td {
|
|
padding-left: 5px;
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .sheet-tr-repeating:nth-child(even){
|
|
background-color: #eee; /* pale grey color for background of alternating rows */
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .inlinerollresult { /* inline roll background is transparent and it has no border */
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .inlinerollresult.fullcrit {
|
|
color: #3FB315; /* strong green for crit results for the inline roll */
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .inlinerollresult.fullfail {
|
|
color: #B31515; /* strong red for fumble results for the inline roll */
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-MidnightAttack .inlinerollresult.importantroll {
|
|
color: #4A57ED; /* blue for mixed fumble/crit results for the inline roll */
|
|
border: none;
|
|
}
|
|
|
|
/* -----------------------std roll checks----------------------- */
|
|
.sheet-rolltemplate-MidnightStdRoll table>thead>tr>th,
|
|
.sheet-rolltemplate-MidnightStdRoll table>tbody>tr>th,
|
|
.sheet-rolltemplate-MidnightStdRoll table>tfoot>tr>th,
|
|
.sheet-rolltemplate-MidnightStdRoll table>thead>tr>td,
|
|
.sheet-rolltemplate-MidnightStdRoll table>tbody>tr>td,
|
|
.sheet-rolltemplate-MidnightStdRoll table>tfoot>tr>td {
|
|
padding: 0px;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-MidnightStdRoll table {
|
|
width: 100%;
|
|
padding: 2px;
|
|
border: 1px solid;
|
|
margin: 0;
|
|
background-color: #ffffff; /* white background */
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll th {
|
|
/*color: rgb(45, 126, 107); */ /* teal color */
|
|
padding-left: 5px;
|
|
line-height: 1.6em; /* a little extra vertical spacing of the lines in the header to help the name/title stand out. */
|
|
font-size: 1.2em; /* the name is slightly larger than the rest */
|
|
text-align: left;
|
|
/*text-align: center;*/
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .sheet-header-attack { /* Header for pcflag and npcflag */
|
|
color: rgb(126, 45, 64); /* reddish color */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .sheet-header-initiative { /* Header for initflag */
|
|
color: rgb(204, 153, 51); /* golden color */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .sheet-header-spell{ /* Header for spellflag */
|
|
color: rgb(45, 64, 126); /* blue */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .sheet-header-ability { /* Header for abilityflag */
|
|
color: rgb(204, 115, 51); /* orangy brown color */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .sheet-header-save { /* Header for saveflag */
|
|
color: rgb(153, 77, 153); /* purple */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .sheet-header-skill { /* Header for skillflag */
|
|
color: rgb(64, 126, 45); /* green */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .sheet-header-skillcat{ /* Header for skillcatflag */
|
|
color: rgb(45, 126, 107); /* teal color */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .sheet-header-basic{ /* The header for basicflag */
|
|
background-color: gray;
|
|
color: white;
|
|
text-align: center;
|
|
/*color: rgba(112,32,130,1);*/
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .sheet-subheader { /* black text and italics for subtags and subtags2 */
|
|
color: #000; /* black */
|
|
font-size: 1em; /* Make sure the subtags are normal-sized instead of large. */
|
|
font-style: italic;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .sheet-arrow-right { /* the divider for pcflag; a right pointing isoscelese triangle */
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 180px solid rgb(126, 45, 64); /* reddish color */
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .sheet-arrow-left { /* the divider for npcflag; a left pointing isoscelese triangle */
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-right: 180px solid rgb(126, 45, 64); /* reddish color */
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .sheet-arrow-spell { /* the divider for spellflag; basically two isoscelese triangles (one pointing up, the other down) joined at their points. */
|
|
border-top: 3px solid rgb(45, 64, 126); /* blue */
|
|
border-bottom: 3px solid rgb(45, 64, 126); /* blue */
|
|
border-left: 90px solid transparent;
|
|
border-right: 90px solid transparent;
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .sheet-arrow-ability { /* the divider for abilityflag; a rectangle missing a downward pointing isoscelese triangle */
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid rgb(204, 115, 51); /* orangy brown color */
|
|
border-left: 90px solid rgb(204, 115, 51); /* orangy brown color */
|
|
border-right: 90px solid rgb(204, 115, 51); /* orangy brown color */
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .sheet-arrow-save { /* thick solid line, 3px thick */
|
|
border-top: 3px solid rgb(153, 77, 153); /* purple */
|
|
border-bottom: 3px solid rgb(153, 77, 153); /* purple */
|
|
border-left: 90px solid rgb(153, 77, 153); /* purple */
|
|
border-right: 90px solid rgb(153, 77, 153); /* purple */
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .sheet-arrow-skill { /* 2 short isoscelese triangles, one pointing right and the other left */
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 90px solid rgb(64, 126, 45); /* green */
|
|
border-right: 90px solid rgb(64, 126, 45); /* green */
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .sheet-arrow-skillcat { /* upwards pointing isoscelese triangle */
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid rgb(45, 126, 107); /* teal color */
|
|
border-left: 90px solid transparent;
|
|
border-right: 90px solid transparent;
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .sheet-arrow-initiative { /* thin solid line, 1px thick */
|
|
border-top: 1px solid rgb(204, 153, 51); /* golden color */
|
|
border-bottom: 1px solid rgb(204, 153, 51); /* golden color */
|
|
border-left: 90px solid rgb(204, 153, 51); /* golden color */
|
|
border-right: 90px solid rgb(204, 153, 51); /* golden color */
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .sheet-tcat { /* italics */
|
|
font-style: italic;
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll td {
|
|
padding-left: 5px;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .sheet-tr-repeating:nth-child(even){
|
|
background-color:#eee; /* pale grey color for background of alternating rows */
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .inlinerollresult { /* inline roll background is transparent and it has no border */
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .inlinerollresult.fullcrit {
|
|
color: #3FB315; /* strong green for crit results for the inline roll */
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .inlinerollresult.fullfail {
|
|
color: #B31515; /* strong red for fumble results for the inline roll */
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-MidnightStdRoll .inlinerollresult.importantroll {
|
|
color: #4A57ED; /* blue for mixed fumble/crit results for the inline roll */
|
|
border: none;
|
|
}
|
|
|
|
/* -----------------------initiative checks----------------------- */
|
|
.sheet-rolltemplate-MidnightInitiative table>thead>tr>th,
|
|
.sheet-rolltemplate-MidnightInitiative table>tbody>tr>th,
|
|
.sheet-rolltemplate-MidnightInitiative table>tfoot>tr>th,
|
|
.sheet-rolltemplate-MidnightInitiative table>thead>tr>td,
|
|
.sheet-rolltemplate-MidnightInitiative table>tbody>tr>td,
|
|
.sheet-rolltemplate-MidnightInitiative table>tfoot>tr>td {
|
|
padding: 0px;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-MidnightInitiative table {
|
|
width: 100%;
|
|
padding: 2px;
|
|
border: 1px solid;
|
|
margin: 0;
|
|
background-color: #ffffff; /* white background */
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative th {
|
|
color: rgb(204, 153, 51); /* golden color */
|
|
padding-left: 5px;
|
|
/*line-height: 1.6em; */ /* a little extra vertical spacing of the lines in the header to help the name/title stand out. */
|
|
font-size: 1.2em; /* the name is slightly larger than the rest */
|
|
text-align: left;
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .sheet-header-attack { /* Header for pcflag and npcflag */
|
|
color: rgb(126, 45, 64); /* reddish color */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .sheet-header-initiative { /* Header for initflag */
|
|
color: rgb(204, 153, 51); /* golden color */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .sheet-header-spell{ /* Header for spellflag */
|
|
color: rgb(45, 64, 126); /* blue */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .sheet-header-ability { /* Header for abilityflag */
|
|
color: rgb(204, 115, 51); /* orangy brown color */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .sheet-header-save { /* Header for saveflag */
|
|
color: rgb(153, 77, 153); /* purple */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .sheet-header-skill { /* Header for skillflag */
|
|
color: rgb(64, 126, 45); /* green */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .sheet-header-skillcat{ /* Header for skillcatflag */
|
|
color: rgb(45, 126, 107); /* teal color */
|
|
font-family: "Arial", Helvetica, sans-serif;
|
|
font-variant: small-caps;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .sheet-header-basic{ /* The header for basicflag */
|
|
background-color: gray;
|
|
color: white;
|
|
text-align: center;
|
|
/*color: rgba(112,32,130,1);*/
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .sheet-subheader { /* black text and italics for subtags and subtags2 */
|
|
color: #000; /* black */
|
|
font-size: 1em; /* Make sure the subtags are normal-sized instead of large. */
|
|
font-style: italic;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .sheet-arrow-right { /* the divider for pcflag; a right pointing isoscelese triangle */
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 180px solid rgb(126, 45, 64); /* reddish color */
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .sheet-arrow-left { /* the divider for npcflag; a left pointing isoscelese triangle */
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-right: 180px solid rgb(126, 45, 64); /* reddish color */
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .sheet-arrow-spell { /* the divider for spellflag; basically two isoscelese triangles (one pointing up, the other down) joined at their points. */
|
|
border-top: 3px solid rgb(45, 64, 126); /* blue */
|
|
border-bottom: 3px solid rgb(45, 64, 126); /* blue */
|
|
border-left: 90px solid transparent;
|
|
border-right: 90px solid transparent;
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .sheet-arrow-ability { /* the divider for abilityflag; a rectangle missing a downward pointing isoscelese triangle */
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid rgb(204, 115, 51); /* orangy brown color */
|
|
border-left: 90px solid rgb(204, 115, 51); /* orangy brown color */
|
|
border-right: 90px solid rgb(204, 115, 51); /* orangy brown color */
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .sheet-arrow-save { /* thick solid line, 3px thick */
|
|
border-top: 3px solid rgb(153, 77, 153); /* purple */
|
|
border-bottom: 3px solid rgb(153, 77, 153); /* purple */
|
|
border-left: 90px solid rgb(153, 77, 153); /* purple */
|
|
border-right: 90px solid rgb(153, 77, 153); /* purple */
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .sheet-arrow-skill { /* 2 short isoscelese triangles, one pointing right and the other left */
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid transparent;
|
|
border-left: 90px solid rgb(64, 126, 45); /* green */
|
|
border-right: 90px solid rgb(64, 126, 45); /* green */
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .sheet-arrow-skillcat { /* upwards pointing isoscelese triangle */
|
|
border-top: 3px solid transparent;
|
|
border-bottom: 3px solid rgb(45, 126, 107); /* teal color */
|
|
border-left: 90px solid transparent;
|
|
border-right: 90px solid transparent;
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .sheet-arrow-initiative { /* thin solid line, 1px thick */
|
|
border-top: 1px solid rgb(204, 153, 51); /* golden color */
|
|
border-bottom: 1px solid rgb(204, 153, 51); /* golden color */
|
|
border-left: 90px solid rgb(204, 153, 51); /* golden color */
|
|
border-right: 90px solid rgb(204, 153, 51); /* golden color */
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .sheet-tcat { /* italics */
|
|
font-style: italic;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative td {
|
|
padding-left: 5px;
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .inlinerollresult { /* inline roll background is transparent and it has no border */
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .inlinerollresult.fullcrit {
|
|
color: #3FB315; /* strong green for crit results for the inline roll */
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .inlinerollresult.fullfail {
|
|
color: #B31515; /* strong red for fumble results for the inline roll */
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-MidnightInitiative .inlinerollresult.importantroll {
|
|
color: #4A57ED; /* blue for mixed fumble/crit results for the inline roll */
|
|
border: none;
|
|
}
|
|
|
|
.sheet-pseudo-checkbox{
|
|
display:grid;
|
|
grid-template-rows:1fr;
|
|
grid-template-columns:1fr;
|
|
grid-template-areas:"value";
|
|
width:15px;
|
|
height:15px;
|
|
}
|
|
.sheet-pseudo-checkbox > .sheet-value{
|
|
grid-area:value;
|
|
}
|
|
.sheet-pseudo-checkbox > .sheet-null.sheet-value{
|
|
z-index:10;
|
|
opacity: 0;
|
|
}
|
|
.sheet-pseudo-checkbox > .sheet-null.sheet-value:checked{
|
|
z-index:-10;
|
|
}
|
|
/*add styling of your pseudo checkbox as needed for the desired look*/
|