mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
Greyblade
045bccacf9
Darkmode is not set for this sheet, and I got requests from some players who would like to be able to use the sheet in darkmode. This makes the roll template usable while in darkmode
811 lines
26 KiB
CSS
811 lines
26 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Viaoda+Libre|UnifrakturMaguntia&display=swap');
|
|
|
|
|
|
/* GLOBALS
|
|
============================= */
|
|
* {
|
|
box-sizing: border-box;
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
button {
|
|
text-overflow: ellipsis;
|
|
font-family: 'Viaoda-Libre', serif;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
button:before {
|
|
display: none;
|
|
}
|
|
|
|
button:focus, button:hover, button:active {
|
|
background: none;
|
|
background-color: #226aae !important;
|
|
color: #fff;
|
|
}
|
|
|
|
button[type="roll"], button[type="action"] {
|
|
background-color: whitesmoke;
|
|
border-bottom: 0.01em solid #666;
|
|
border-bottom-right-radius: 0.01em;
|
|
border-color: #b3b3b3;
|
|
border-radius: 0.25em;
|
|
border-right: 0.02em solid #333333;
|
|
border-style: outset;
|
|
margin: 0.2em !important;
|
|
padding: 0.1em !important;
|
|
}
|
|
|
|
div {
|
|
background-color: transparent;
|
|
width: 100%;
|
|
}
|
|
|
|
fieldset {
|
|
background-color: transparent;
|
|
}
|
|
|
|
h1 {
|
|
color: #cc1122;
|
|
text-transform: capitalize;
|
|
font-family: 'UnifrakturMaguntia', serif;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1em;
|
|
line-height: 1.4em;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
h2.sheet-label {
|
|
border-bottom: 0.15em solid black;
|
|
text-align: center;
|
|
margin-left: 3%;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.25em;
|
|
line-height: 36px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
input[type="text"], input[type="number"] {
|
|
background-color: transparent;
|
|
border-bottom: 0.15em solid black;
|
|
border-left: 0em;
|
|
border-radius: 0em;
|
|
border-right: 0em;
|
|
border-top: 0em;
|
|
height: 2.1em;
|
|
width: 100%;
|
|
}
|
|
|
|
input[type="text"]::placeholder, input[type="number"]::placeholder {
|
|
background-color: #fefcea;
|
|
border: 0.1em dotted #226aae;
|
|
}
|
|
|
|
input[type='number'] {
|
|
text-align: center;
|
|
width: 100% !important;
|
|
}
|
|
|
|
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
|
|
margin: 0;
|
|
}
|
|
|
|
label {
|
|
margin-bottom: 0px;
|
|
padding-right: 0px;
|
|
}
|
|
|
|
select {
|
|
margin-bottom: 0px;
|
|
vertical-align: bottom;
|
|
border: 2px solid #226aae;
|
|
font-weight: bold;
|
|
text-transform: capitalize;
|
|
margin-top: 8%;
|
|
width: 100%;
|
|
}
|
|
|
|
span {
|
|
word-break: break-word;
|
|
}
|
|
|
|
textarea {
|
|
text-align: left;
|
|
border-bottom: 0.2em dotted #fefcea;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
min-height: 50px;
|
|
line-height: 18px;
|
|
overflow: hidden;
|
|
overflow-wrap: break-word;
|
|
padding: 2px;
|
|
resize: vertical;
|
|
vertical-align: top;
|
|
overflow: scroll;
|
|
}
|
|
|
|
.charsheet {
|
|
width: 825px;
|
|
}
|
|
|
|
.charsheet div.sheet-row {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
/* GRID
|
|
============================= */
|
|
div.sheet-grid {
|
|
display: inline-grid;
|
|
grid-column-gap: 1%;
|
|
grid-row-gap: 0.5%;
|
|
}
|
|
|
|
div.sheet-tabs div.sheet-col, div.sheet-character div.sheet-row, div.sheet-character div.sheet-col, div.sheet-entourage div.sheet-col, div.sheet-entourage div.sheet-row, div.sheet-holdings div.sheet-row, div.sheet-holdings div.sheet-col, div.sheet-feast div.sheet-row, div.sheet-feast div.sheet-col {
|
|
display: inline-grid;
|
|
overflow: hidden;
|
|
grid-auto-rows: min-content;
|
|
grid-column-gap: 1%;
|
|
}
|
|
|
|
/* GENERIC CLASSES
|
|
============================= */
|
|
div.sheet-background {
|
|
background-color: rgba(77, 77, 77, 0.0784314);
|
|
}
|
|
|
|
.sheet-border {
|
|
border: 0.15em solid #4c4c4c;
|
|
}
|
|
|
|
.sheet-bottom-border {
|
|
border-bottom: 0.2em solid black;
|
|
}
|
|
|
|
.sheet-pictos {
|
|
font-family: "pictos";
|
|
}
|
|
|
|
.sheet-d20 {
|
|
font-family: "dicefontd20";
|
|
}
|
|
|
|
.sheet-text-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-text-right {
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-font-weight-bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-text-primary {
|
|
color: #226aae;
|
|
}
|
|
|
|
.sheet-text-uppercase {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-text-capitalize {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
div.sheet-2column {
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
|
|
div.sheet-3column {
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
}
|
|
|
|
div.sheet-4column {
|
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
}
|
|
|
|
div.sheet-6column {
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
|
|
}
|
|
|
|
div.sheet-2autocolumn {
|
|
grid-template-columns: auto 1fr;
|
|
}
|
|
|
|
div.sheet-3autocolumn {
|
|
grid-template-columns: auto 1fr 10%;
|
|
}
|
|
|
|
div.sheet-col-3 {
|
|
grid-template-columns: 1fr 3.5em 10%;
|
|
}
|
|
|
|
div.sheet-gold-left-border {
|
|
border-left: 0.2em solid #d6af5e;
|
|
padding-left: 1%;
|
|
}
|
|
|
|
div.sheet-gold-bottom-border {
|
|
border-bottom: 0.2em solid #d6af5e;
|
|
padding-bottom: 2%;
|
|
}
|
|
|
|
div.sheet-header, .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-header {
|
|
margin-top: 2%;
|
|
border-top: 2px solid #226aae;
|
|
border-bottom: 2px solid #226aae;
|
|
text-align: center;
|
|
background: #fefcea;
|
|
/* Old browsers */
|
|
background: -moz-linear-gradient(top, #fefcea 0%, #ede4b4 50%, #fefcea 100%);
|
|
/* FF3.6-15 */
|
|
background: -webkit-linear-gradient(top, #fefcea 0%, #ede4b4 50%, #fefcea 100%);
|
|
/* Chrome10-25,Safari5.1-6 */
|
|
background: linear-gradient(to bottom, #fefcea 0%, #ede4b4 50%, #fefcea 100%);
|
|
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#fefcea',GradientType=0 );
|
|
/* IE6-9 */
|
|
}
|
|
|
|
span.sheet-display {
|
|
border-bottom: 2px dotted black;
|
|
padding-top: 3%;
|
|
}
|
|
|
|
div.sheet-repeating-container button {
|
|
font-variant: none;
|
|
}
|
|
|
|
/* STYLED CHECKBOXES
|
|
============================= */
|
|
label.sheet-styled-checkbox input, label.sheet-styled-checkbox span {
|
|
grid-area: 1 / 1 / 1 / 1;
|
|
height: 15px;
|
|
width: 15px;
|
|
position: relative;
|
|
left: 20%;
|
|
}
|
|
|
|
label.sheet-styled-checkbox span {
|
|
border: 2px solid #226aae;
|
|
display: inline-block;
|
|
top: -20%;
|
|
color: transparent;
|
|
text-align: center;
|
|
font-size: 1em;
|
|
line-height: 90%;
|
|
}
|
|
|
|
label.sheet-styled-checkbox input {
|
|
opacity: 0;
|
|
top: 20%;
|
|
z-index: 2;
|
|
}
|
|
|
|
label.sheet-styled-checkbox input[type="checkbox"]:checked + span {
|
|
background-color: #226aae;
|
|
color: #fff;
|
|
}
|
|
|
|
/* TAB
|
|
============================= */
|
|
div.sheet-tabs {
|
|
grid-template-columns: 3fr 1fr;
|
|
}
|
|
|
|
div.sheet-tabs div.sheet-type {
|
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
}
|
|
|
|
div.sheet-tabs input {
|
|
grid-column: 1;
|
|
height: auto;
|
|
opacity: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
div.sheet-tabs input:checked ~ span {
|
|
background-color: #d6af5e;
|
|
}
|
|
|
|
div.sheet-tabs span {
|
|
border: 2px solid #226aae;
|
|
text-transform: capitalize;
|
|
display: inline-block;
|
|
grid-column: 1;
|
|
width: 80%;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* PC
|
|
============================= */
|
|
div.sheet-character {
|
|
grid-template-columns: 1.8fr 1fr 1fr;
|
|
}
|
|
|
|
div.sheet-character h2 {
|
|
padding-top: 5%;
|
|
text-overflow: ellipsis;
|
|
width: fit-content;
|
|
}
|
|
|
|
div.sheet-character h2[data-i18n="Knight's Character Sheet"] {
|
|
padding-top: 1%;
|
|
}
|
|
|
|
div.sheet-character div.sheet-personality-traits div.sheet-traits {
|
|
grid-template-columns: 2% 5% 3fr 1fr 1% 1fr 3fr 5%;
|
|
}
|
|
|
|
div.sheet-character div.sheet-personality-traits div.sheet-traits div.sheet-font-weight-bold {
|
|
padding: 100% 2%;
|
|
}
|
|
|
|
div.sheet-character div.sheet-personality-traits div.sheet-repeating-container div.sheet-row {
|
|
grid-template-columns: auto 2fr 1fr 5% 10%;
|
|
}
|
|
|
|
div.sheet-character div.sheet-passions div.sheet-row {
|
|
grid-template-columns: 1fr 45% 5%;
|
|
}
|
|
|
|
div.sheet-character div.sheet-passions div.sheet-repeating-container div.sheet-row {
|
|
grid-template-columns: 1fr 20% 5% 10%;
|
|
}
|
|
|
|
div.sheet-character div.sheet-attitudes div.sheet-row {
|
|
grid-template-columns: 1fr 45% 5%;
|
|
}
|
|
|
|
div.sheet-character div.sheet-attitudes div.sheet-repeating-container div.sheet-row {
|
|
grid-template-columns: 1fr 20% 5% 10%;
|
|
}
|
|
|
|
div.sheet-character div.sheet-equipment-carried div.sheet-armor, div.sheet-character div.sheet-equipment-carried div.sheet-clothing {
|
|
grid-template-columns: auto 1fr auto 3.5em;
|
|
}
|
|
|
|
div.sheet-character div.sheet-equipment-carried div.sheet-gear {
|
|
grid-template-columns: 5% auto 1fr auto 3em;
|
|
}
|
|
|
|
div.sheet-character div.sheet-equipment-carried div.sheet-gear h2 {
|
|
padding-top: 10%;
|
|
margin-left: 2%;
|
|
}
|
|
|
|
div.sheet-character div.sheet-attributes div.sheet-size {
|
|
grid-template-columns: auto 1fr auto;
|
|
}
|
|
|
|
div.sheet-character div.sheet-attributes div.sheet-constitution {
|
|
grid-template-columns: auto 1fr 2fr auto;
|
|
}
|
|
|
|
div.sheet-character div.sheet-attributes div.sheet-damage {
|
|
grid-template-columns: auto 1fr auto;
|
|
}
|
|
|
|
div.sheet-character div.sheet-distinctive-features textarea {
|
|
height: 80px;
|
|
}
|
|
|
|
div.sheet-character div.sheet-distinctive-features div.sheet-repeating-container div.sheet-row {
|
|
grid-template-columns: 1fr 5% 10%;
|
|
}
|
|
|
|
div.sheet-character div.sheet-skills div.sheet-read, div.sheet-character div.sheet-skills div.sheet-play, div.sheet-character div.sheet-skills div.sheet-religion {
|
|
grid-template-columns: auto 2fr 1fr 10%;
|
|
}
|
|
|
|
div.sheet-character div.sheet-combat-skills div.sheet-repeating-container div.sheet-row,
|
|
div.sheet-character div.sheet-skills div.sheet-repeating-container div.sheet-row,
|
|
div.sheet-character div.sheet-squire div.sheet-repeating-container div.sheet-row {
|
|
grid-template-columns: 3fr 1fr 10% 15%;
|
|
}
|
|
|
|
div.sheet-character div.sheet-knight-details textarea {
|
|
min-height: 80px;
|
|
height: 80px;
|
|
}
|
|
|
|
div.sheet-character div.sheet-current-hit-points textarea {
|
|
height: 60%;
|
|
}
|
|
|
|
div.sheet-character div.sheet-current-hit-points input[name='attr_current_hit_points'] {
|
|
border: 2px solid gold;
|
|
min-height: 30px;
|
|
}
|
|
|
|
div.sheet-character div.sheet-current-hit-points div.sheet-chirurgery-needed {
|
|
grid-template-columns: 10% 1fr;
|
|
grid-column-gap: 2%;
|
|
}
|
|
|
|
div.sheet-character div.sheet-horse div.sheet-other-horse {
|
|
grid-template-columns: auto 2fr auto 1fr;
|
|
}
|
|
|
|
div.sheet-character div.sheet-horse div.sheet-repeating-container div.sheet-row {
|
|
grid-template-columns: 3fr auto 1fr;
|
|
}
|
|
|
|
/* ENTOURAGE
|
|
============================= */
|
|
div.sheet-entourage div.sheet-col-2 {
|
|
grid-template-columns: 2fr 1fr;
|
|
}
|
|
|
|
div.sheet-entourage div.sheet-knight div.sheet-2column {
|
|
grid-template-columns: 1.5fr 1fr;
|
|
}
|
|
|
|
div.sheet-entourage div.sheet-damage {
|
|
grid-template-columns: auto 1fr 1.2em;
|
|
}
|
|
|
|
div.sheet-entourage .repitem {
|
|
padding: 2% 1%;
|
|
}
|
|
|
|
div.sheet-entourage div.sheet-wife div.sheet-2column {
|
|
grid-template-columns: 2fr 1fr;
|
|
}
|
|
|
|
/* HOLDINGS
|
|
============================= */
|
|
div.sheet-holdings {
|
|
grid-template-columns: 1fr 55%;
|
|
}
|
|
|
|
div.sheet-holdings button[type='roll'] {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
div.sheet-holdings h2 {
|
|
padding-top: 5%;
|
|
text-overflow: ellipsis;
|
|
width: fit-content;
|
|
}
|
|
|
|
div.sheet-holdings div.sheet-annual-glory h2[data-i18n='total'] {
|
|
font-style: italic;
|
|
}
|
|
|
|
div.sheet-holdings div.sheet-family-history textarea {
|
|
margin-top: 1%;
|
|
}
|
|
|
|
div.sheet-holdings div.sheet-family-history div.sheet-col-4 {
|
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
}
|
|
|
|
div.sheet-holdings div.sheet-family-history div.sheet-col-3 {
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
}
|
|
|
|
div.sheet-holdings div.sheet-character-history div.sheet-gold-bottom-border {
|
|
grid-template-columns: 3fr 1fr;
|
|
}
|
|
|
|
div.sheet-holdings div.sheet-character-history div.sheet-events {
|
|
grid-template-columns: 5em 4fr 0.8fr 0.8fr;
|
|
}
|
|
|
|
/* GAMEMASTER FEAST RECORD
|
|
============================= */
|
|
div.sheet-feast {
|
|
min-height: 800px;
|
|
}
|
|
|
|
div.sheet-feast div.sheet-record {
|
|
grid-row-gap: 2%;
|
|
}
|
|
|
|
div.sheet-feast div.sheet-record div.sheet-sub-header,
|
|
div.sheet-feast div.sheet-record div.sheet-repeating-container div.sheet-row {
|
|
grid-template-columns: 1fr 5em 5em 60%;
|
|
}
|
|
|
|
div.sheet-feast div.sheet-record div.sheet-6column {
|
|
grid-column-gap: 5%;
|
|
}
|
|
|
|
div.sheet-feast div.sheet-record div.sheet-6column h3 {
|
|
font-size: 1em;
|
|
}
|
|
|
|
div.sheet-feast div.sheet-record div.sheet-sub-header div.sheet-table {
|
|
grid-column: 1 / 4;
|
|
}
|
|
|
|
div.sheet-feast div.sheet-record div.sheet-sub-header:nth-of-type(even) {
|
|
background-color: #fefcea;
|
|
}
|
|
|
|
div.sheet-feast div.sheet-characters div.sheet-sub-header,
|
|
div.sheet-feast div.sheet-characters div.sheet-repeating-row {
|
|
grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
|
|
grid-row-gap: 5%;
|
|
}
|
|
|
|
div.sheet-feast div.sheet-characters div.sheet-bottom-border,
|
|
div.sheet-feast div.sheet-characters div.sheet-3column,
|
|
div.sheet-feast div.sheet-characters div.sheet-notes {
|
|
margin-top: 2%;
|
|
}
|
|
|
|
div.sheet-feast div.sheet-characters div.sheet-sub-header {
|
|
margin-top: 1%;
|
|
}
|
|
|
|
div.sheet-feast div.sheet-characters div.sheet-repeating-row {
|
|
padding-bottom: 1%;
|
|
}
|
|
|
|
/* FOOTER
|
|
============================= */
|
|
div.sheet-footer {
|
|
margin-top: 5%;
|
|
font-style: italic;
|
|
font-size: 0.8em;
|
|
text-align: center;
|
|
}
|
|
|
|
/* SHOW & HIDE SHEETS
|
|
============================= */
|
|
input[name='attr_sheet_type']:not([value='character']) ~ div.sheet-character, input[name='attr_sheet_type']:not([value='holdings']) ~ div.sheet-holdings, input[name='attr_sheet_type']:not([value='feast']) ~ div.sheet-feast, input[name='attr_sheet_type']:not([value='npc']) ~ div.sheet-npc, input[name='attr_sheet_type']:not([value='entourage']) ~ div.sheet-entourage, input[name='attr_sheet_type']:not([value='feast']) ~ div.sheet-tabs select[name='attr_feast_type'],
|
|
input[name='attr_sheet_type'][value='feast'] ~ div.sheet-tabs select[name='attr_character_type'], input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-row .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-personal-data div.sheet-row .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-personality-traits .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-personality-traits div.sheet-row .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-equipment-carried .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-skills .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-squire .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-combat-skills .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-horse div.sheet-row .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheeet-family-history div.sheet-row,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-character div.sheet-col div.sheet-col .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-row .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-personal-data div.sheet-row .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-personality-traits .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-personality-traits div.sheet-row .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-equipment-carried .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-skills .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-squire .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-combat-skills .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-horse div.sheet-row .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheeet-family-history div.sheet-row,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-holdings div.sheet-col div.sheet-col .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-row .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-personal-data div.sheet-row .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-personality-traits .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-personality-traits div.sheet-row .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-equipment-carried .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-skills .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-squire .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-combat-skills .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-horse div.sheet-row .sheet-knight,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheeet-family-history div.sheet-row,
|
|
input[name='attr_character_type']:not([value="knight"]) ~ div.sheet-entourage div.sheet-row div.sheet-col .sheet-knight, input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-row .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-personal-data div.sheet-row .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-personality-traits .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-personality-traits div.sheet-row .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-equipment-carried .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-skills .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-squire .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-combat-skills .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-horse div.sheet-row .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheeet-family-history div.sheet-row,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-character div.sheet-col div.sheet-col .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-row .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-personal-data div.sheet-row .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-personality-traits .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-personality-traits div.sheet-row .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-equipment-carried .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-skills .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-squire .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-combat-skills .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-horse div.sheet-row .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheeet-family-history div.sheet-row,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-holdings div.sheet-col div.sheet-col .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-row .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-personal-data div.sheet-row .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-personality-traits .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-personality-traits div.sheet-row .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-equipment-carried .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-skills .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-squire .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-combat-skills .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-horse div.sheet-row .sheet-woman,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheeet-family-history div.sheet-row,
|
|
input[name='attr_character_type']:not([value="woman"]) ~ div.sheet-entourage div.sheet-row div.sheet-col .sheet-woman, input[name='attr_feast_type']:not([value="record"]) ~ div.sheet-feast div.sheet-record, input[name='attr_feast_type']:not([value="characters"]) ~ div.sheet-feast div.sheet-characters {
|
|
display: none;
|
|
}
|
|
|
|
div.sheet-character, div.sheet-holdings, div.sheet-feast, div.sheet-npc, div.sheet-entourage {
|
|
display: inline-grid;
|
|
}
|
|
|
|
/* SWITCH
|
|
============================= */
|
|
.sheet-switch {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 50px;
|
|
height: 24px;
|
|
/* Hide default HTML checkbox */
|
|
}
|
|
|
|
.sheet-switch input {
|
|
opacity: 0;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
/* The slider */
|
|
.sheet-slider {
|
|
-webkit-transition: .4s;
|
|
background-color: #ccc;
|
|
border-radius: 34px;
|
|
bottom: 0;
|
|
cursor: pointer;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
transition: .4s;
|
|
}
|
|
|
|
.sheet-slider:before {
|
|
-webkit-transition: .4s;
|
|
background-color: white;
|
|
border-radius: 50%;
|
|
bottom: 4px;
|
|
content: "";
|
|
height: 16px;
|
|
left: 4px;
|
|
position: absolute;
|
|
transition: .4s;
|
|
width: 16px;
|
|
}
|
|
|
|
input:checked + .sheet-slider {
|
|
background-color: black;
|
|
}
|
|
|
|
input:checked + .sheet-slider:before {
|
|
-webkit-transform: translateX(26px);
|
|
-ms-transform: translateX(26px);
|
|
transform: translateX(26px);
|
|
}
|
|
|
|
input:focus + .sheet-slider {
|
|
box-shadow: 0 0 1px black;
|
|
}
|
|
|
|
/* ROLL TEMPLATE STYLE
|
|
----------------------------- */
|
|
.sheet-rolltemplate-rolls div.sheet-template-container {
|
|
border: 2px solid black;
|
|
border-radius: 0.3em;
|
|
box-shadow: inset 0px 0px 3px 1px #226aae;
|
|
text-align: center;
|
|
font-family: 'fantasy';
|
|
/* DICE ROLL STYLES
|
|
----------------------------- */
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.importantroll {
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult.fullcrit {
|
|
color: #226aae;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls div.sheet-template-container .inlinerollresult {
|
|
background-color: transparent;
|
|
border: none;
|
|
font-size: 2em;
|
|
padding: unset;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-header {
|
|
color: #226aae;
|
|
font-size: 1.5em;
|
|
border-bottom: 2px solid black;
|
|
padding: 3% 2%;
|
|
text-transform: capitalize;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body {
|
|
background-color: whitesmoke;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body {
|
|
color: whitesmoke;
|
|
background-color: #000;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row:nth-child(2n+0) {
|
|
background-color: #fefcea;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row:nth-child(2n+0) {
|
|
color: #fefcea;
|
|
background-color: #000;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-inlinerollresult {
|
|
color: #226aae;
|
|
font-size: 2em;
|
|
font-weight: bold;
|
|
cursor: help;
|
|
padding: 0 3px 0 3px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-percent, .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-row span.sheet-template-desc {
|
|
color: #226aae;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-damage {
|
|
background-color: #fff;
|
|
padding: 3% 2%;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-damage {
|
|
color: #fff;
|
|
background-color: #000;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-roll {
|
|
display: inline-grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-roll div.sheet-template-col {
|
|
padding: 5%;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-roll div.sheet-template-col:nth-of-type(2) {
|
|
border-left: 2px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-roll div.sheet-template-col span {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-roll div.sheet-template-col span:last-child {
|
|
margin-top: 5%;
|
|
}
|
|
|
|
/* REPEATING SECTIONS
|
|
----------------------------- */
|
|
.itemcontrol .repcontrol_del {
|
|
background-color: darkred;
|
|
font-family: "pictos";
|
|
}
|
|
|
|
.repitem:nth-of-type(even) {
|
|
background-color: rgba(77, 77, 77, 0.0784314);
|
|
}
|