mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
853 lines
36 KiB
CSS
853 lines
36 KiB
CSS
/* Mixins
|
|
============================= */
|
|
/* GLOBALS
|
|
============================= */
|
|
@import url("https://fonts.googleapis.com/css?family=El+Messiri:wght@500&display=swap");
|
|
* {
|
|
box-sizing: border-box;
|
|
font-family: sans-serif; }
|
|
|
|
button {
|
|
text-overflow: ellipsis;
|
|
font-family: 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;
|
|
box-shadow: 2px 2px 3px 1px #4c4c4c; }
|
|
|
|
div {
|
|
background-color: transparent;
|
|
width: 100%; }
|
|
|
|
fieldset {
|
|
background-color: transparent; }
|
|
|
|
h1 {
|
|
color: #226aae;
|
|
text-transform: capitalize;
|
|
font-family: "El Messiri", sans-serif;
|
|
padding: 1% 2%;
|
|
font-size: 1.9em; }
|
|
|
|
h2 {
|
|
font-size: 1em;
|
|
line-height: 1.4em;
|
|
text-transform: capitalize;
|
|
display: flex;
|
|
align-items: center; }
|
|
h2.sheet-label {
|
|
border-bottom: 0.15em solid black;
|
|
text-align: center;
|
|
margin-left: 3%; }
|
|
|
|
h3 {
|
|
font-size: 0.9em;
|
|
line-height: 18px;
|
|
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;
|
|
vertical-align: middle; }
|
|
|
|
select {
|
|
margin-bottom: 0px;
|
|
vertical-align: bottom;
|
|
border: 2px solid #226aae;
|
|
font-weight: bold;
|
|
text-transform: capitalize;
|
|
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: 1%; }
|
|
|
|
div.sheet-tabs div.sheet-col, div.sheet-npc div.sheet-row, 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-record div.sheet-row,
|
|
div.sheet-feast-record div.sheet-col,
|
|
div.sheet-gamemaster-characters div.sheet-row,
|
|
div.sheet-gamemaster-characters 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-flex-center {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center; }
|
|
|
|
.sheet-font-weight-bold {
|
|
font-weight: bold; }
|
|
|
|
.sheet-font-italic {
|
|
font-style: italic; }
|
|
|
|
.sheet-text-primary {
|
|
color: #226aae; }
|
|
|
|
.sheet-text-uppercase {
|
|
text-transform: uppercase; }
|
|
|
|
.sheet-text-lowercase {
|
|
text-transform: lowercase; }
|
|
|
|
.sheet-text-capitalize {
|
|
text-transform: capitalize; }
|
|
|
|
div.sheet-2column {
|
|
grid-template-columns: repeat(2, 1fr); }
|
|
|
|
div.sheet-3column {
|
|
grid-template-columns: repeat(3, 1fr); }
|
|
|
|
div.sheet-4column {
|
|
grid-template-columns: repeat(4, 1fr); }
|
|
|
|
div.sheet-5column {
|
|
grid-template-columns: repeat(5, 1fr); }
|
|
|
|
div.sheet-6column {
|
|
grid-template-columns: repeat(6, 1fr); }
|
|
|
|
div.sheet-2autocolumn {
|
|
grid-template-columns: auto 1fr; }
|
|
|
|
div.sheet-3autocolumn {
|
|
grid-template-columns: auto 1fr 10%; }
|
|
|
|
div.sheet-4autocolumn {
|
|
grid-template-columns: auto 1fr auto 1fr; }
|
|
|
|
div.sheet-col-3 {
|
|
grid-template-columns: 1fr 3.5em 10%; }
|
|
|
|
div.sheet-gold-left-border {
|
|
border-left: 0.2em solid #ffd7001f;
|
|
padding-left: 1%; }
|
|
|
|
div.sheet-gold-bottom-border {
|
|
border-bottom: 0.2em solid #ffd7001f;
|
|
padding-bottom: 2%; }
|
|
|
|
div.sheet-header {
|
|
margin-top: 2%;
|
|
border-top: 2px solid #226aae;
|
|
border-bottom: 2px solid #226aae;
|
|
text-align: center;
|
|
background-color: #ffd70066;
|
|
background-image: url("https://www.transparenttextures.com/patterns/arches.png"); }
|
|
|
|
span.sheet-display {
|
|
border-bottom: 2px dotted black;
|
|
padding-top: 3%; }
|
|
|
|
div.sheet-repeating-container button {
|
|
font-variant: none; }
|
|
|
|
.sheet-mt {
|
|
margin-top: 2%; }
|
|
|
|
/* STYLED CHECKBOXES
|
|
============================= */
|
|
label.sheet-styled-checkbox {
|
|
display: grid;
|
|
align-self: center;
|
|
justify-content: center;
|
|
grid-template-columns: 1fr; }
|
|
label.sheet-styled-checkbox input,
|
|
label.sheet-styled-checkbox span {
|
|
grid-area: 1 / 1 / 1 / 1;
|
|
height: 15px;
|
|
width: 15px;
|
|
position: relative; }
|
|
label.sheet-styled-checkbox span {
|
|
align-content: center;
|
|
border: 2px solid #226aae;
|
|
color: transparent;
|
|
display: grid;
|
|
font-size: 1em;
|
|
text-align: center; }
|
|
label.sheet-styled-checkbox input {
|
|
opacity: 0;
|
|
z-index: 2; }
|
|
label.sheet-styled-checkbox input[type="checkbox"]:checked + span {
|
|
background-color: #226aae;
|
|
color: #fff; }
|
|
|
|
/* TABS
|
|
============================= */
|
|
div.sheet-tabs {
|
|
margin-bottom: 2%;
|
|
grid-template-columns: 1fr 10%; }
|
|
div.sheet-tabs div.sheet-type,
|
|
div.sheet-tabs div.sheet-settings {
|
|
padding: 2% 1%; }
|
|
div.sheet-tabs div.sheet-type {
|
|
grid-template-columns: repeat(4, 1fr); }
|
|
div.sheet-tabs label {
|
|
display: grid; }
|
|
div.sheet-tabs input {
|
|
grid-column: 1;
|
|
height: auto;
|
|
opacity: 0;
|
|
height: 100%;
|
|
width: 80%; }
|
|
div.sheet-tabs input:hover ~ span {
|
|
transform: scale(1.1); }
|
|
div.sheet-tabs input:active ~ span {
|
|
margin-top: 2px;
|
|
margin-bottom: -2px; }
|
|
div.sheet-tabs input:checked ~ span {
|
|
background-color: #226aae;
|
|
color: whitesmoke; }
|
|
div.sheet-tabs span {
|
|
border: 2px solid #226aae;
|
|
display: inline-block;
|
|
grid-column: 1;
|
|
min-height: 20px;
|
|
width: 80%;
|
|
padding-top: 1.5%;
|
|
cursor: pointer;
|
|
box-shadow: 2px 2px 3px 1px #4c4c4c;
|
|
border-radius: 5px; }
|
|
div.sheet-tabs div.sheet-settings {
|
|
justify-self: end;
|
|
align-self: center; }
|
|
div.sheet-tabs div.sheet-settings label {
|
|
max-width: 80px;
|
|
justify-self: end; }
|
|
div.sheet-tabs div.sheet-settings span {
|
|
margin: 2%; }
|
|
|
|
input[name='attr_settings_toggle'][value='settings'] ~ div.sheet-tabs div.sheet-type {
|
|
cursor: not-allowed; }
|
|
input[name='attr_settings_toggle'][value='settings'] ~ div.sheet-tabs div.sheet-type label > span {
|
|
cursor: not-allowed;
|
|
opacity: 0.4; }
|
|
|
|
/* NPC
|
|
============================= */
|
|
input[name='attr_sheet_type'][value='npc'] ~ div.sheet-tabs {
|
|
margin-bottom: -3%;
|
|
width: 85%; }
|
|
|
|
div.sheet-npc {
|
|
width: 600px; }
|
|
div.sheet-npc input[name="attr_character_name"] {
|
|
font-size: 1.2em;
|
|
font-weight: bolder;
|
|
color: #226aae; }
|
|
div.sheet-npc div.sheet-name {
|
|
grid-template-columns: 1fr auto 3.5em;
|
|
margin-bottom: 2%; }
|
|
div.sheet-npc div.sheet-stats {
|
|
margin-left: 5%; }
|
|
div.sheet-npc div.sheet-stats div.sheet-move {
|
|
grid-template-columns: auto 2.5em 1fr; }
|
|
div.sheet-npc div.sheet-stats div.sheet-damage {
|
|
align-items: end;
|
|
grid-template-columns: 1fr 2.5em 12%; }
|
|
div.sheet-npc div.sheet-skills {
|
|
margin-top: 2%;
|
|
margin-bottom: 2%; }
|
|
div.sheet-npc div.sheet-skills div.sheet-repeating-container div.sheet-row {
|
|
grid-template-columns: 30% 4em 1fr 8%; }
|
|
div.sheet-npc div.sheet-abilities input[type='text'] {
|
|
font-style: italic; }
|
|
|
|
/* PC
|
|
============================= */
|
|
div.sheet-character {
|
|
grid-template-columns: 1.65fr 1fr 1fr; }
|
|
div.sheet-character h2 {
|
|
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 {
|
|
display: grid;
|
|
grid-row-gap: 5px; }
|
|
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 {
|
|
display: grid;
|
|
grid-row-gap: 5px; }
|
|
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-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 2.5em; }
|
|
div.sheet-character div.sheet-equipment-carried div.sheet-gear h2 {
|
|
padding-top: 10%;
|
|
margin-left: 2%; }
|
|
div.sheet-character div.sheet-attributes {
|
|
display: grid;
|
|
grid-row-gap: 5px; }
|
|
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-character div.sheet-skills,
|
|
div.sheet-character div.sheet-squire {
|
|
display: grid;
|
|
grid-row-gap: 5px; }
|
|
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 span.sheet-knight {
|
|
display: grid;
|
|
align-content: center; }
|
|
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 input[type="text"][name*="value"],
|
|
div.sheet-entourage input[type="text"][name*="mod"],
|
|
div.sheet-entourage input[type="text"][name*="age"],
|
|
div.sheet-entourage input[type="text"][name*="loyalty"],
|
|
div.sheet-entourage input[type="text"][name*="skill"],
|
|
div.sheet-entourage input[type="text"][name*="glory"],
|
|
div.sheet-entourage input[type="text"][name*="cost"],
|
|
div.sheet-entourage input[type="text"][name*="love"],
|
|
div.sheet-entourage input[type="text"][name*="children"] {
|
|
text-align: center; }
|
|
|
|
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; }
|
|
|
|
div.sheet-entourage div.sheet-mesnie-weapon {
|
|
grid-template-columns: auto 2fr auto 8% auto 8% auto; }
|
|
div.sheet-entourage div.sheet-mesnie-weapon span {
|
|
align-self: end; }
|
|
|
|
/* HOLDINGS
|
|
============================= */
|
|
div.sheet-holdings {
|
|
grid-template-columns: 1fr 55%; }
|
|
div.sheet-holdings button[type='roll'] {
|
|
text-transform: capitalize; }
|
|
div.sheet-holdings h2 {
|
|
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: repeat(4, 1fr); }
|
|
div.sheet-holdings div.sheet-family-history div.sheet-col-3 {
|
|
grid-template-columns: repeat(3, 1fr); }
|
|
div.sheet-holdings div.sheet-character-history div.sheet-gold-bottom-border {
|
|
grid-template-columns: 3fr 1fr;
|
|
text-align: left; }
|
|
div.sheet-holdings div.sheet-character-history div.sheet-events {
|
|
grid-template-columns: 5em 4fr 0.8fr 0.8fr; }
|
|
div.sheet-holdings div.sheet-character-history input[name*='glory'] {
|
|
text-align: center; }
|
|
|
|
/* GAMEMASTER FEAST RECORD
|
|
============================= */
|
|
div.sheet-feast-record,
|
|
div.sheet-gamemaster-characters {
|
|
min-height: 800px; }
|
|
|
|
div.sheet-feast-record {
|
|
grid-row-gap: 0; }
|
|
div.sheet-feast-record div.sheet-sub-header,
|
|
div.sheet-feast-record div.sheet-repeating-container div.sheet-row {
|
|
grid-template-columns: 1fr 5em 5em 60%;
|
|
grid-row-gap: 2%; }
|
|
div.sheet-feast-record div.sheet-6column {
|
|
grid-column-gap: 5%; }
|
|
div.sheet-feast-record div.sheet-6column h3 {
|
|
font-size: 1em; }
|
|
div.sheet-feast-record div.sheet-sub-header div.sheet-table {
|
|
grid-column: 1 / 4; }
|
|
div.sheet-feast-record div.sheet-sub-header:nth-of-type(even) {
|
|
background-color: #fefcea; }
|
|
|
|
div.sheet-gamemaster-characters div.sheet-sub-header,
|
|
div.sheet-gamemaster-characters div.sheet-repeating-row {
|
|
grid-template-columns: 2fr repeat(8, 1fr);
|
|
grid-row-gap: 5%; }
|
|
|
|
div.sheet-gamemaster-characters div.sheet-bottom-border,
|
|
div.sheet-gamemaster-characters div.sheet-3column,
|
|
div.sheet-gamemaster-characters div.sheet-notes {
|
|
margin-top: 2%; }
|
|
|
|
div.sheet-gamemaster-characters div.sheet-sub-header {
|
|
margin-top: 1%; }
|
|
|
|
div.sheet-gamemaster-characters div.sheet-repeating-row {
|
|
padding-bottom: 1%; }
|
|
|
|
/* MANORS
|
|
============================= */
|
|
div.sheet-treasure-record .repitem,
|
|
div.sheet-income-worksheet .repitem,
|
|
div.sheet-land-record .repitem {
|
|
margin-bottom: 2%; }
|
|
|
|
div.sheet-treasure-record h2,
|
|
div.sheet-income-worksheet h2,
|
|
div.sheet-land-record h2 {
|
|
justify-content: center; }
|
|
|
|
div.sheet-treasure-record input[type="text"],
|
|
div.sheet-income-worksheet input[type="text"],
|
|
div.sheet-land-record input[type="text"] {
|
|
text-align: center; }
|
|
|
|
div.sheet-treasure-record div.sheet-total,
|
|
div.sheet-income-worksheet div.sheet-total,
|
|
div.sheet-land-record div.sheet-total {
|
|
background-color: rgba(77, 77, 77, 0.0784314);
|
|
min-height: 25px;
|
|
width: 100%; }
|
|
|
|
div.sheet-treasure-record div.sheet-border,
|
|
div.sheet-income-worksheet div.sheet-border,
|
|
div.sheet-land-record div.sheet-border {
|
|
padding: 8px 5px; }
|
|
|
|
div.sheet-treasure-record div.sheet-sub-header,
|
|
div.sheet-treasure-record div.sheet-repeating-container div.sheet-grid {
|
|
grid-template-columns: 5em 10em 1fr 10em 5em;
|
|
grid-row-gap: 2%; }
|
|
|
|
div.sheet-income-worksheet div.sheet-sub-header,
|
|
div.sheet-income-worksheet div.sheet-repeating-container div.sheet-grid-rows {
|
|
grid-template-columns: 5em 3fr 4fr 2fr 3fr;
|
|
grid-row-gap: 2%; }
|
|
div.sheet-income-worksheet div.sheet-sub-header button[type="roll"],
|
|
div.sheet-income-worksheet div.sheet-repeating-container div.sheet-grid-rows button[type="roll"] {
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
margin-top: -8px !important; }
|
|
|
|
div.sheet-income-worksheet div.sheet-group {
|
|
border-left: 2px solid black;
|
|
padding: 0px 5px; }
|
|
|
|
div.sheet-income-worksheet div.sheet-landholding {
|
|
margin-top: 5%; }
|
|
|
|
div.sheet-income-worksheet div.sheet-expenses {
|
|
grid-template-columns: repeat(5, 1fr 1em); }
|
|
|
|
div.sheet-land-record {
|
|
grid-template-columns: 70% 30%; }
|
|
div.sheet-land-record div.sheet-headers {
|
|
grid-template-columns: 2fr 3fr; }
|
|
div.sheet-land-record div.sheet-repeating-container div.sheet-first-row {
|
|
grid-template-columns: auto 2.5em auto 1fr auto 2.5em auto 2.5em; }
|
|
div.sheet-land-record div.sheet-retinue {
|
|
min-height: 180px; }
|
|
div.sheet-land-record div.sheet-retinue div.sheet-grid {
|
|
grid-template-columns: 1fr repeat(3, 2.5em); }
|
|
|
|
/* SETTINGS
|
|
============================= */
|
|
div.sheet-settings h1 {
|
|
padding: 0px; }
|
|
|
|
div.sheet-settings select {
|
|
width: 200px; }
|
|
|
|
/* FOOTER
|
|
============================= */
|
|
div.sheet-footer {
|
|
margin-top: 5%;
|
|
font-style: italic;
|
|
font-size: 0.8em;
|
|
text-align: center;
|
|
display: block; }
|
|
div.sheet-footer img {
|
|
margin-right: 5px;
|
|
height: 25px;
|
|
width: 25px; }
|
|
|
|
/* SHOW & HIDE SHEETS
|
|
============================= */
|
|
input[name="attr_sheet_type"]:not([value="character"]) ~ div.sheet-character,
|
|
input[name="attr_settings_toggle"][value="settings"] ~ div.sheet-character, input[name="attr_sheet_type"]:not([value="holdings"]) ~ div.sheet-holdings,
|
|
input[name="attr_settings_toggle"][value="settings"] ~ div.sheet-holdings, input[name="attr_sheet_type"]:not([value="feast record"]) ~ div.sheet-feast-record,
|
|
input[name="attr_settings_toggle"][value="settings"] ~ div.sheet-feast-record, input[name="attr_sheet_type"]:not([value="gamemaster characters"]) ~ div.sheet-gamemaster-characters,
|
|
input[name="attr_settings_toggle"][value="settings"] ~ div.sheet-gamemaster-characters, input[name="attr_sheet_type"]:not([value="npc"]) ~ div.sheet-npc,
|
|
input[name="attr_settings_toggle"][value="settings"] ~ div.sheet-npc, input[name="attr_sheet_type"]:not([value="entourage"]) ~ div.sheet-entourage,
|
|
input[name="attr_settings_toggle"][value="settings"] ~ div.sheet-entourage, input[name="attr_sheet_type"]:not([value="treasure record"]) ~ div.sheet-treasure-record,
|
|
input[name="attr_settings_toggle"][value="settings"] ~ div.sheet-treasure-record, input[name="attr_sheet_type"]:not([value="income worksheet"]) ~ div.sheet-income-worksheet,
|
|
input[name="attr_settings_toggle"][value="settings"] ~ div.sheet-income-worksheet, input[name="attr_sheet_type"]:not([value="land record"]) ~ div.sheet-land-record,
|
|
input[name="attr_settings_toggle"][value="settings"] ~ div.sheet-land-record, input[name='attr_sheet_type'][value='character'] ~ div.sheet-tabs div.sheet-type label.sheet-feast, input[name='attr_sheet_type'][value='character'] ~ div.sheet-tabs div.sheet-type label.sheet-manor, input[name='attr_sheet_type'][value='holdings'] ~ div.sheet-tabs div.sheet-type label.sheet-feast, input[name='attr_sheet_type'][value='holdings'] ~ div.sheet-tabs div.sheet-type label.sheet-manor, input[name='attr_sheet_type'][value='entourage'] ~ div.sheet-tabs div.sheet-type label.sheet-feast, input[name='attr_sheet_type'][value='entourage'] ~ div.sheet-tabs div.sheet-type label.sheet-manor, input[name='attr_sheet_type'][value='feast record'] ~ div.sheet-tabs div.sheet-type label.sheet-character, input[name='attr_sheet_type'][value='feast record'] ~ div.sheet-tabs div.sheet-type label.sheet-manor, input[name='attr_sheet_type'][value='gamemaster characters'] ~ div.sheet-tabs div.sheet-type label.sheet-character, input[name='attr_sheet_type'][value='gamemaster characters'] ~ div.sheet-tabs div.sheet-type label.sheet-manor, input[name='attr_sheet_type'][value='treasure record'] ~ div.sheet-tabs div.sheet-type label.sheet-character, input[name='attr_sheet_type'][value='treasure record'] ~ div.sheet-tabs div.sheet-type label.sheet-feast, input[name='attr_sheet_type'][value='income worksheet'] ~ div.sheet-tabs div.sheet-type label.sheet-character, input[name='attr_sheet_type'][value='income worksheet'] ~ div.sheet-tabs div.sheet-type label.sheet-feast, input[name='attr_sheet_type'][value='land record'] ~ div.sheet-tabs div.sheet-type label.sheet-character, input[name='attr_sheet_type'][value='land record'] ~ div.sheet-tabs div.sheet-type label.sheet-feast, 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_settings_toggle"]:not([value="settings"]) ~ div.sheet-settings {
|
|
display: none; }
|
|
|
|
div.sheet-character, div.sheet-holdings, div.sheet-feast-record, div.sheet-gamemaster-characters, div.sheet-npc, div.sheet-entourage, div.sheet-treasure-record, div.sheet-income-worksheet, div.sheet-land-record, div.sheet-settings {
|
|
display: inline-grid; }
|
|
|
|
input[name="attr_sheet_type"][value="character"] ~ div.sheet-tabs div.sheet-type {
|
|
grid-template-columns: repeat(4, 1fr); }
|
|
|
|
input[name="attr_sheet_type"][value="holdings"] ~ div.sheet-tabs div.sheet-type {
|
|
grid-template-columns: repeat(4, 1fr); }
|
|
|
|
input[name="attr_sheet_type"][value="entourage"] ~ div.sheet-tabs div.sheet-type {
|
|
grid-template-columns: repeat(4, 1fr); }
|
|
|
|
input[name="attr_sheet_type"][value="feast record"] ~ div.sheet-tabs div.sheet-type {
|
|
grid-template-columns: repeat(3, 1fr); }
|
|
|
|
input[name="attr_sheet_type"][value="gamemaster characters"] ~ div.sheet-tabs div.sheet-type {
|
|
grid-template-columns: repeat(3, 1fr); }
|
|
|
|
input[name="attr_sheet_type"][value="treasure record"] ~ div.sheet-tabs div.sheet-type {
|
|
grid-template-columns: repeat(3, 1fr); }
|
|
|
|
input[name="attr_sheet_type"][value="income worksheet"] ~ div.sheet-tabs div.sheet-type {
|
|
grid-template-columns: repeat(3, 1fr); }
|
|
|
|
input[name="attr_sheet_type"][value="land record"] ~ div.sheet-tabs div.sheet-type {
|
|
grid-template-columns: repeat(3, 1fr); }
|
|
|
|
input[name="attr_sheet_type"][value="npc"] ~ div.sheet-tabs div.sheet-type {
|
|
visibility: hidden; }
|
|
|
|
/* 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:focus + .sheet-slider {
|
|
box-shadow: 0 0 1px black; }
|
|
|
|
input:checked + .sheet-slider:before {
|
|
-webkit-transform: translateX(26px);
|
|
-ms-transform: translateX(26px);
|
|
transform: translateX(26px); }
|
|
|
|
/* 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 {
|
|
background-color: #ffd70066;
|
|
background-image: url("https://www.transparenttextures.com/patterns/arches.png");
|
|
border-bottom: 2px solid black;
|
|
color: #226aae;
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
padding: 3% 2%;
|
|
text-align: center;
|
|
text-transform: capitalize; }
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-row {
|
|
background-color: whitesmoke; }
|
|
.sheet-rolltemplate-rolls div.sheet-template-container 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-row span.sheet-percent, .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-row span.sheet-template-desc {
|
|
color: #226aae;
|
|
font-size: 1em; }
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-damage {
|
|
background-color: #fff;
|
|
padding: 3% 2%; }
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-result-row {
|
|
grid-column: 1 / 3; }
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-roll {
|
|
display: inline-grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
width: 100%; }
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-roll div.sheet-template-col {
|
|
padding: 5%; }
|
|
.sheet-rolltemplate-rolls div.sheet-template-container 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-roll div.sheet-template-col span {
|
|
display: block; }
|
|
.sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-roll div.sheet-template-col span:last-child {
|
|
margin-top: 5%; }
|
|
|
|
.sheet-rolltemplate-rolls div.sheet-rollResult {
|
|
padding: 5px;
|
|
text-align: center;
|
|
font-size: large;
|
|
border-top: 2px solid black; }
|
|
|
|
.sheet-rolltemplate-rolls div.sheet-season {
|
|
padding-top: 2%; }
|
|
|
|
.sheet-rolltemplate-rolls span[data-i18n="rolled"],
|
|
.sheet-rolltemplate-rolls span[data-i18n="threshold"],
|
|
.sheet-rolltemplate-rolls span[data-i18n="spring"],
|
|
.sheet-rolltemplate-rolls span[data-i18n="summer"],
|
|
.sheet-rolltemplate-rolls span[data-i18n="autum"],
|
|
.sheet-rolltemplate-rolls span[data-i18n="autumn"],
|
|
.sheet-rolltemplate-rolls span[data-i18n="luck"] {
|
|
text-transform: capitalize; }
|
|
|
|
/* REPEATING SECTIONS
|
|
----------------------------- */
|
|
div.sheet-repeating-container {
|
|
margin-top: 2%; }
|
|
|
|
.itemcontrol .repcontrol_del {
|
|
background-color: darkred;
|
|
font-family: "pictos"; }
|
|
|
|
.repitem:nth-of-type(even) {
|
|
background-color: rgba(77, 77, 77, 0.0784314); }
|