mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
idispatch75
ac0a20ced0
For those who play without assets or do not want that much info in the same page.
3311 lines
88 KiB
CSS
3311 lines
88 KiB
CSS
|
|
@import url('https://fonts.googleapis.com/css?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900|Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700|Roboto&display=swap');
|
|
.charsheet {
|
|
width: 842px !important;
|
|
margin: 0 auto !important;
|
|
padding: 15px;
|
|
font-family: 'Montserrat', Arial, sans-serif;
|
|
font-weight: normal;
|
|
/* Fake radio/checkbox */
|
|
/* Remove dot from all radios _after_ selected one */
|
|
}
|
|
.charsheet input[type=text] {
|
|
font-weight: 600;
|
|
}
|
|
.charsheet input[type=text]:focus {
|
|
outline: 3px solid #fd0;
|
|
outline-offset: 0;
|
|
box-shadow: inset 0 0 0 3px;
|
|
}
|
|
.charsheet select {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
text-indent: 1px;
|
|
text-overflow: '';
|
|
}
|
|
.charsheet select::-ms-expand {
|
|
display: none;
|
|
}
|
|
.charsheet li {
|
|
font-weight: normal;
|
|
font-size: 14.3px;
|
|
}
|
|
.charsheet p {
|
|
font-family: 'Crimson Text', Arial, sans-serif;
|
|
font-size: 14.3px;
|
|
line-height: 1.25;
|
|
font-weight: normal;
|
|
margin: 0;
|
|
}
|
|
.charsheet h1 {
|
|
font-weight: bold;
|
|
width: 100%;
|
|
font-size: 28px;
|
|
text-align: center;
|
|
margin: 0 0 0px;
|
|
padding: 10;
|
|
text-transform: uppercase;
|
|
}
|
|
.charsheet h2 {
|
|
font-weight: bold;
|
|
width: 100%;
|
|
font-size: 18px;
|
|
text-align: left;
|
|
margin: 0 0 0px;
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
.charsheet h3 {
|
|
font-weight: bold;
|
|
width: 100%;
|
|
line-height: 1.4em;
|
|
font-size: 1.2em;
|
|
text-align: center;
|
|
margin: 0 0 0px;
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
.charsheet h3.divide::after,
|
|
.charsheet h3.divide::before {
|
|
display: inline-block;
|
|
content: "";
|
|
height: 5px;
|
|
border-top: 2px solid #4c4d4f;
|
|
top: 0;
|
|
width: 220px;
|
|
}
|
|
.charsheet h3.site-divide::after,
|
|
.charsheet h3.site-divide::before {
|
|
display: inline-block;
|
|
content: "";
|
|
height: 5px;
|
|
border-top: 2px solid #4c4d4f;
|
|
top: 0;
|
|
width: 331px;
|
|
}
|
|
.charsheet h3.site-denizens-divide::after,
|
|
.charsheet h3.site-denizens-divide::before {
|
|
display: inline-block;
|
|
content: "";
|
|
height: 5px;
|
|
border-top: 2px solid #4c4d4f;
|
|
top: 0;
|
|
width: 336px;
|
|
}
|
|
.charsheet h3.site-divide-notes::after,
|
|
.charsheet h3.site-divide-notes::before {
|
|
display: inline-block;
|
|
content: "";
|
|
height: 5px;
|
|
border-top: 2px solid #4c4d4f;
|
|
top: 0;
|
|
width: 352px;
|
|
}
|
|
.charsheet .divide {
|
|
margin-top: 1em;
|
|
}
|
|
.charsheet h4 {
|
|
font-weight: bold;
|
|
width: 100%;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
margin: 0 0 0px;
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
.charsheet h4.tab-title {
|
|
display: inline-block;
|
|
}
|
|
.charsheet h5 {
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
text-align: left;
|
|
margin: 0 0 0px;
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
.charsheet h6 {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
margin-top: 2px;
|
|
}
|
|
.charsheet button[type="roll"] {
|
|
align-items: left;
|
|
color: #4c4d4f !important;
|
|
font-weight: normal;
|
|
font-size: 20px;
|
|
text-decoration: none;
|
|
background: none;
|
|
background-image: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
text-align: center;
|
|
}
|
|
.charsheet button[type="roll"]:hover {
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .heading-left {
|
|
text-align: left;
|
|
}
|
|
.charsheet hr {
|
|
border: 0;
|
|
height: 1px;
|
|
background: #ccc;
|
|
background-image: linear-gradient(to right, #ccc, #333, #ccc);
|
|
}
|
|
.charsheet textarea {
|
|
font-family: 'Crimson Text', Arial, sans-serif;
|
|
max-width: 828px;
|
|
border: 2px solid #4c4d4f;
|
|
font-weight: normal;
|
|
}
|
|
.charsheet .btn {
|
|
display: inline;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
padding: 0;
|
|
margin: 0.5em;
|
|
height: 40px;
|
|
padding: 0.2em 0.2em 0.2em 0.2em;
|
|
border: 2px solid #494a4c;
|
|
border-radius: 0;
|
|
cursor: pointer;
|
|
}
|
|
.charsheet .common-btn {
|
|
display: flex;
|
|
width: fit-content;
|
|
font-size: 14px;
|
|
padding: 0;
|
|
border: 2px solid #494a4c;
|
|
cursor: pointer;
|
|
width: -moz-fit-content;
|
|
color: #4c4d4f !important;
|
|
}
|
|
.charsheet .common-btn:hover {
|
|
background: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .btn-content {
|
|
padding: 0.2em 0.2em 0.2em 0.2em;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.charsheet .btn-input:checked ~ .btn-content {
|
|
background: #4c4d4f;
|
|
color: #fff;
|
|
}
|
|
.charsheet button.btn.repcontrol_edit,
|
|
.charsheet button.btn.repcontrol_add {
|
|
width: auto;
|
|
height: auto;
|
|
border: 2px solid #4c4d4f;
|
|
border-radius: 0;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
text-shadow: none;
|
|
text-transform: uppercase;
|
|
padding: 0.2em;
|
|
margin: 0.3em;
|
|
color: #4c4d4f !important;
|
|
font-family: 'Montserrat', Arial, sans-serif;
|
|
background: #dfe0e2;
|
|
}
|
|
.charsheet button.btn.repcontrol_edit:hover,
|
|
.charsheet button.btn.repcontrol_add:hover {
|
|
background: #bcbec2;
|
|
}
|
|
.charsheet button.btn.repcontrol_edit:focus,
|
|
.charsheet button.btn.repcontrol_add:focus {
|
|
outline: 3px solid #fd0;
|
|
outline-offset: 0;
|
|
box-shadow: inset 0 0 0 1px;
|
|
}
|
|
.charsheet button.btn.repcontrol_edit {
|
|
margin-right: 3px;
|
|
}
|
|
.charsheet button.btn.repcontrol_add {
|
|
margin-left: 3px;
|
|
}
|
|
.charsheet .debilities {
|
|
margin-bottom: 0px;
|
|
}
|
|
.charsheet .debility {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
}
|
|
.charsheet .flex-container {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
}
|
|
.charsheet .flex-wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 10px;
|
|
font-weight: normal;
|
|
padding: 0.5em;
|
|
}
|
|
.charsheet .track-box-input {
|
|
width: 80px;
|
|
height: 45px !important;
|
|
opacity: 0;
|
|
vertical-align: top;
|
|
}
|
|
.charsheet .track-box-back {
|
|
width: 80px;
|
|
height: 45px;
|
|
margin-top: -45px;
|
|
}
|
|
.charsheet .resources-box-input {
|
|
width: 80px;
|
|
height: 40px !important;
|
|
opacity: 0;
|
|
vertical-align: top;
|
|
}
|
|
.charsheet .resources-box-back {
|
|
width: 80px;
|
|
height: 40px;
|
|
margin-top: -40px;
|
|
}
|
|
.charsheet .track-box-input:hover ~ .track-box-back,
|
|
.charsheet .resources-box-input:hover ~ .resources-box-back {
|
|
background: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .track-box-input:checked ~ .track-box-back,
|
|
.charsheet .resources-box-input:checked ~ .resources-box-back {
|
|
background: #4c4d4f;
|
|
color: #fff;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .track-box-value {
|
|
padding: 0px;
|
|
font-weight: bold;
|
|
height: 35px;
|
|
padding-top: 10px;
|
|
font-size: 18px;
|
|
color: inherit;
|
|
}
|
|
.charsheet .resources-box-value {
|
|
padding: 0px;
|
|
font-weight: bold;
|
|
height: 35px;
|
|
padding-top: 10px;
|
|
font-size: 18px;
|
|
color: inherit;
|
|
}
|
|
.charsheet .resources-title-box {
|
|
width: 80px;
|
|
height: 40px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 0%;
|
|
background: transparent;
|
|
border: 2px solid #4c4d4f;
|
|
margin-top: 20px;
|
|
margin-bottom: 2px;
|
|
}
|
|
.charsheet .resources-box {
|
|
width: 80px;
|
|
height: 40px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 0%;
|
|
background: transparent;
|
|
border: 2px solid #4c4d4f;
|
|
margin-bottom: 2px;
|
|
}
|
|
.charsheet .pc-name {
|
|
width: 100%;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
border: 2px solid #4c4d4f;
|
|
background: #e6e7e8;
|
|
color: #4c4d4f !important;
|
|
border-radius: 0;
|
|
}
|
|
.charsheet .debil-desc {
|
|
width: 100%;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
.charsheet .border {
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
}
|
|
.charsheet textarea.full-width {
|
|
width: 95%;
|
|
resize: vertical;
|
|
}
|
|
.charsheet input.filler[type="radio"],
|
|
.charsheet input[type="checkbox"].checkbox {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
.charsheet input[type="radio"] + span::before,
|
|
.charsheet input[type="checkbox"].checkbox + span::before {
|
|
margin-right: 4px;
|
|
border: solid 1px #a8a8a8;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
-moz-box-shadow: 0 0 2px #ccc;
|
|
-webkit-box-shadow: 0 0 2px #ccc;
|
|
box-shadow: 0 0 2px #ccc;
|
|
background: #f6f6f6;
|
|
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
|
|
background: radial-gradient(#f6f6f6, #dfdfdf);
|
|
}
|
|
.charsheet input[type="checkbox"].checkbox + span::before,
|
|
.charsheet input.filler[type="radio"] + span::before {
|
|
content: "";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
.charsheet input[type="checkbox"].checkbox:checked + span::before {
|
|
content: "■";
|
|
}
|
|
.charsheet input.zeroxp[type="radio"] + span::before {
|
|
content: "0" !important;
|
|
}
|
|
.charsheet input.filler[type="radio"] + span::before {
|
|
content: "■";
|
|
}
|
|
.charsheet input.filler[type="radio"]:checked ~ input.filler[type="radio"] + span::before {
|
|
content: "";
|
|
}
|
|
.charsheet span.showhide:checked {
|
|
background-color: #4c4d4f;
|
|
color: #fff;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet span.showhide {
|
|
display: inline;
|
|
border: 1px solid #ccc;
|
|
margin-right: 11px;
|
|
border-radius: 4px;
|
|
padding: 2px 4px;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
.charsheet span.showhide:hover {
|
|
cursor: pointer;
|
|
border-radius: 4px;
|
|
padding: 2px 4px;
|
|
background-color: #ccc;
|
|
color: #4c4d4f !important;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet div.showhide {
|
|
visibility: hidden;
|
|
transition: opacity 1s ease-out;
|
|
opacity: 0;
|
|
height: 0;
|
|
overflow: hidden;
|
|
}
|
|
.charsheet .hide-element {
|
|
display: none;
|
|
}
|
|
.charsheet input[type='checkbox'].hide-element {
|
|
display: none;
|
|
}
|
|
.charsheet input[type='radio'].hide-element {
|
|
display: none;
|
|
}
|
|
.charsheet div.hide-element {
|
|
display: none;
|
|
}
|
|
.charsheet div.preview-roll {
|
|
padding: 0em;
|
|
}
|
|
.charsheet input.show-hide:checked ~ div.show-hide {
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.2s ease;
|
|
}
|
|
.charsheet span.preview-roll {
|
|
width: 30%;
|
|
margin-left: 1em;
|
|
}
|
|
.charsheet .button-container {
|
|
width: 2.5em;
|
|
border: 2px solid #4c4d4f;
|
|
}
|
|
.charsheet .button-container-preview {
|
|
width: 2.4em;
|
|
text-align: center;
|
|
}
|
|
.charsheet .no-border {
|
|
border: 0;
|
|
}
|
|
.charsheet .requirement-area {
|
|
height: auto;
|
|
margin-bottom: 5px;
|
|
}
|
|
.charsheet input.border-bottom {
|
|
border-bottom: 1px solid #4c4d4f;
|
|
border-radius: 0em;
|
|
}
|
|
.charsheet .full-width {
|
|
width: 100%;
|
|
margin-top: 0.3em;
|
|
}
|
|
.charsheet .changelog {
|
|
border: 2px solid #4c4d4f;
|
|
margin-bottom: 1em;
|
|
padding: 1em;
|
|
}
|
|
.charsheet .center {
|
|
text-align: center;
|
|
}
|
|
.charsheet .close-changelog {
|
|
border: 2px solid #4c4d4f;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
margin: 0.5em 0 0 0;
|
|
text-align: center;
|
|
}
|
|
.charsheet .close-changelog:hover {
|
|
background: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet input.changelog:checked + div.changelog,
|
|
.charsheet input.changelog-entry:checked + div.changelog-entry {
|
|
display: none;
|
|
}
|
|
.charsheet .modes {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
}
|
|
.charsheet h2.mode-title {
|
|
text-align: center;
|
|
}
|
|
.charsheet div.mode-title {
|
|
margin-bottom: 2em;
|
|
}
|
|
.charsheet label.mode {
|
|
text-align: center;
|
|
}
|
|
.charsheet label.mode {
|
|
margin: 0.5em;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
box-shadow: 1px 1px 19px 6px rgba(0,0,0,0.15);
|
|
opacity: 1;
|
|
z-index: 5;
|
|
width: auto;
|
|
}
|
|
.charsheet label.mode:hover h4 {
|
|
color: #797979 !important;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet label.mode:hover .mode-image {
|
|
opacity: 0.7;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet label.mode h4 {
|
|
margin-bottom: 0.5em;
|
|
margin-top: 0.5em;
|
|
}
|
|
.charsheet input[type=radio].character-mode:checked ~ div.character-mode,
|
|
.charsheet input[type=radio].shared-mode:checked ~ div.shared-mode {
|
|
display: block;
|
|
}
|
|
.charsheet input[type=checkbox].modes-show:checked ~ div.modes-show {
|
|
display: block;
|
|
}
|
|
.charsheet div.mode {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: fit-content;
|
|
width: -moz-fit-content;
|
|
margin: 0;
|
|
}
|
|
.charsheet .mode-image {
|
|
display: flex;
|
|
}
|
|
.charsheet input[type=radio].bonds:checked ~ div.bonds,
|
|
.charsheet input[type=radio].summary:checked ~ div.summary,
|
|
.charsheet input[type=radio].vows:checked ~ div.vows,
|
|
.charsheet input[type=radio].assets:checked ~ div.assets,
|
|
.charsheet input[type=radio].moves:checked ~ div.moves,
|
|
.charsheet input[type=radio].progress-page:checked ~ div.progress-page,
|
|
.charsheet input[type=radio].oracles:checked ~ div.oracles,
|
|
.charsheet input[type=radio].settings:checked ~ div.settings,
|
|
.charsheet input[type=radio].sites:checked ~ div.sites {
|
|
display: block;
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.2s ease;
|
|
}
|
|
.charsheet .sub-header {
|
|
margin-top: 1em;
|
|
border-bottom: 3px solid #4c4d4f;
|
|
}
|
|
.charsheet .resources {
|
|
display: flex;
|
|
height: 2em;
|
|
justify-content: space-between;
|
|
}
|
|
.charsheet .resource {
|
|
display: flex;
|
|
border: 2px solid #4c4d4f;
|
|
border-left: 1px solid;
|
|
}
|
|
.charsheet label.health-reset {
|
|
font-size: 14px;
|
|
margin: 0;
|
|
padding: 2px 7px 2px 6px;
|
|
cursor: pointer;
|
|
}
|
|
.charsheet label.health-reset:hover {
|
|
background: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet h3.health-max {
|
|
font-size: 14px;
|
|
margin-right: 0.3em;
|
|
line-height: 23px;
|
|
padding-left: 0.3em;
|
|
}
|
|
.charsheet h3.health-max-value {
|
|
padding-right: 0.3em;
|
|
}
|
|
.charsheet .health-max-value {
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
color: #555 !important;
|
|
}
|
|
.charsheet .resource-value {
|
|
font-size: 14px;
|
|
width: 38px;
|
|
font-weight: bold;
|
|
padding: 0;
|
|
padding-left: 4px;
|
|
border-radius: 0;
|
|
background: #ccc;
|
|
margin: 0;
|
|
height: auto;
|
|
cursor: pointer;
|
|
border-left: 1px solid;
|
|
}
|
|
.charsheet .resource-value:focus {
|
|
outline: 3px solid #fd0;
|
|
outline-offset: 0;
|
|
box-shadow: inset 0 0 0 3px;
|
|
}
|
|
.charsheet .resource-title {
|
|
font-size: 14px;
|
|
width: auto;
|
|
line-height: 9px;
|
|
padding: 0.5em 0.5em 0.5em 0.5em;
|
|
border-right: 1px solid;
|
|
border-left: 1px solid;
|
|
}
|
|
.charsheet input[type=text].resource-value {
|
|
width: 22px;
|
|
border: none;
|
|
cursor: text;
|
|
}
|
|
.charsheet .health-max-box {
|
|
display: flex;
|
|
background: #ccc;
|
|
}
|
|
.charsheet .health-status-box {
|
|
display: flex;
|
|
}
|
|
.charsheet .load-value {
|
|
width: 27px;
|
|
}
|
|
.charsheet .character-name {
|
|
width: 15.6em !important;
|
|
border: none;
|
|
}
|
|
.charsheet .roll-resource-label {
|
|
margin: 0;
|
|
padding: 0.15em 0.4em 0em 0.4em;
|
|
width: auto;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
border-left: 1px solid;
|
|
}
|
|
.charsheet .roll-resource-label:hover {
|
|
background: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .misses-track {
|
|
margin-top: 1em;
|
|
width: 47em;
|
|
margin-left: 118px;
|
|
}
|
|
.charsheet .misses-track .progress-row {
|
|
grid-template-columns: 1fr repeat(10, 43.5px) 1fr;
|
|
}
|
|
.charsheet .failure-btn-div {
|
|
display: inline;
|
|
text-transform: uppercase;
|
|
}
|
|
.charsheet input.optional-track-failures:checked ~ div.optional-track-failures {
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.3s ease;
|
|
}
|
|
.charsheet .debility-list {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
justify-content: space-evenly;
|
|
}
|
|
.charsheet .debility-component {
|
|
margin-top: 1em;
|
|
display: flex;
|
|
flex-flow: wrap;
|
|
}
|
|
.charsheet .debility-btn {
|
|
width: 40%;
|
|
}
|
|
.charsheet .severity-track {
|
|
display: flex;
|
|
margin-top: 1em;
|
|
}
|
|
.charsheet .track-child {
|
|
width: 100%;
|
|
}
|
|
.charsheet .track-child .btn-content {
|
|
padding: 0.4em 0.2em 0.2em 0.2em;
|
|
align-self: center;
|
|
}
|
|
.charsheet ul.debility-body-list {
|
|
margin: 0em 0.2em 0.3em 1.3em;
|
|
}
|
|
.charsheet p.severity-reduce,
|
|
.charsheet p.debility-clear {
|
|
margin-bottom: 0.3em;
|
|
}
|
|
.charsheet .debility-group {
|
|
width: 33.33%;
|
|
}
|
|
.charsheet .debility-group-title {
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
margin-bottom: 0.3em;
|
|
}
|
|
.charsheet .bonds-track {
|
|
width: 437px;
|
|
margin-left: 203px;
|
|
margin-top: 0.5em;
|
|
}
|
|
.charsheet .bonds-track .progress-row {
|
|
grid-template-columns: 1fr repeat(10, 43.5px) 1fr;
|
|
}
|
|
.charsheet .bonds {
|
|
margin-bottom: 0px;
|
|
}
|
|
.charsheet .bond-component {
|
|
margin-top: 1em;
|
|
}
|
|
.charsheet .bond {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.charsheet .bond-container {
|
|
border: 2px solid #4c4d4f;
|
|
border-radius: 0;
|
|
margin-bottom: 1em;
|
|
padding: 1em;
|
|
}
|
|
.charsheet .bond-notes {
|
|
width: 98.5%;
|
|
resize: vertical;
|
|
}
|
|
.charsheet .bond-name,
|
|
.charsheet .bond-location,
|
|
.charsheet .bond-descriptors {
|
|
border: none;
|
|
border-radius: 0em;
|
|
background: transparent;
|
|
padding: 0;
|
|
padding-left: 0.5em;
|
|
}
|
|
.charsheet .bond-descriptors {
|
|
width: 43%;
|
|
}
|
|
.charsheet .bond-location {
|
|
width: 40%;
|
|
}
|
|
.charsheet .bond-title {
|
|
text-align: left;
|
|
font-weight: bold;
|
|
margin: 0 0 0px;
|
|
padding: 0.1em 0.3em 0.3em 0.5em;
|
|
text-transform: uppercase;
|
|
font-family: 'Montserrat', Arial, sans-serif;
|
|
display: inline;
|
|
color: #4c4d4f;
|
|
border-radius: 0;
|
|
}
|
|
.charsheet .bond-title::after {
|
|
content: ":";
|
|
}
|
|
.charsheet .details-btn {
|
|
display: flex;
|
|
width: auto;
|
|
margin: 0.5em 0em 0em 0em;
|
|
height: auto;
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
.charsheet .bond-name::placeholder,
|
|
.charsheet .bond-location::placeholder,
|
|
.charsheet .bond-descriptors::placeholder {
|
|
color: #8a8a8a;
|
|
}
|
|
.charsheet input[type="checkbox"].show-bond-info {
|
|
width: 4.5em;
|
|
height: 18px;
|
|
top: 0;
|
|
opacity: 0;
|
|
border-radius: 0;
|
|
padding: 2px 4px;
|
|
}
|
|
.charsheet input[type="checkbox"].show-bond-info:checked ~ div.show-bond-info {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.2s ease;
|
|
}
|
|
.charsheet input[type="checkbox"].show-bond-info:checked ~ span.show-bond-info {
|
|
border-radius: 0;
|
|
padding: 2px 4px;
|
|
border: 1px solid;
|
|
background-color: #4c4d4f;
|
|
color: #fff;
|
|
}
|
|
.charsheet input[type="checkbox"].show-bond-info:hover ~ span.show-bond-info {
|
|
border-radius: 0;
|
|
padding: 2px 4px;
|
|
background-color: #ccc;
|
|
color: #4c4d4f;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet span.show-bond-info {
|
|
margin-left: -4.9em;
|
|
border-radius: 0;
|
|
padding: 2px 4px;
|
|
border: 1px solid;
|
|
font-weight: bold;
|
|
}
|
|
.charsheet input.vow-name {
|
|
background: #ccc;
|
|
border: 2px solid #494a4c;
|
|
border-radius: 0;
|
|
margin-bottom: 0.2em;
|
|
margin-top: 1em;
|
|
background: #e6e7e8;
|
|
border: 2px solid #494a4c;
|
|
border-radius: 0;
|
|
margin-bottom: 0.2em;
|
|
}
|
|
.charsheet input.vow-name:focus {
|
|
outline: 3px solid #fd0;
|
|
outline-offset: 0;
|
|
box-shadow: inset 0 0 0 2px;
|
|
}
|
|
.charsheet .fulfill-vow:hover,
|
|
.charsheet .mark-vow:hover,
|
|
.charsheet .vow-clear-label:hover {
|
|
background-color: #ccc;
|
|
color: #4c4d4f;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .vows {
|
|
margin-bottom: 0px;
|
|
}
|
|
.charsheet .vows-header {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
margin-bottom: 10px;
|
|
}
|
|
.charsheet .vow {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.charsheet .vow-name {
|
|
width: 100%;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
.charsheet .difficulty {
|
|
border: 2px solid #494a4c;
|
|
margin: 0.2em 0.5em 0.2em 0.5em;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
}
|
|
.charsheet .difficulty h5 {
|
|
text-align: center;
|
|
}
|
|
.charsheet .difficulty input:checked ~ h5 {
|
|
background: #494a4c;
|
|
color: #fff;
|
|
}
|
|
.charsheet .btn-div {
|
|
display: inline;
|
|
}
|
|
.charsheet .threat-header {
|
|
display: flex;
|
|
}
|
|
.charsheet input.vow-threat {
|
|
background: #e6e7e8;
|
|
border: 2px solid #494a4c;
|
|
border-radius: 0;
|
|
width: 100%;
|
|
}
|
|
.charsheet input.vow-threat:focus {
|
|
outline: 3px solid #fd0;
|
|
outline-offset: 0;
|
|
box-shadow: inset 0 0 0 2px;
|
|
}
|
|
.charsheet .menace-row {
|
|
margin: 0em 0em 0.4em 0em;
|
|
justify-content: space-evenly;
|
|
display: flex;
|
|
border: 2px solid #4c4d4f;
|
|
background: #a1a1a1;
|
|
border-top: 0;
|
|
padding: 0.1em 0em;
|
|
}
|
|
.charsheet .menace-box {
|
|
border: 2px solid #000;
|
|
padding: 0;
|
|
display: inline-flex;
|
|
height: 1em;
|
|
width: 4em;
|
|
margin: 0.2em 0em;
|
|
cursor: pointer;
|
|
}
|
|
.charsheet .menace-show {
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 2px solid #4c4d4f;
|
|
width: auto;
|
|
height: auto;
|
|
cursor: pointer;
|
|
border-left: 0;
|
|
}
|
|
.charsheet .menace-show:hover {
|
|
background: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet input[type='checkbox'].menace-show:checked ~ div.menace-row {
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.7s ease;
|
|
}
|
|
.charsheet input[type='checkbox'].menace-show-button:checked ~ div.menace-show-back {
|
|
background: #4c4d4f;
|
|
color: #fff;
|
|
}
|
|
.charsheet .menace-vow {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
vertical-align: top;
|
|
}
|
|
.charsheet .vow-menace-label {
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
}
|
|
.charsheet .menace-fill {
|
|
height: 100%;
|
|
width: 100%;
|
|
background: #fff;
|
|
}
|
|
.charsheet .menace-show-back {
|
|
height: 100%;
|
|
padding: 0em 1em 0em 1em;
|
|
line-height: 25px;
|
|
}
|
|
.charsheet input[type="checkbox"].menace-vow:checked ~ .menace-fill {
|
|
background: #4c4d4f;
|
|
}
|
|
.charsheet input[type="checkbox"].menace-vow:hover ~ .menace-fill {
|
|
background: #e6e7e8;
|
|
}
|
|
.charsheet input.optional-vow-threat:checked ~ div.optional-vow-threat {
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.3s ease;
|
|
}
|
|
.charsheet .progress-header {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
margin-top: 0.3em;
|
|
}
|
|
.charsheet .progress-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.charsheet .progress-name {
|
|
width: 100%;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
.charsheet input.progress-name {
|
|
background: #e6e7e8;
|
|
border: 2px solid #494a4c;
|
|
border-radius: 0;
|
|
margin-bottom: 0.2em;
|
|
}
|
|
.charsheet .progress-input {
|
|
width: 40px;
|
|
height: 40px;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
background: transparent;
|
|
text-align: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 2px 0px 0px 12px;
|
|
margin: 0px;
|
|
cursor: pointer;
|
|
border: 2px solid #4c4d4f;
|
|
border-radius: 0;
|
|
}
|
|
.charsheet .progress-input:hover {
|
|
background-color: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .progress-input:focus {
|
|
outline: 3px solid #fd0;
|
|
outline-offset: 0;
|
|
box-shadow: inset 0 0 0 2px;
|
|
}
|
|
.charsheet .progress-holder {
|
|
display: flex;
|
|
}
|
|
.charsheet input.progress-name {
|
|
margin-bottom: 0px;
|
|
}
|
|
.charsheet .challenge-show {
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 2px solid #4c4d4f;
|
|
width: auto;
|
|
height: auto;
|
|
cursor: pointer;
|
|
border-left: 0;
|
|
}
|
|
.charsheet .challenge-show:hover {
|
|
background: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .challenge-show-back {
|
|
height: 100%;
|
|
padding: 0em 1em 0em 1em;
|
|
line-height: 25px;
|
|
}
|
|
.charsheet input[type='checkbox'].challenge-show:checked ~ div.challenge-row {
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.7s ease;
|
|
}
|
|
.charsheet input[type='checkbox'].challenge-show-button:checked ~ div.challenge-show-back {
|
|
background: #4c4d4f;
|
|
color: #fff;
|
|
}
|
|
.charsheet .challenge-row,
|
|
.charsheet .progress-row {
|
|
display: grid;
|
|
grid-template-columns: 1fr repeat(10, 43.5px) 1fr;
|
|
align-items: center;
|
|
}
|
|
.charsheet .challenge-row .btn,
|
|
.charsheet .progress-row .btn {
|
|
text-transform: uppercase;
|
|
}
|
|
.charsheet label.challenge-label {
|
|
padding-left: 0.5em;
|
|
display: block;
|
|
height: 18px;
|
|
margin: 0px;
|
|
text-transform: uppercase;
|
|
}
|
|
.charsheet .challenge-box {
|
|
border: 2px solid #4c4d4f;
|
|
padding: 0;
|
|
display: inline-flex;
|
|
height: 36px;
|
|
width: 36px;
|
|
margin: 0.2em 0em;
|
|
cursor: pointer;
|
|
}
|
|
.charsheet .challenge-fill {
|
|
height: 100%;
|
|
width: 100%;
|
|
background: #fff;
|
|
}
|
|
.charsheet input[type="checkbox"].challenge:checked ~ .challenge-fill {
|
|
background: #4c4d4f;
|
|
}
|
|
.charsheet input[type="checkbox"].challenge:hover ~ .challenge-fill {
|
|
background: #e6e7e8;
|
|
}
|
|
.charsheet .blank-index {
|
|
display: inline-block;
|
|
height: 40px;
|
|
width: 40px;
|
|
}
|
|
.charsheet .progress-input-holder {
|
|
position: relative;
|
|
margin: 0.3em 0em;
|
|
}
|
|
.charsheet .progress-input-holder input[min],
|
|
.charsheet input[min] + span {
|
|
display: none;
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 36px;
|
|
height: 36px;
|
|
pointer-events: none;
|
|
background: #fff;
|
|
}
|
|
.charsheet .progress-input-holder input[min="1"]:valid + span {
|
|
display: block;
|
|
background-image: linear-gradient(45deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px));
|
|
}
|
|
.charsheet .progress-input-holder input[min="2"]:valid + span {
|
|
display: block;
|
|
background-image: linear-gradient(45deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px), transparent 100%), linear-gradient(135deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px), transparent 100%);
|
|
}
|
|
.charsheet .progress-input-holder input[min="3"]:valid + span {
|
|
display: block;
|
|
background-image: linear-gradient(45deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px), transparent 100%), linear-gradient(135deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px), transparent 100%), linear-gradient(90deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px), transparent 100%);
|
|
}
|
|
.charsheet .progress-input-holder input[min="4"]:valid + span {
|
|
display: block;
|
|
background-image: linear-gradient(45deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px), transparent 100%), linear-gradient(135deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px), transparent 100%), linear-gradient(90deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px), transparent 100%), linear-gradient(0deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px), transparent 100%);
|
|
}
|
|
.charsheet .nav-child {
|
|
border: 2px solid #4c4d4f;
|
|
width: 100%;
|
|
text-align-last: center;
|
|
margin: 0.1em;
|
|
}
|
|
.charsheet .nav-child label {
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
color: #4c4d4f !important;
|
|
}
|
|
.charsheet .nav-child label:hover {
|
|
background: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .page-button-back {
|
|
padding: 0.1em 0em 0.1em 0em;
|
|
font-weight: 600;
|
|
}
|
|
.charsheet .page-button:checked ~ div.page-button-back {
|
|
background: #4c4d4f;
|
|
color: #fff;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .summary {
|
|
margin-top: 1em;
|
|
}
|
|
.charsheet .nav-row {
|
|
display: flex;
|
|
}
|
|
.charsheet label.page-label {
|
|
text-align: center;
|
|
}
|
|
.charsheet div.optional-nav-sites {
|
|
width: 0;
|
|
margin: 0;
|
|
border: 0;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet input.optional-nav-sites:checked ~ div.optional-nav-sites {
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.3s ease;
|
|
width: 100%;
|
|
border: 2px solid #4c4d4f;
|
|
margin: auto;
|
|
}
|
|
.charsheet .footer {
|
|
margin-top: 1em;
|
|
}
|
|
.charsheet .momentum {
|
|
display: flex;
|
|
}
|
|
.charsheet input[type=checkbox].momentum-burn:hover ~ div.momentum-burn-back {
|
|
background-color: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .momentum-box-input:hover ~ .momentum-box-back {
|
|
background: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .momentum-box-input:checked ~ .momentum-box-back {
|
|
background: #4c4d4f;
|
|
color: #fff;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet input[type=checkbox].momentum-burn {
|
|
opacity: 0;
|
|
border: 0;
|
|
}
|
|
.charsheet div.momentum-burn-back {
|
|
font-weight: bold;
|
|
text-align: center;
|
|
line-height: 22px;
|
|
padding: 0em 0.2em;
|
|
text-transform: uppercase;
|
|
}
|
|
.charsheet label.momentum-burn {
|
|
border: 2px solid #4c4d4f;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
margin: 0;
|
|
font-size: 1em;
|
|
}
|
|
.charsheet .momentum-box-input {
|
|
opacity: 0;
|
|
border: 0;
|
|
}
|
|
.charsheet .momentum-status-box {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 0%;
|
|
background: transparent;
|
|
border: 2px solid #4c4d4f;
|
|
padding-left: 0.2em;
|
|
}
|
|
.charsheet .momentum-status-value {
|
|
width: auto;
|
|
font-size: 1em;
|
|
}
|
|
.charsheet h3.momentum-max-box,
|
|
.charsheet h3.momentum-reset-box {
|
|
display: inline;
|
|
padding-left: 1em;
|
|
}
|
|
.charsheet .momentum-box-value {
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
color: inherit;
|
|
}
|
|
.charsheet .momentum-input {
|
|
font-weight: bold;
|
|
width: 30px;
|
|
font-size: 13px;
|
|
text-align: center;
|
|
background: transparent;
|
|
}
|
|
.charsheet .momentum-box {
|
|
cursor: pointer;
|
|
border: 2px solid #4c4d4f;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.charsheet .momentum-dark {
|
|
color: #fff;
|
|
border: 2px solid #4b4d4f;
|
|
background: #4b4d4f;
|
|
width: 100%;
|
|
}
|
|
.charsheet .momentum-max,
|
|
.charsheet .momentum-reset {
|
|
line-height: 1.4em;
|
|
font-size: 1em;
|
|
}
|
|
.charsheet .momentum-title {
|
|
color: #fff;
|
|
line-height: 1.2em;
|
|
font-size: 1.2em;
|
|
}
|
|
.charsheet .momentum-header {
|
|
height: 20px;
|
|
}
|
|
.charsheet .sub-header-static {
|
|
margin-top: 0.2em;
|
|
}
|
|
.charsheet .momentum-status-attr {
|
|
padding: 0em 0.2em;
|
|
}
|
|
.charsheet .stats {
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
border-radius: 0%;
|
|
margin-bottom: 1em;
|
|
}
|
|
.charsheet .stat {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.charsheet .stat-title {
|
|
min-width: 100px;
|
|
max-width: 130px;
|
|
overflow: hidden;
|
|
}
|
|
.charsheet .stat-input {
|
|
font-weight: bold;
|
|
width: 60px;
|
|
line-height: 40px;
|
|
font-size: 28px;
|
|
text-align: center;
|
|
height: 50px !important;
|
|
border-radius: 0;
|
|
}
|
|
.charsheet input.stats-input {
|
|
border: 2px solid #4c4d4f;
|
|
background: #e6e7e8;
|
|
}
|
|
.charsheet input.stats-input:focus {
|
|
outline: 3px solid #fd0;
|
|
outline-offset: 0;
|
|
box-shadow: inset 0 0 0 2px;
|
|
}
|
|
.charsheet label.roll-label {
|
|
margin: 0;
|
|
padding: 0em 0.4em 0em 0.4em;
|
|
width: auto;
|
|
border: 2px solid #4c4d4f;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
line-height: 1.4em;
|
|
}
|
|
.charsheet label.roll-label:hover {
|
|
background: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet label.stat-toggle {
|
|
text-transform: uppercase;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 2px solid #4c4d4f;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
.charsheet label.stat-toggle:hover {
|
|
background: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet input[type=radio].stat-set:checked ~ div.stat-set {
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.2s ease;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
gap: 1em;
|
|
width: auto;
|
|
padding: 1em 0 1em 0;
|
|
}
|
|
.charsheet input[type=radio].stat-edit:checked ~ div.stat-edit {
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.2s ease;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
gap: 1em;
|
|
width: auto;
|
|
padding: 1em 0 1em 0;
|
|
}
|
|
.charsheet div.stat-toggle.set-toggle {
|
|
width: 100%;
|
|
}
|
|
.charsheet div.stat-toggle.edit-toggle {
|
|
transform: rotate(90deg);
|
|
min-width: 65px;
|
|
height: 0;
|
|
}
|
|
.charsheet .setting-switch {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 55px;
|
|
height: 28px;
|
|
padding: 0;
|
|
}
|
|
.charsheet .setting-switch input {
|
|
opacity: 0;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
.charsheet .setting-slider {
|
|
position: absolute;
|
|
cursor: pointer;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-color: #ccc;
|
|
-webkit-transition: 0.4s;
|
|
transition: 0.4s;
|
|
}
|
|
.charsheet .setting-slider:before {
|
|
position: absolute;
|
|
content: "";
|
|
height: 20px;
|
|
width: 20px;
|
|
left: 4px;
|
|
bottom: 4px;
|
|
background-color: #fff;
|
|
-webkit-transition: 0.4s;
|
|
transition: 0.4s;
|
|
}
|
|
.charsheet input:checked + .setting-slider {
|
|
background-color: #4c4d4f;
|
|
}
|
|
.charsheet input:focus + .setting-slider {
|
|
box-shadow: 0 0 1px #4c4d4f;
|
|
}
|
|
.charsheet input:checked + .setting-slider:before {
|
|
-webkit-transform: translateX(26px);
|
|
-ms-transform: translateX(26px);
|
|
transform: translateX(26px);
|
|
}
|
|
.charsheet .setting-slider.setting-round {
|
|
border-radius: 34px;
|
|
}
|
|
.charsheet .setting-slider.setting-round:before {
|
|
border-radius: 50%;
|
|
}
|
|
.charsheet .settings-group {
|
|
display: flex;
|
|
gap: 70px;
|
|
margin-top: 1em;
|
|
}
|
|
.charsheet .settings-group-title {
|
|
align-self: center;
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
}
|
|
.charsheet .setting-name {
|
|
text-align: center;
|
|
font-weight: 600;
|
|
}
|
|
.charsheet .note-area:focus {
|
|
outline: 3px solid #fd0;
|
|
outline-offset: 0;
|
|
box-shadow: inset 0 0 0 2px;
|
|
}
|
|
.charsheet div.search-bar {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 100%;
|
|
margin: 1em 0em 0.5em 0em;
|
|
}
|
|
.charsheet div.preview-bar {
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
display: flex;
|
|
margin: 1em 0em 0.5em 0em;
|
|
}
|
|
.charsheet div.search-preview-bar {
|
|
display: flex;
|
|
width: auto;
|
|
}
|
|
.charsheet div.move-nav-content {
|
|
padding: 0.2em;
|
|
width: 100%;
|
|
}
|
|
.charsheet input.search-preview-bar {
|
|
width: 17.6em;
|
|
border: 2px solid #4c4d4f;
|
|
border-radius: 0;
|
|
}
|
|
.charsheet input.search-preview-bar:focus {
|
|
outline: 3px solid #fd0;
|
|
outline-offset: 0;
|
|
box-shadow: inset 0 0 0 2px;
|
|
}
|
|
.charsheet input.search-bar {
|
|
width: 50%;
|
|
border: 2px solid #4c4d4f;
|
|
}
|
|
.charsheet input.search-bar:focus {
|
|
outline: 3px solid #fd0;
|
|
outline-offset: 0;
|
|
box-shadow: inset 0 0 0 2px;
|
|
}
|
|
.charsheet input.table-btn:checked ~ div.move-nav-content {
|
|
background: #4c4d4f;
|
|
color: #fff;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .preview-container {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-size: 1em;
|
|
flex-flow: row;
|
|
font-weight: normal;
|
|
height: auto;
|
|
margin-top: 1em;
|
|
}
|
|
.charsheet .preview-container .move-scroll-list {
|
|
width: 21.9em;
|
|
overflow: auto;
|
|
border: 2px solid #4c4d4f;
|
|
padding: 0;
|
|
height: 50em;
|
|
}
|
|
.charsheet .move-container {
|
|
flex-wrap: wrap;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
height: 45em;
|
|
margin-top: 1em;
|
|
display: flex;
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
align-content: space-between;
|
|
}
|
|
.charsheet .move-container .move-scroll-list {
|
|
overflow: auto;
|
|
border: 2px solid #4c4d4f;
|
|
padding: 1em;
|
|
width: max-content;
|
|
}
|
|
.charsheet .move {
|
|
margin: 0em;
|
|
color: #4c4d4f !important;
|
|
display: flex;
|
|
padding: 0;
|
|
}
|
|
.charsheet .move-group-title {
|
|
background: #4c4d4f;
|
|
}
|
|
.charsheet .move-group-title h3 {
|
|
color: #fff;
|
|
}
|
|
.charsheet .move-name {
|
|
width: 100%;
|
|
border: 2px solid #4c4d4f;
|
|
}
|
|
.charsheet .roll-show {
|
|
padding: 0 !important;
|
|
font-size: 20px !important;
|
|
height: auto;
|
|
}
|
|
.charsheet .roll-show:hover {
|
|
color: #fff;
|
|
}
|
|
.charsheet .move-list {
|
|
padding: 0;
|
|
display: flex;
|
|
}
|
|
.charsheet .move-list label {
|
|
cursor: pointer;
|
|
}
|
|
.charsheet .move-list div {
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
margin: 0 0 0px;
|
|
padding: 0.1em;
|
|
text-transform: none;
|
|
}
|
|
.charsheet .move-list div:hover {
|
|
transition: 0.3s ease;
|
|
background: #606060 !important;
|
|
color: #fff;
|
|
}
|
|
.charsheet .move-list div[data-i18n="move-title-face-danger"] {
|
|
border-top: 5px solid #4c4d4f;
|
|
}
|
|
.charsheet .move-list:nth-child(2n + 1) {
|
|
background-color: #ddd;
|
|
}
|
|
.charsheet .move-column {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-right: 10px;
|
|
}
|
|
.charsheet span.move-result {
|
|
width: 36em;
|
|
}
|
|
.charsheet span.preview-move-roll {
|
|
width: 60%;
|
|
margin-left: 1em;
|
|
}
|
|
.charsheet .move-group {
|
|
border: 2px solid #4c4d4f;
|
|
box-sizing: border-box;
|
|
width: 30%;
|
|
margin: 0.3em;
|
|
height: fit-content;
|
|
height: -moz-fit-content;
|
|
}
|
|
.charsheet .move-group-scroll {
|
|
border: 2px solid #4c4d4f;
|
|
box-sizing: border-box;
|
|
height: fit-content;
|
|
height: -moz-fit-content;
|
|
}
|
|
.charsheet .move-box:nth-child(n + 2) {
|
|
margin-top: 10px;
|
|
}
|
|
.charsheet .move-title {
|
|
background-color: #4c4d4f;
|
|
color: #fff;
|
|
border-bottom: 1px solid #4c4d4f;
|
|
font-size: 1.4em;
|
|
font-weight: bold;
|
|
padding: 0.2em 0.5em 0.1em 0.7em;
|
|
text-transform: uppercase;
|
|
width: 11.7em;
|
|
}
|
|
.charsheet .move-preview {
|
|
width: auto;
|
|
}
|
|
.charsheet .move-page-footer {
|
|
text-align: right !important;
|
|
padding-right: 1em;
|
|
}
|
|
.charsheet .move-preview-sidebar {
|
|
width: 64%;
|
|
}
|
|
.charsheet .move-preview-container {
|
|
min-height: 400px;
|
|
}
|
|
.charsheet .move-preview-container p {
|
|
font-size: 15px;
|
|
margin: 0;
|
|
}
|
|
.charsheet .move-preview-container ul {
|
|
margin: 2px 0px 5px 25px;
|
|
font-size: 15px;
|
|
}
|
|
.charsheet .move-preview-container li {
|
|
font-size: 15px;
|
|
}
|
|
.charsheet div.optional-move-assets-summary {
|
|
margin-top: 10px;
|
|
}
|
|
.charsheet input[type='checkbox'].optional-move-assets-summary:checked + div.optional-move-assets-summary {
|
|
display: block;
|
|
}
|
|
.charsheet .move-assets-summary-header {
|
|
background: #4c4d4f;
|
|
color: #fff;
|
|
padding-top: 0.2em;
|
|
padding-bottom: 0.1em;
|
|
}
|
|
.charsheet .move-preview-withroll-container {
|
|
display: flex;
|
|
gap: 10px;
|
|
}
|
|
.charsheet .move-roll-shortcuts-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 5px;
|
|
}
|
|
.charsheet .move-roll-shortcut-container {
|
|
display: grid;
|
|
grid-template-columns: 50% 50%;
|
|
border: 2px solid #4c4d4f;
|
|
}
|
|
.charsheet .move-roll-shortcut-title {
|
|
grid-column: 1/span 2;
|
|
grid-row: 1/span 1;
|
|
background: #4c4d4f;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
padding: 0px 5px 0px 5px;
|
|
width: auto;
|
|
}
|
|
.charsheet .move-roll-shortcut-pay-the-price {
|
|
text-align: center;
|
|
cursor: pointer;
|
|
width: auto;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
grid-row: 2/span 1;
|
|
grid-column: 1/span 2;
|
|
padding: 5px;
|
|
}
|
|
.charsheet .move-roll-shortcut-pay-the-price:hover {
|
|
background: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .move-roll-shortcut-ask-the-oracle-almostcertain {
|
|
text-align: center;
|
|
cursor: pointer;
|
|
width: auto;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
line-height: 1.4em;
|
|
grid-row: 2/span 1;
|
|
grid-column: 1/span 1;
|
|
border-bottom: 2px solid #4c4d4f;
|
|
border-right: 2px solid #4c4d4f;
|
|
}
|
|
.charsheet .move-roll-shortcut-ask-the-oracle-almostcertain:hover {
|
|
background: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .move-roll-shortcut-ask-the-oracle-likely {
|
|
text-align: center;
|
|
cursor: pointer;
|
|
width: auto;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
line-height: 1.4em;
|
|
grid-row: 2/span 1;
|
|
grid-column: 2/span 1;
|
|
border-bottom: 2px solid #4c4d4f;
|
|
}
|
|
.charsheet .move-roll-shortcut-ask-the-oracle-likely:hover {
|
|
background: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .move-roll-shortcut-ask-the-oracle-fiftyfifty {
|
|
text-align: center;
|
|
cursor: pointer;
|
|
width: auto;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
line-height: 1.4em;
|
|
grid-row: 3/span 1;
|
|
grid-column: 1/span 2;
|
|
border-bottom: 2px solid #4c4d4f;
|
|
}
|
|
.charsheet .move-roll-shortcut-ask-the-oracle-fiftyfifty:hover {
|
|
background: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .move-roll-shortcut-ask-the-oracle-unlikely {
|
|
text-align: center;
|
|
cursor: pointer;
|
|
width: auto;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
line-height: 1.4em;
|
|
grid-row: 4/span 1;
|
|
grid-column: 1/span 1;
|
|
border-right: 2px solid #4c4d4f;
|
|
}
|
|
.charsheet .move-roll-shortcut-ask-the-oracle-unlikely:hover {
|
|
background: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .move-roll-shortcut-ask-the-oracle-small-chance {
|
|
text-align: center;
|
|
cursor: pointer;
|
|
width: auto;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
line-height: 1.4em;
|
|
grid-row: 4/span 1;
|
|
grid-column: 2/span 1;
|
|
}
|
|
.charsheet .move-roll-shortcut-ask-the-oracle-small-chance:hover {
|
|
background: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .move-roll-stat-modifier {
|
|
text-align: center;
|
|
cursor: pointer;
|
|
width: auto;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
padding: 0em 0.4em 0em 0.4em;
|
|
line-height: 1.4em;
|
|
}
|
|
.charsheet .move-roll-stat-modifier:hover {
|
|
background: #ccc;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .move-roll-stat-modifier0 {
|
|
grid-row: 2/span 1;
|
|
grid-column: 1/span 2;
|
|
margin: 0;
|
|
border-bottom: 2px solid #4c4d4f;
|
|
font-size: 20px;
|
|
line-height: 2em;
|
|
}
|
|
.charsheet .move-roll-stat-modifier1 {
|
|
grid-row: 3/span 1;
|
|
grid-column: 1/span 1;
|
|
border-right: 2px solid #4c4d4f;
|
|
}
|
|
.charsheet .move-roll-stat-modifier2 {
|
|
grid-row: 3/span 1;
|
|
grid-column: 2/span 1;
|
|
}
|
|
.charsheet .move-show {
|
|
display: inline-flex;
|
|
font-size: 1em;
|
|
margin: 0em;
|
|
padding: 0.3em;
|
|
}
|
|
.charsheet .move-show:hover {
|
|
background: #969696;
|
|
cursor: pointer;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .column-wrap {
|
|
flex-flow: column wrap;
|
|
width: 22.5em;
|
|
}
|
|
.charsheet .move-delve-table {
|
|
width: auto !important;
|
|
}
|
|
.charsheet .move-description {
|
|
font-family: 'Crimson Text', Arial, sans-serif;
|
|
padding: 1em;
|
|
border: 2px solid #4c4d4f;
|
|
}
|
|
.charsheet .move-description p {
|
|
margin-bottom: 0.3em;
|
|
}
|
|
.charsheet .move-table {
|
|
border: none;
|
|
width: 30.5em;
|
|
font-size: 12px;
|
|
}
|
|
.charsheet .move-roll {
|
|
width: 18%;
|
|
}
|
|
.charsheet .move-footer {
|
|
background-color: #434b4d;
|
|
color: #fff;
|
|
line-height: 0.9em;
|
|
font-size: 0.9em;
|
|
font-family: 'Crimson Text', Arial, sans-serif;
|
|
font-variant: small-caps;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
padding: 0.5rem;
|
|
}
|
|
.charsheet .close-preview {
|
|
width: 100%;
|
|
height: auto;
|
|
margin: 0;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
padding: 0.2em 0.2em 0.2em 0.2em;
|
|
border: 2px solid #494a4c;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
}
|
|
.charsheet .close-preview:hover {
|
|
background-color: #ccc;
|
|
color: #4c4d4f;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .clear-search {
|
|
width: fit-content;
|
|
width: -moz-fit-content;
|
|
height: auto;
|
|
margin: 0;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
padding: 0.2em 0.2em 0.2em 0.2em;
|
|
border: 2px solid #494a4c;
|
|
cursor: pointer;
|
|
}
|
|
.charsheet .clear-search:hover {
|
|
background-color: #ccc;
|
|
color: #4c4d4f !important;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .selected-move {
|
|
z-index: 3;
|
|
}
|
|
.charsheet .selected-move:checked ~ .move-name {
|
|
background: #434b4d !important;
|
|
color: #fff !important;
|
|
}
|
|
.charsheet input.move-preview:checked ~ div.move-preview,
|
|
.charsheet input.move-full-list:checked ~ div.move-full-list {
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.2s ease;
|
|
}
|
|
.charsheet input[type=radio].face-danger:checked ~ div.face-danger,
|
|
.charsheet input[type=radio].secure-an-advantage:checked ~ div.secure-an-advantage,
|
|
.charsheet input[type=radio].gather-information:checked ~ div.gather-information,
|
|
.charsheet input[type=radio].heal:checked ~ div.heal,
|
|
.charsheet input[type=radio].resupply:checked ~ div.resupply,
|
|
.charsheet input[type=radio].make-camp:checked ~ div.make-camp,
|
|
.charsheet input[type=radio].undertake-a-journey:checked ~ div.undertake-a-journey,
|
|
.charsheet input[type=radio].reach-your-destination:checked ~ div.reach-your-destination,
|
|
.charsheet input[type=radio].compel:checked ~ div.compel,
|
|
.charsheet input[type=radio].sojourn:checked ~ div.sojourn,
|
|
.charsheet input[type=radio].draw-the-circle:checked ~ div.draw-the-circle,
|
|
.charsheet input[type=radio].forge-a-bond:checked ~ div.forge-a-bond,
|
|
.charsheet input[type=radio].test-your-bond:checked ~ div.test-your-bond,
|
|
.charsheet input[type=radio].aid-your-ally:checked ~ div.aid-your-ally,
|
|
.charsheet input[type=radio].write-your-epilogue:checked ~ div.write-your-epilogue,
|
|
.charsheet input[type=radio].enter-the-fray:checked ~ div.enter-the-fray,
|
|
.charsheet input[type=radio].strike:checked ~ div.strike,
|
|
.charsheet input[type=radio].clash:checked ~ div.clash,
|
|
.charsheet input[type=radio].turn-the-tide:checked ~ div.turn-the-tide,
|
|
.charsheet input[type=radio].end-the-fight:checked ~ div.end-the-fight,
|
|
.charsheet input[type=radio].battle:checked ~ div.battle,
|
|
.charsheet input[type=radio].endure-harm:checked ~ div.endure-harm,
|
|
.charsheet input[type=radio].face-death:checked ~ div.face-death,
|
|
.charsheet input[type=radio].companion-endure-harm:checked ~ div.companion-endure-harm,
|
|
.charsheet input[type=radio].endure-stress:checked ~ div.endure-stress,
|
|
.charsheet input[type=radio].face-desolation:checked ~ div.face-desolation,
|
|
.charsheet input[type=radio].out-of-supply:checked ~ div.out-of-supply,
|
|
.charsheet input[type=radio].face-a-setback:checked ~ div.face-a-setback,
|
|
.charsheet input[type=radio].swear-an-iron-vow:checked ~ div.swear-an-iron-vow,
|
|
.charsheet input[type=radio].fulfill-your-vow:checked ~ div.fulfill-your-vow,
|
|
.charsheet input[type=radio].reach-a-milestone:checked ~ div.reach-a-milestone,
|
|
.charsheet input[type=radio].forsake-your-vow:checked ~ div.forsake-your-vow,
|
|
.charsheet input[type=radio].advance:checked ~ div.advance,
|
|
.charsheet input[type=radio].pay-the-price:checked ~ div.pay-the-price,
|
|
.charsheet input[type=radio].ask-the-oracle:checked ~ div.ask-the-oracle,
|
|
.charsheet input[type=radio].discover-a-site:checked ~ div.discover-a-site,
|
|
.charsheet input[type=radio].delve-the-depths:checked ~ div.delve-the-depths,
|
|
.charsheet input[type=radio].find-an-opportunity:checked ~ div.find-an-opportunity,
|
|
.charsheet input[type=radio].reveal-a-danger:checked ~ div.reveal-a-danger,
|
|
.charsheet input[type=radio].check-your-gear:checked ~ div.check-your-gear,
|
|
.charsheet input[type=radio].locate-your-objective:checked ~ div.locate-your-objective,
|
|
.charsheet input[type=radio].escape-the-depths:checked ~ div.escape-the-depths,
|
|
.charsheet input[type=radio].reveal-a-danger-alt:checked ~ div.reveal-a-danger-alt,
|
|
.charsheet input[type=radio].wield-a-rarity:checked ~ div.wield-a-rarity,
|
|
.charsheet input[type=radio].mark-your-failure:checked ~ div.mark-your-failure,
|
|
.charsheet input[type=radio].learn-from-your-failures:checked ~ div.learn-from-your-failures,
|
|
.charsheet input[type=radio].advance-a-threat:checked ~ div.advance-a-threat,
|
|
.charsheet input[type=radio].take-a-hiatus:checked ~ div.take-a-hiatus {
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.2s ease;
|
|
}
|
|
.charsheet .move-nav-child {
|
|
display: flex;
|
|
width: auto;
|
|
height: 1.3em;
|
|
padding: 0;
|
|
margin: 0.2em 0em 0.2em 0em;
|
|
text-align: center;
|
|
}
|
|
.charsheet ::-webkit-scrollbar {
|
|
-webkit-appearance: none;
|
|
width: 7px;
|
|
}
|
|
.charsheet ::-webkit-scrollbar-thumb {
|
|
border-radius: 4px;
|
|
background-color: rgba(0,0,0,0.5);
|
|
box-shadow: 0 0 1px rgba(255,255,255,0.5);
|
|
}
|
|
.charsheet .move-delve-column-stat-header,
|
|
.charsheet .move-delve-stat-column {
|
|
width: 16%;
|
|
}
|
|
.charsheet .move-delve-column-stat-header-1,
|
|
.charsheet .move-delve-stat-column-1 {
|
|
width: 17%;
|
|
}
|
|
.charsheet .move-delve-column-stat-header-2,
|
|
.charsheet .move-delve-stat-column-2 {
|
|
width: 18%;
|
|
}
|
|
.charsheet .move-delve-column-stat-header-3,
|
|
.charsheet .move-delve-stat-column-3 {
|
|
width: 15%;
|
|
}
|
|
.charsheet .move-delve-column-header,
|
|
.charsheet .move-delve-column {
|
|
width: 50%;
|
|
}
|
|
.charsheet .move-delve-column-stat-header,
|
|
.charsheet .move-delve-column-stat-header-1,
|
|
.charsheet .move-delve-column-stat-header-2,
|
|
.charsheet .move-delve-column-stat-header-3,
|
|
.charsheet .move-delve-column-header {
|
|
font-weight: bold;
|
|
}
|
|
.charsheet .move-delve-row-header {
|
|
padding: 0px 5px 0px 5px;
|
|
display: flex;
|
|
height: auto;
|
|
border-bottom: 2px solid #4c4d4f;
|
|
}
|
|
.charsheet .embedded-btn {
|
|
padding-top: 0.2em !important;
|
|
font-family: 'Montserrat', Arial, sans-serif;
|
|
}
|
|
.charsheet input.optional-move-failures:checked ~ div.optional-move-failures,
|
|
.charsheet input.optional-move-sites:checked ~ div.optional-move-sites,
|
|
.charsheet input.optional-move-threat:checked ~ div.optional-move-threat,
|
|
.charsheet input.optional-move-rarity:checked ~ div.optional-move-rarity {
|
|
display: block;
|
|
}
|
|
.charsheet .site-container {
|
|
border: 2px solid #4c4d4f;
|
|
border-radius: 0em;
|
|
margin-bottom: 1em;
|
|
padding: 1em;
|
|
}
|
|
.charsheet .site-notes {
|
|
width: 97.5% !important;
|
|
height: 156px !important;
|
|
resize: none;
|
|
margin-left: 3px;
|
|
border-radius: 0;
|
|
}
|
|
.charsheet .site-notes:focus {
|
|
outline: 3px solid #fd0;
|
|
outline-offset: 0;
|
|
box-shadow: inset 0 0 0 2px;
|
|
}
|
|
.charsheet .site-name,
|
|
.charsheet .site-location,
|
|
.charsheet .site-descriptors {
|
|
border: none;
|
|
border-radius: 0em;
|
|
background: transparent;
|
|
padding: 0;
|
|
padding-left: 0.5em;
|
|
font-family: 'Montserrat', Arial, sans-serif;
|
|
font-weight: bold;
|
|
color: #4c4d4f !important;
|
|
}
|
|
.charsheet .site-descriptors {
|
|
width: 43%;
|
|
}
|
|
.charsheet .site-location {
|
|
width: 40%;
|
|
}
|
|
.charsheet p.site-title {
|
|
text-align: left;
|
|
font-family: 'Montserrat', Arial, sans-serif;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
margin: 0 0 0px;
|
|
padding: 0.1em 0.2em 0.08em 0.2em;
|
|
text-transform: uppercase;
|
|
vertical-align: bottom;
|
|
display: inline;
|
|
color: #4c4d4f !important;
|
|
border-radius: 0;
|
|
}
|
|
.charsheet .site-name::placeholder,
|
|
.charsheet .site-location::placeholder,
|
|
.charsheet .site-descriptors::placeholder {
|
|
color: #8a8a8a !important;
|
|
}
|
|
.charsheet .site-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 1em;
|
|
}
|
|
.charsheet .site-column {
|
|
flex-direction: row;
|
|
width: 48%;
|
|
padding: 0.5em 0em 0.5em 0.7em;
|
|
}
|
|
.charsheet .denizen-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
.charsheet .denizen-column {
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 22%;
|
|
padding: 0.5em 0em 0.5em 0em;
|
|
}
|
|
.charsheet .denizen-option-column {
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 22%;
|
|
padding: 0.5em 0.5em 0.5em 0.5em;
|
|
}
|
|
.charsheet .denizen-option {
|
|
font-size: 12px;
|
|
}
|
|
.charsheet .site-progress-header {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
margin-bottom: 10px;
|
|
}
|
|
.charsheet .denizen-operand-column {
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 2%;
|
|
padding: 0.5em 0.5em 0.5em 0.5em;
|
|
}
|
|
.charsheet p.denizen-title {
|
|
text-align: left;
|
|
font-family: 'Montserrat', Arial, sans-serif;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
margin: 0 0 0px;
|
|
text-transform: uppercase;
|
|
vertical-align: bottom;
|
|
display: inline;
|
|
color: #4c4d4f !important;
|
|
}
|
|
.charsheet .denizen-input {
|
|
border: none;
|
|
border-radius: 0em;
|
|
background: transparent;
|
|
padding: 0.5em;
|
|
width: 96%;
|
|
margin-left: 3px;
|
|
}
|
|
.charsheet .denizen-input:focus {
|
|
outline: 3px solid #fd0;
|
|
outline-offset: 0;
|
|
box-shadow: inset 0 0 0 2px;
|
|
}
|
|
.charsheet .denizen-operand {
|
|
font-weight: bold;
|
|
}
|
|
.charsheet .denizen-background,
|
|
.charsheet .site-background {
|
|
background: #dedddc;
|
|
}
|
|
.charsheet h3.site-divide::after,
|
|
.charsheet h3.site-divide::before {
|
|
display: inline-block;
|
|
content: "";
|
|
height: 5px;
|
|
border-top: 2px solid #4c4d4f;
|
|
top: 0;
|
|
width: 331px;
|
|
}
|
|
.charsheet h3.site-denizens-divide::after,
|
|
.charsheet h3.site-denizens-divide::before {
|
|
display: inline-block;
|
|
content: "";
|
|
height: 5px;
|
|
border-top: 2px solid #4c4d4f;
|
|
top: 0;
|
|
width: 336px;
|
|
}
|
|
.charsheet h3.site-divide-notes::after,
|
|
.charsheet h3.site-divide-notes::before {
|
|
display: inline-block;
|
|
content: "";
|
|
height: 5px;
|
|
border-top: 2px solid #4c4d4f;
|
|
top: 0;
|
|
width: 352px;
|
|
}
|
|
.charsheet .sites-container {
|
|
margin-top: 1em;
|
|
}
|
|
.charsheet label.site-details {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 48.7%;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: auto;
|
|
border-radius: 0em;
|
|
}
|
|
.charsheet .site-details-content {
|
|
width: 100%;
|
|
padding: 0.2em;
|
|
text-align: center;
|
|
border-radius: 0em;
|
|
}
|
|
.charsheet .site-details-button:checked ~ .site-details-content {
|
|
background: #4c4d4f;
|
|
color: #fff;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .show-theme-domains,
|
|
.charsheet .show-site-info {
|
|
margin-top: 0.5em;
|
|
transition: all 0.7s !important;
|
|
}
|
|
.charsheet .show-theme-domains {
|
|
justify-content: space-between;
|
|
}
|
|
.charsheet input[type="checkbox"].show-site-info:checked ~ div.show-site-info,
|
|
.charsheet input[type="checkbox"].show-theme-domains:checked ~ div.show-theme-domains {
|
|
flex-flow: column;
|
|
visibility: visible;
|
|
transition: all 0.7s !important;
|
|
height: 640px;
|
|
opacity: 1;
|
|
}
|
|
.charsheet div.show-theme-domains {
|
|
display: flex;
|
|
flex-flow: row !important;
|
|
}
|
|
.charsheet h3.site-divide-notes {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
.charsheet input.site-name {
|
|
width: 70%;
|
|
padding: 2px;
|
|
}
|
|
.charsheet input.site-name:focus {
|
|
outline: 3px solid #fd0;
|
|
outline-offset: 0;
|
|
box-shadow: inset 0 0 0 2px;
|
|
}
|
|
.charsheet .site-card-container {
|
|
display: flex;
|
|
font-family: 'Crimson Text', Arial, sans-serif;
|
|
font-size: 1em;
|
|
padding: 1em;
|
|
}
|
|
.charsheet .domain-cards,
|
|
.charsheet .theme-cards {
|
|
border: 2px solid #4c4d4f;
|
|
border-radius: 1em;
|
|
}
|
|
.charsheet .domain-header,
|
|
.charsheet .theme-header {
|
|
margin-top: 0.7em;
|
|
}
|
|
.charsheet .domain-column,
|
|
.charsheet .theme-column {
|
|
width: 100%;
|
|
}
|
|
.charsheet .card-column {
|
|
width: 48.7%;
|
|
}
|
|
.charsheet .site-details-bar {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.charsheet input[type='radio'].theme-cards:checked ~ div.theme-cards,
|
|
.charsheet input[type='radio'].domain-cards:checked ~ div.domain-cards,
|
|
.charsheet input[type='radio'].custom-cards:checked ~ div.custom-cards {
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.7s ease;
|
|
}
|
|
.charsheet input[type='radio'].ancient:checked ~ div.ancient,
|
|
.charsheet input[type='radio'].corrupted:checked ~ div.corrupted,
|
|
.charsheet input[type='radio'].fortified:checked ~ div.fortified,
|
|
.charsheet input[type='radio'].hallowed:checked ~ div.hallowed,
|
|
.charsheet input[type='radio'].haunted:checked ~ div.haunted,
|
|
.charsheet input[type='radio'].infested:checked ~ div.infested,
|
|
.charsheet input[type='radio'].ravaged:checked ~ div.ravaged,
|
|
.charsheet input[type='radio'].wild:checked ~ div.wild,
|
|
.charsheet input[type='radio'].barrow:checked ~ div.barrow,
|
|
.charsheet input[type='radio'].cavern:checked ~ div.cavern,
|
|
.charsheet input[type='radio'].frozen-cavern:checked ~ div.frozen-cavern,
|
|
.charsheet input[type='radio'].ice-reach:checked ~ div.ice-reach,
|
|
.charsheet input[type='radio'].mine:checked ~ div.mine,
|
|
.charsheet input[type='radio'].pass:checked ~ div.pass,
|
|
.charsheet input[type='radio'].ruin:checked ~ div.ruin,
|
|
.charsheet input[type='radio'].sea-cave:checked ~ div.sea-cave,
|
|
.charsheet input[type='radio'].shadowfen:checked ~ div.shadowfen,
|
|
.charsheet input[type='radio'].stronghold:checked ~ div.stronghold,
|
|
.charsheet input[type='radio'].tanglewood:checked ~ div.tanglewood,
|
|
.charsheet input[type='radio'].underkeep:checked ~ div.underkeep {
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.7s ease;
|
|
}
|
|
.charsheet input[type="checkbox"].showhide:checked ~ div.showhide,
|
|
.charsheet input[type="checkbox"].asset-companion:checked ~ div.companion,
|
|
.charsheet input[type="checkbox"].asset-path:checked ~ div.path,
|
|
.charsheet input[type="checkbox"].asset-combat-talent:checked ~ div.combat-talent,
|
|
.charsheet input[type="checkbox"].asset-ritual:checked ~ div.ritual,
|
|
.charsheet input[type="checkbox"].asset-custom:checked ~ div.asset-custom,
|
|
.charsheet input[type="checkbox"].asset-summary-custom:checked ~ div.asset-summary-custom {
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.2s ease;
|
|
}
|
|
.charsheet input[type="checkbox"].cave-lion:checked ~ div.cave-lion,
|
|
.charsheet input[type="checkbox"].giant-spider:checked ~ div.giant-spider,
|
|
.charsheet input[type="checkbox"].hawk:checked ~ div.hawk,
|
|
.charsheet input[type="checkbox"].horse:checked ~ div.horse,
|
|
.charsheet input[type="checkbox"].hound:checked ~ div.hound,
|
|
.charsheet input[type="checkbox"].kindred:checked ~ div.kindred,
|
|
.charsheet input[type="checkbox"].mammoth:checked ~ div.mammoth,
|
|
.charsheet input[type="checkbox"].owl:checked ~ div.owl,
|
|
.charsheet input[type="checkbox"].raven:checked ~ div.raven,
|
|
.charsheet input[type="checkbox"].young-wyvern:checked ~ div.young-wyvern,
|
|
.charsheet input[type="checkbox"].alchemist:checked ~ div.alchemist,
|
|
.charsheet input[type="checkbox"].animal-kin:checked ~ div.animal-kin,
|
|
.charsheet input[type="checkbox"].banner-sworn:checked ~ div.banner-sworn,
|
|
.charsheet input[type="checkbox"].battle-scarred:checked ~ div.battle-scarred,
|
|
.charsheet input[type="checkbox"].blade-bound:checked ~ div.blade-bound,
|
|
.charsheet input[type="checkbox"].bonded:checked ~ div.bonded,
|
|
.charsheet input[type="checkbox"].dancer:checked ~ div.dancer,
|
|
.charsheet input[type="checkbox"].devotant:checked ~ div.devotant,
|
|
.charsheet input[type="checkbox"].empowered:checked ~ div.empowered,
|
|
.charsheet input[type="checkbox"].fortune-hunter:checked ~ div.fortune-hunter,
|
|
.charsheet input[type="checkbox"].herbalist:checked ~ div.herbalist,
|
|
.charsheet input[type="checkbox"].honorbound:checked ~ div.honorbound,
|
|
.charsheet input[type="checkbox"].improviser:checked ~ div.improviser,
|
|
.charsheet input[type="checkbox"].infiltrator:checked ~ div.infiltrator,
|
|
.charsheet input[type="checkbox"].loyalist:checked ~ div.loyalist,
|
|
.charsheet input[type="checkbox"].masked:checked ~ div.masked,
|
|
.charsheet input[type="checkbox"].oathbreaker:checked ~ div.oathbreaker,
|
|
.charsheet input[type="checkbox"].outcast:checked ~ div.outcast,
|
|
.charsheet input[type="checkbox"].pretender:checked ~ div.pretender,
|
|
.charsheet input[type="checkbox"].revenant:checked ~ div.revenant,
|
|
.charsheet input[type="checkbox"].rider:checked ~ div.rider,
|
|
.charsheet input[type="checkbox"].ritualist:checked ~ div.ritualist,
|
|
.charsheet input[type="checkbox"].shadow-kin:checked ~ div.shadow-kin,
|
|
.charsheet input[type="checkbox"].sighted:checked ~ div.sighted,
|
|
.charsheet input[type="checkbox"].slayer:checked ~ div.slayer,
|
|
.charsheet input[type="checkbox"].spirit-bound:checked ~ div.spirit-bound,
|
|
.charsheet input[type="checkbox"].storyweaver:checked ~ div.storyweaver,
|
|
.charsheet input[type="checkbox"].trickster:checked ~ div.trickster,
|
|
.charsheet input[type="checkbox"].veteran:checked ~ div.veteran,
|
|
.charsheet input[type="checkbox"].waterborn:checked ~ div.waterborn,
|
|
.charsheet input[type="checkbox"].wayfinder:checked ~ div.wayfinder,
|
|
.charsheet input[type="checkbox"].weapon-master:checked ~ div.weapon-master,
|
|
.charsheet input[type="checkbox"].wildblood:checked ~ div.wildblood,
|
|
.charsheet input[type="checkbox"].wright:checked ~ div.wright,
|
|
.charsheet input[type="checkbox"].archer:checked ~ div.archer,
|
|
.charsheet input[type="checkbox"].berserker:checked ~ div.berserker,
|
|
.charsheet input[type="checkbox"].brawler:checked ~ div.brawler,
|
|
.charsheet input[type="checkbox"].cutthroat:checked ~ div.cutthroat,
|
|
.charsheet input[type="checkbox"].duelist:checked ~ div.duelist,
|
|
.charsheet input[type="checkbox"].fletcher:checked ~ div.fletcher,
|
|
.charsheet input[type="checkbox"].ironclad:checked ~ div.ironclad,
|
|
.charsheet input[type="checkbox"].long-arm:checked ~ div.long-arm,
|
|
.charsheet input[type="checkbox"].shield-bearer:checked ~ div.shield-bearer,
|
|
.charsheet input[type="checkbox"].skirmisher:checked ~ div.skirmisher,
|
|
.charsheet input[type="checkbox"].slinger:checked ~ div.slinger,
|
|
.charsheet input[type="checkbox"].sunderer:checked ~ div.sunderer,
|
|
.charsheet input[type="checkbox"].swordmaster:checked ~ div.swordmaster,
|
|
.charsheet input[type="checkbox"].thunder-bringer:checked ~ div.thunder-bringer,
|
|
.charsheet input[type="checkbox"].augur:checked ~ div.augur,
|
|
.charsheet input[type="checkbox"].awakening:checked ~ div.awakening,
|
|
.charsheet input[type="checkbox"].bind:checked ~ div.bind,
|
|
.charsheet input[type="checkbox"].communion:checked ~ div.communion,
|
|
.charsheet input[type="checkbox"].divination:checked ~ div.divination,
|
|
.charsheet input[type="checkbox"].invoke:checked ~ div.invoke,
|
|
.charsheet input[type="checkbox"].keen:checked ~ div.keen,
|
|
.charsheet input[type="checkbox"].leech:checked ~ div.leech,
|
|
.charsheet input[type="checkbox"].lightbearer:checked ~ div.lightbearer,
|
|
.charsheet input[type="checkbox"].scry:checked ~ div.scry,
|
|
.charsheet input[type="checkbox"].shadow-walk:checked ~ div.shadow-walk,
|
|
.charsheet input[type="checkbox"].sway:checked ~ div.sway,
|
|
.charsheet input[type="checkbox"].talisman:checked ~ div.talisman,
|
|
.charsheet input[type="checkbox"].tether:checked ~ div.tether,
|
|
.charsheet input[type="checkbox"].totem:checked ~ div.totem,
|
|
.charsheet input[type="checkbox"].visage:checked ~ div.visage,
|
|
.charsheet input[type="checkbox"].ward:checked ~ div.ward {
|
|
display: block;
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.2s ease;
|
|
}
|
|
.charsheet select.path-dropdown option[value="alchemist"] ~ .alchemist {
|
|
display: flex;
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.2s ease;
|
|
}
|
|
.charsheet input[type="radio"].asset-builder:checked ~ div.asset-builder,
|
|
.charsheet input[type="radio"].asset-view:checked ~ div.asset-view {
|
|
display: block;
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.2s ease;
|
|
}
|
|
.charsheet input[type="checkbox"].builder-titles-1:checked ~ div.builder-titles-1,
|
|
.charsheet input[type="checkbox"].builder-titles-2:checked ~ div.builder-titles-2,
|
|
.charsheet input[type="checkbox"].builder-titles-3:checked ~ div.builder-titles-3,
|
|
.charsheet input[type="checkbox"].builder-ability-1-text:checked ~ div.builder-ability-1-text,
|
|
.charsheet input[type="checkbox"].builder-ability-1-text-input:checked ~ div.builder-ability-1-text-input,
|
|
.charsheet input[type="checkbox"].builder-ability-2-text:checked ~ div.builder-ability-2-text,
|
|
.charsheet input[type="checkbox"].builder-ability-2-text-input:checked ~ div.builder-ability-2-text-input,
|
|
.charsheet input[type="checkbox"].builder-ability-3-text:checked ~ div.builder-ability-3-text,
|
|
.charsheet input[type="checkbox"].builder-ability-3-text-input:checked ~ div.builder-ability-3-text-input,
|
|
.charsheet input[type="checkbox"].track-dropdown-1:checked ~ div.track-dropdown-1,
|
|
.charsheet input[type="checkbox"].track-dropdown-2:checked ~ div.track-dropdown-2,
|
|
.charsheet input[type="checkbox"].track-dropdown-3:checked ~ div.track-dropdown-3,
|
|
.charsheet input[type="checkbox"].track-dropdown-4:checked ~ div.track-dropdown-4,
|
|
.charsheet input[type="checkbox"].track-dropdown-5:checked ~ div.track-dropdown-5,
|
|
.charsheet input[type="checkbox"].track-dropdown-6:checked ~ div.track-dropdown-6 {
|
|
display: flex;
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.2s ease;
|
|
}
|
|
.charsheet div.builder-titles-1,
|
|
.charsheet div.builder-titles-2,
|
|
.charsheet div.builder-titles-3 {
|
|
flex-flow: column;
|
|
margin-bottom: 0.3em;
|
|
}
|
|
.charsheet div.builder-ability-1-text,
|
|
.charsheet div.builder-ability-2-text,
|
|
.charsheet div.builder-ability-3-text,
|
|
.charsheet div.builder-ability-1-text-input,
|
|
.charsheet div.builder-ability-2-text-input,
|
|
.charsheet div.builder-ability-3-text-input {
|
|
align-items: flex-start;
|
|
}
|
|
.charsheet div.track-dropdown-1,
|
|
.charsheet div.track-dropdown-2,
|
|
.charsheet div.track-dropdown-3,
|
|
.charsheet div.track-dropdown-4,
|
|
.charsheet div.track-dropdown-5,
|
|
.charsheet div.track-dropdown-6 {
|
|
width: 100%;
|
|
}
|
|
.charsheet .view-title-width {
|
|
width: 22em;
|
|
margin: 0em 1em;
|
|
}
|
|
.charsheet .asset-custom {
|
|
padding: 0.2em;
|
|
background: linear-gradient(to bottom, #ccc 2em, #fff 2em, #fff);
|
|
}
|
|
.charsheet .asset-custom > input[type=radio] {
|
|
margin-left: 4px;
|
|
}
|
|
.charsheet .asset-custom div[class|=builder-ability] {
|
|
align-items: flex-start;
|
|
}
|
|
.charsheet div.asset-view,
|
|
.charsheet div.asset-builder {
|
|
margin-top: 0.3em;
|
|
}
|
|
.charsheet input[type=checkbox].custom-asset-ability {
|
|
opacity: 1;
|
|
margin: 0px 5px 0 5px;
|
|
}
|
|
.charsheet .custom-track {
|
|
width: 100%;
|
|
min-width: 20.5em;
|
|
margin: 0 !important;
|
|
}
|
|
.charsheet .ability-checkbox,
|
|
.charsheet .build-text {
|
|
font-family: 'Crimson Text', Arial, sans-serif;
|
|
font-size: 13px;
|
|
resize: none;
|
|
height: 100px;
|
|
width: 22em;
|
|
margin: 0em 0.5em 0em 0.4em;
|
|
}
|
|
.charsheet .ability-text {
|
|
font-family: 'Crimson Text', Arial, sans-serif;
|
|
font-size: 14.3px;
|
|
resize: none;
|
|
height: 100px;
|
|
margin-bottom: 0em;
|
|
width: 18em;
|
|
}
|
|
.charsheet .builder-dropdown {
|
|
font-size: 14px;
|
|
}
|
|
.charsheet .asset-description {
|
|
margin: 0 12px 0px 12px;
|
|
font-family: 'Crimson Text', Arial, sans-serif;
|
|
}
|
|
.charsheet div.asset-ability {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0px 12px 6px 10px;
|
|
}
|
|
.charsheet div.asset-ability ul {
|
|
margin-left: 15px;
|
|
margin-bottom: 0;
|
|
}
|
|
.charsheet div.assets {
|
|
display: block !important;
|
|
text-align: left;
|
|
}
|
|
.charsheet div.assets .repcontainer {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
padding: 0.5em;
|
|
font-family: 'Crimson Text', Arial, sans-serif;
|
|
justify-content: space-evenly;
|
|
}
|
|
.charsheet div.assets .repcontainer .repitem {
|
|
float: left !important;
|
|
}
|
|
.charsheet .assets.assets-summary .repcontainer {
|
|
padding: 0px 4px 0px 0px;
|
|
}
|
|
.charsheet .assets.assets-summary .repitem {
|
|
width: 100%;
|
|
}
|
|
.charsheet fieldset.assets-summary~.repcontrol {
|
|
display: none;
|
|
}
|
|
.charsheet input.asset-summary-ability-toggle:checked + .flex-container.hide-element {
|
|
display: flex;
|
|
}
|
|
.charsheet input.asset-summary-custom-ability-toggle:checked ~ .hide-element {
|
|
display: block;
|
|
}
|
|
.charsheet .asset-summary-header {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
background-color: #dfe0e2;
|
|
border-bottom: 1px solid #4c4d4f;
|
|
width: 100%;
|
|
line-height: 1.5em;
|
|
}
|
|
.charsheet .asset-write-in {
|
|
margin-bottom: 4px;
|
|
}
|
|
.charsheet .asset-ability-write-in {
|
|
margin-top: 4px;
|
|
}
|
|
.charsheet .asset-write-in {
|
|
display: flex;
|
|
white-space: nowrap;
|
|
}
|
|
.charsheet .asset-ability-write-in {
|
|
display: inline;
|
|
white-space: nowrap;
|
|
}
|
|
.charsheet .asset {
|
|
display: inline-block;
|
|
width: 320px;
|
|
max-width: 320px;
|
|
border: 2px solid #4c4d4f;
|
|
margin-bottom: 20px;
|
|
font-size: 14.3px;
|
|
line-height: 1.25;
|
|
}
|
|
.charsheet .asset input.border-bottom {
|
|
border-bottom-color: #4c4d4f;
|
|
}
|
|
.charsheet .asset.asset-summary {
|
|
width: 100%;
|
|
max-width: none;
|
|
min-width: 320px;
|
|
margin-bottom: 0px;
|
|
}
|
|
.charsheet .asset-write-in input,
|
|
.charsheet .asset-ability-write-in input {
|
|
height: 1.4em;
|
|
width: 100%;
|
|
padding: 0;
|
|
margin-left: 5px;
|
|
margin-top: 2px;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
}
|
|
.charsheet input[type="checkbox"].asset-ability {
|
|
opacity: 1 !important;
|
|
margin-top: 0.2em;
|
|
}
|
|
.charsheet .asset-header {
|
|
background: #4c4d4f;
|
|
color: #fff;
|
|
}
|
|
.charsheet .asset-type-selection {
|
|
background: #4c4d4f;
|
|
color: #fff;
|
|
border: 0;
|
|
}
|
|
.charsheet .asset-type-dropdown {
|
|
color: #fff;
|
|
background: #4c4d4f;
|
|
width: auto;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
-webkit-appearance: menulist;
|
|
margin: 6px 4px;
|
|
}
|
|
.charsheet .sub-dropdown {
|
|
-webkit-appearance: menulist;
|
|
width: auto;
|
|
margin: 7px 4px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
}
|
|
.charsheet .asset-track-wrapper {
|
|
margin: 10px;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.charsheet .asset-track-box {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 0%;
|
|
background: transparent;
|
|
border: 2px solid #4c4d4f;
|
|
padding: 5px;
|
|
max-width: 40px;
|
|
}
|
|
.charsheet .asset-track-wrapper-wordy {
|
|
text-transform: uppercase;
|
|
}
|
|
.charsheet .asset-track-wrapper-wordy .asset-track-box {
|
|
flex-direction: row;
|
|
max-width: none;
|
|
}
|
|
.charsheet .asset-track-box-display {
|
|
font-size: 17px;
|
|
font-weight: bold;
|
|
}
|
|
.charsheet .ability-top {
|
|
margin-top: 1em;
|
|
}
|
|
.charsheet .builder-name {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
.charsheet span.custom-asset-page {
|
|
margin-left: 0.3em;
|
|
margin-right: 0.5em;
|
|
}
|
|
.charsheet .asset-description-text {
|
|
margin-top: 0.4em;
|
|
}
|
|
.charsheet .asset-name {
|
|
display: inline;
|
|
}
|
|
.charsheet .asset-body {
|
|
font-size: 14.3px;
|
|
line-height: 1.25;
|
|
margin: 0 0 4px;
|
|
}
|
|
.charsheet input.oracle-ironsworn:checked ~ div.oracle-ironsworn,
|
|
.charsheet input.oracle-delve:checked ~ div.oracle-delve {
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.7s ease;
|
|
}
|
|
.charsheet .oracle-btn {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
.charsheet .oracle-name {
|
|
text-transform: capitalize;
|
|
}
|
|
.charsheet .oracles {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: column;
|
|
}
|
|
.charsheet .oracle {
|
|
margin: 0em;
|
|
color: #4c4d4f !important;
|
|
display: flex;
|
|
}
|
|
.charsheet input[type=radio].plot-action:checked ~ div.plot-action,
|
|
.charsheet input[type=radio].plot-theme:checked ~ div.plot-theme,
|
|
.charsheet input[type=radio].location-region:checked ~ div.location-region,
|
|
.charsheet input[type=radio].location-location:checked ~ div.location-location,
|
|
.charsheet input[type=radio].location-coastal-waters-location:checked ~ div.location-coastal-waters-location,
|
|
.charsheet input[type=radio].location-descriptor:checked ~ div.location-descriptor,
|
|
.charsheet input[type=radio].location-settlement-name:checked ~ div.location-settlement-name,
|
|
.charsheet input[type=radio].location-quick-settlement-name:checked ~ div.location-quick-settlement-name,
|
|
.charsheet input[type=radio].plot-settlement-trouble:checked ~ div.plot-settlement-trouble,
|
|
.charsheet input[type=radio].character-role:checked ~ div.character-role,
|
|
.charsheet input[type=radio].character-goal:checked ~ div.character-goal,
|
|
.charsheet input[type=radio].character-descriptor:checked ~ div.character-descriptor,
|
|
.charsheet input[type=radio].names-ironlander:checked ~ div.names-ironlander,
|
|
.charsheet input[type=radio].names-elf:checked ~ div.names-elf,
|
|
.charsheet input[type=radio].names-giant:checked ~ div.names-giant,
|
|
.charsheet input[type=radio].names-varou:checked ~ div.names-varou,
|
|
.charsheet input[type=radio].names-troll:checked ~ div.names-troll,
|
|
.charsheet input[type=radio].plot-combat-actions:checked ~ div.plot-combat-actions,
|
|
.charsheet input[type=radio].plot-mystic-backlash:checked ~ div.plot-mystic-backlash,
|
|
.charsheet input[type=radio].plot-major-plot-twist:checked ~ div.plot-major-plot-twist,
|
|
.charsheet input[type=radio].plot-challenge-rank:checked ~ div.plot-challenge-rank,
|
|
.charsheet input[type=radio].fate-pay-the-price:checked ~ div.fate-pay-the-price,
|
|
.charsheet input[type=radio].fate-ask-the-oracle:checked ~ div.fate-ask-the-oracle,
|
|
.charsheet input[type=radio].endure-harm:checked ~ div.endure-harm,
|
|
.charsheet input[type=radio].endure-stress:checked ~ div.endure-stress,
|
|
.charsheet input[type=radio].feature-aspect:checked ~ div.feature-aspect,
|
|
.charsheet input[type=radio].feature-focus:checked ~ div.feature-focus,
|
|
.charsheet input[type=radio].site-name-format:checked ~ div.site-name-format,
|
|
.charsheet input[type=radio].site-name-description:checked ~ div.site-name-description,
|
|
.charsheet input[type=radio].site-name-detail:checked ~ div.site-name-detail,
|
|
.charsheet input[type=radio].site-name-namesake:checked ~ div.site-name-namesake,
|
|
.charsheet input[type=radio].site-name-place:checked ~ div.site-name-place,
|
|
.charsheet input[type=radio].site-nature-theme:checked ~ div.site-nature-theme,
|
|
.charsheet input[type=radio].site-nature-domain:checked ~ div.site-nature-domain,
|
|
.charsheet input[type=radio].character-disposition:checked ~ div.character-disposition,
|
|
.charsheet input[type=radio].character-activity:checked ~ div.character-activity,
|
|
.charsheet input[type=radio].monstrosity-size:checked ~ div.monstrosity-size,
|
|
.charsheet input[type=radio].monstrosity-primary-form:checked ~ div.monstrosity-primary-form,
|
|
.charsheet input[type=radio].monstrosity-characteristics:checked ~ div.monstrosity-characteristics,
|
|
.charsheet input[type=radio].monstrosity-abilities:checked ~ div.monstrosity-abilities,
|
|
.charsheet input[type=radio].trap-event:checked ~ div.trap-event,
|
|
.charsheet input[type=radio].trap-component:checked ~ div.trap-component,
|
|
.charsheet input[type=radio].combat-event-method:checked ~ div.combat-event-method,
|
|
.charsheet input[type=radio].combat-event-target:checked ~ div.combat-event-target,
|
|
.charsheet input[type=radio].threat-advance-a-threat:checked ~ div.threat-advance-a-threat,
|
|
.charsheet input[type=radio].threat-category:checked ~ div.threat-category,
|
|
.charsheet input[type=radio].threat-cursed-site:checked ~ div.threat-cursed-site,
|
|
.charsheet input[type=radio].threat-burgeoning-conflict:checked ~ div.threat-burgeoning-conflict,
|
|
.charsheet input[type=radio].threat-environmental-calamity:checked ~ div.threat-environmental-calamity,
|
|
.charsheet input[type=radio].threat-malignant-plague:checked ~ div.threat-malignant-plague,
|
|
.charsheet input[type=radio].threat-rampaging-creature:checked ~ div.threat-rampaging-creature,
|
|
.charsheet input[type=radio].threat-ravaging-horde:checked ~ div.threat-ravaging-horde,
|
|
.charsheet input[type=radio].threat-scheming-leader:checked ~ div.threat-scheming-leader,
|
|
.charsheet input[type=radio].threat-power-hungry-mystic:checked ~ div.threat-power-hungry-mystic,
|
|
.charsheet input[type=radio].threat-zealous-cult:checked ~ div.threat-zealous-cult,
|
|
.charsheet input[type=radio].moves-ask-the-oracle:checked ~ div.moves-ask-the-oracle,
|
|
.charsheet input[type=radio].moves-pay-the-price:checked ~ div.moves-pay-the-price {
|
|
visibility: visible;
|
|
height: auto;
|
|
opacity: 1;
|
|
transition: 0.2s ease;
|
|
}
|
|
.charsheet .oracle-container {
|
|
display: flex;
|
|
opacity: 1;
|
|
font-family: 'Montserrat', Arial, sans-serif;
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
justify-content: space-between;
|
|
margin-top: 1em;
|
|
padding: 0.1em;
|
|
}
|
|
.charsheet .oracle-column {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.charsheet .oracle-sub-column {
|
|
width: 50%;
|
|
}
|
|
.charsheet .oracle-roll {
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
.charsheet .theme-outline {
|
|
border: 1px solid #4c4d4f;
|
|
}
|
|
.charsheet span.oracle-result {
|
|
width: 80%;
|
|
font-size: 13px;
|
|
}
|
|
.charsheet .oracle-box {
|
|
border: 2px solid #4c4d4f;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
}
|
|
.charsheet .oracle-box:nth-child(n+2) {
|
|
margin-top: 10px;
|
|
}
|
|
.charsheet .oracle-title {
|
|
background-color: #4c4d4f;
|
|
color: #fff;
|
|
border-bottom: 1px solid #4c4d4f;
|
|
font-size: 1.4em;
|
|
font-weight: bold;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
text-transform: uppercase;
|
|
}
|
|
.charsheet .oracle-table-preview {
|
|
width: auto;
|
|
}
|
|
.charsheet .oracle-show {
|
|
display: inline-flex;
|
|
font-size: 1em;
|
|
margin: 0em;
|
|
padding: 0.3em;
|
|
}
|
|
.charsheet .oracle-show:hover {
|
|
background: #969696;
|
|
cursor: pointer;
|
|
transition: 0.5s ease;
|
|
}
|
|
.charsheet .oracle-table {
|
|
border: 2px solid #4c4d4f;
|
|
}
|
|
.charsheet .flex-table {
|
|
display: flex;
|
|
}
|
|
.charsheet .oracle-row:nth-child(2n+1),
|
|
.charsheet .oracle:nth-child(2n+1) {
|
|
background-color: #ddd;
|
|
}
|
|
.charsheet .oracle-row {
|
|
padding: 3px 0px 3px 0px;
|
|
display: flex;
|
|
height: auto;
|
|
}
|
|
.charsheet .oracle-row-2 {
|
|
width: 50%;
|
|
}
|
|
.charsheet .oracle-row-3 {
|
|
width: 33.33%;
|
|
}
|
|
.charsheet .oracle-row-4 {
|
|
width: 25%;
|
|
}
|
|
.charsheet .oracle-roll {
|
|
width: 20%;
|
|
padding-left: 0.5em;
|
|
}
|
|
.charsheet .oracle-table-2-column {
|
|
display: flex;
|
|
flex-flow: column wrap;
|
|
height: 50em;
|
|
}
|
|
.charsheet .oracle-table-3-column {
|
|
display: flex;
|
|
flex-flow: column wrap;
|
|
height: 65em;
|
|
}
|
|
.charsheet .oracle-table-4-column {
|
|
display: flex;
|
|
flex-flow: column wrap;
|
|
height: 95em;
|
|
}
|
|
.charsheet .oracle-table-2-column-group {
|
|
display: flex;
|
|
}
|
|
.charsheet .table-list {
|
|
width: 33%;
|
|
}
|
|
.charsheet .oracle-column.table-main {
|
|
width: 66%;
|
|
}
|
|
.charsheet .oracle-footer {
|
|
background-color: #434b4d;
|
|
color: #fff;
|
|
line-height: 0.9em;
|
|
font-size: 0.9em;
|
|
font-family: 'Montserrat', Arial, sans-serif;
|
|
font-variant: small-caps;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
padding: 0.5rem;
|
|
}
|
|
.charsheet .oracle-preview {
|
|
width: max-content;
|
|
}
|
|
.charsheet .column-wrap {
|
|
width: 50%;
|
|
}
|
|
.ui-dialog .charsheet .repcontainer .repitem .itemcontrol .repcontrol_del {
|
|
float: right;
|
|
width: auto;
|
|
margin: 0;
|
|
height: auto;
|
|
}
|
|
.ui-dialog .charsheet .repcontainer .repitem .itemcontrol .repcontrol_move {
|
|
cursor: move;
|
|
width: auto;
|
|
margin: 0;
|
|
height: auto;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-subfooter-momentum {
|
|
text-align: right !important;
|
|
margin-right: 10px;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-challenge-dice-title::after,
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-action-score-title::after,
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-progress-title::after,
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-momentum-title::after,
|
|
.sheet-rolltemplate-ironsworn_progress .sheet-challenge-dice-title::after,
|
|
.sheet-rolltemplate-ironsworn_progress .sheet-action-score-title::after,
|
|
.sheet-rolltemplate-ironsworn_progress .sheet-progress-title::after {
|
|
content: ": ";
|
|
}
|
|
.sheet-rolltemplate-ironsworn_oracles .sheet-result-row,
|
|
.sheet-rolltemplate-moves_oracles .sheet-result-row,
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-discover-a-site-row,
|
|
.sheet-rolltemplate-delve_oracles .sheet-result-row {
|
|
padding: 0.5em;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_oracles .sheet-oracle-dice,
|
|
.sheet-rolltemplate-moves_oracles .sheet-oracle-dice,
|
|
.sheet-rolltemplate-ironsworn_delve .sheet-oracle-dice,
|
|
.sheet-rolltemplate-delve_oracles .sheet-oracle-dice {
|
|
align-self: center;
|
|
margin-right: 0.5em;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_oracles .sheet-oracle-dice span,
|
|
.sheet-rolltemplate-moves_oracles .sheet-oracle-dice span,
|
|
.sheet-rolltemplate-ironsworn_delve .sheet-oracle-dice span,
|
|
.sheet-rolltemplate-delve_oracles .sheet-oracle-dice span {
|
|
border: 0px !important;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_oracles .sheet-oracle-double-dice,
|
|
.sheet-rolltemplate-moves_oracles .sheet-oracle-double-dice,
|
|
.sheet-rolltemplate-ironsworn_delve .sheet-oracle-double-dice,
|
|
.sheet-rolltemplate-delve_oracles .sheet-oracle-double-dice {
|
|
width: 5.7em;
|
|
text-align: center;
|
|
padding: 0.1em;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_oracles .sheet-oracle-double-dice span,
|
|
.sheet-rolltemplate-moves_oracles .sheet-oracle-double-dice span,
|
|
.sheet-rolltemplate-ironsworn_delve .sheet-oracle-double-dice span,
|
|
.sheet-rolltemplate-delve_oracles .sheet-oracle-double-dice span {
|
|
border: 0px !important;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_oracles .sheet-roll-container,
|
|
.sheet-rolltemplate-moves_oracles .sheet-roll-container,
|
|
.sheet-rolltemplate-delve_oracles .sheet-roll-container {
|
|
background: #33323c;
|
|
color: #fff;
|
|
font-size: 1em;
|
|
font-family: 'Roboto', Arial, sans-serif;
|
|
border: 1px solid #000;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_oracles .sheet-result-row,
|
|
.sheet-rolltemplate-moves_oracles .sheet-result-row,
|
|
.sheet-rolltemplate-delve_oracles .sheet-result-row {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_oracles .sheet-roll-outcome,
|
|
.sheet-rolltemplate-moves_oracles .sheet-roll-outcome,
|
|
.sheet-rolltemplate-delve_oracles .sheet-roll-outcome {
|
|
background: #403f4b;
|
|
border: 1px solid #000;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_oracles .inlinerollresult,
|
|
.sheet-rolltemplate-moves_oracles .inlinerollresult,
|
|
.sheet-rolltemplate-delve_oracles .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
border: 0px;
|
|
background: transparent;
|
|
border-radius: 1em;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_oracles .sheet-roll-outcome,
|
|
.sheet-rolltemplate-moves_oracles .sheet-roll-outcome,
|
|
.sheet-rolltemplate-delve_oracles .sheet-roll-outcome {
|
|
background: #403f4b;
|
|
border: 1px solid #000;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_oracles .sheet-subheader,
|
|
.sheet-rolltemplate-moves_oracles .sheet-subheader,
|
|
.sheet-rolltemplate-delve_oracles .sheet-subheader {
|
|
line-height: 1.5em;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
padding: 0.4em 1em 0.4em 1em;
|
|
background-color: #23222b;
|
|
text-transform: uppercase;
|
|
font-family: 'Montserrat', Arial, sans-serif;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_oracles .sheet-subfooter,
|
|
.sheet-rolltemplate-moves_oracles .sheet-subfooter,
|
|
.sheet-rolltemplate-delve_oracles .sheet-subfooter {
|
|
line-height: 1.5em;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
padding: 0.4em 0em 0.4em 0em;
|
|
background-color: #403f4b;
|
|
font-style: italic;
|
|
width: 100%;
|
|
text-align: center;
|
|
font-family: 'Montserrat', Arial, sans-serif;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_oracles .sheet-result-body,
|
|
.sheet-rolltemplate-moves_oracles .sheet-result-body,
|
|
.sheet-rolltemplate-delve_oracles .sheet-result-body {
|
|
padding: 0.4em 1em 0.4em 1em;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_delve .sheet-rarity-die {
|
|
border-top: 2px solid #000;
|
|
background-color: #6a286a;
|
|
border-bottom: 2px solid #000;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-roll-name {
|
|
padding: 0.2em 1em 0.2em 1em;
|
|
text-align: right;
|
|
font-size: 13px;
|
|
font-style: italic;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_progress .sheet-progress-name {
|
|
padding: 0.2em 1em 0.2em 1em;
|
|
text-align: left;
|
|
font-size: 13px;
|
|
font-style: italic;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-roll-container,
|
|
.sheet-rolltemplate-ironsworn_progress .sheet-roll-container {
|
|
background: #33323c;
|
|
color: #fff;
|
|
font-size: 1em;
|
|
font-family: 'Roboto', Arial, sans-serif;
|
|
border: 1px solid #000;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-result-row,
|
|
.sheet-rolltemplate-ironsworn_progress .sheet-result-row {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .inlinerollresult,
|
|
.sheet-rolltemplate-ironsworn_moves .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-ironsworn_moves .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-ironsworn_progress .inlinerollresult,
|
|
.sheet-rolltemplate-ironsworn_progress .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-ironsworn_progress .inlinerollresult.fullcrit {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
border: 0px;
|
|
background: transparent;
|
|
border-radius: 1em;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-action-score .fullfail {
|
|
border: 2px solid #d22e53;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_progress .sheet-roll-outcome,
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-roll-outcome {
|
|
background: #403f4b;
|
|
border: 1px solid #000;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-subheader,
|
|
.sheet-rolltemplate-ironsworn_progress .sheet-subheader {
|
|
line-height: 1.5em;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
padding: 0.4em 1em 0.4em 1em;
|
|
background-color: #23222b;
|
|
text-transform: uppercase;
|
|
font-family: 'Montserrat', Arial, sans-serif;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-subfooter,
|
|
.sheet-rolltemplate-ironsworn_progress .sheet-subfooter {
|
|
line-height: 1.5em;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
padding: 0.4em 0em 0.4em 0em;
|
|
background-color: #403f4b;
|
|
font-style: italic;
|
|
width: 100%;
|
|
font-family: 'Montserrat', Arial, sans-serif;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_progress .sheet-subfooter.sheet-roll-outcome-main,
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-subfooter.sheet-roll-outcome-main {
|
|
text-transform: uppercase;
|
|
font-style: normal;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-result-body,
|
|
.sheet-rolltemplate-ironsworn_progress .sheet-result-body {
|
|
padding: 0.4em 1em 0.4em 1em;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-alert,
|
|
.sheet-rolltemplate-ironsworn_progress .sheet-alert {
|
|
margin: 0.2em 0.3em 0.2em 0.3em;
|
|
border-radius: 1em;
|
|
width: auto;
|
|
padding: 0.5em;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-opportunity,
|
|
.sheet-rolltemplate-ironsworn_progress .sheet-opportunity {
|
|
width: 1em;
|
|
margin: 0.3em 0.5em 0.3em 0.3em;
|
|
border-radius: 1em;
|
|
background-color: #40819f;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-strong-hit,
|
|
.sheet-rolltemplate-ironsworn_progress .sheet-strong-hit {
|
|
width: 1em;
|
|
margin: 0.3em 0.5em 0.3em 0.3em;
|
|
border-radius: 1em;
|
|
background-color: #63a9ca;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-weak-hit,
|
|
.sheet-rolltemplate-ironsworn_progress .sheet-weak-hit {
|
|
width: 1em;
|
|
margin: 0.3em 0.5em 0.3em 0.3em;
|
|
border-radius: 1em;
|
|
background-color: #83dbff;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-miss,
|
|
.sheet-rolltemplate-ironsworn_progress .sheet-miss {
|
|
width: 1em;
|
|
margin: 0.3em 0.5em 0.3em 0.3em;
|
|
border-radius: 1em;
|
|
background-color: #d8566f;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-rarity-die {
|
|
width: 1em;
|
|
margin: 0.3em 0.5em 0.3em 0.3em;
|
|
border-radius: 1em;
|
|
background-color: #e779fb;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-complication,
|
|
.sheet-rolltemplate-ironsworn_progress .sheet-complication {
|
|
width: 1em;
|
|
margin: 0.3em 0.5em 0.3em 0.3em;
|
|
border-radius: 1em;
|
|
background-color: #d22e53;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .userscript-tcat,
|
|
.sheet-rolltemplate-ironsworn_progress .userscript-tcat {
|
|
font-weight: 900;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-momentum-title {
|
|
line-height: 22px;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-roll-container a[href^="!"],
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-roll-container a[href^="~"] {
|
|
background-color: transparent;
|
|
padding: 5px;
|
|
color: #fff;
|
|
display: inline-block;
|
|
border: none;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-roll-button {
|
|
justify-content: center;
|
|
background: #5e5d6f;
|
|
border-radius: 0.4em;
|
|
margin: 0.2em;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-roll-button:hover {
|
|
background: #9290ad;
|
|
transition: 0.5s;
|
|
}
|
|
.rolltemplate-ironsworn table>thead>tr>th,
|
|
.rolltemplate-ironsworn table>tbody>tr>th,
|
|
.rolltemplate-ironsworn table>tfoot>tr>th,
|
|
.rolltemplate-ironsworn table>thead>tr>td,
|
|
.rolltemplate-ironsworn table>tbody>tr>td,
|
|
.rolltemplate-ironsworn table>tfoot>tr>td,
|
|
.rolltemplate-ironswornoracles table>thead>tr>th,
|
|
.rolltemplate-ironswornoracles table>tbody>tr>th,
|
|
.rolltemplate-ironswornoracles table>tfoot>tr>th,
|
|
.rolltemplate-ironswornoracles table>thead>tr>td,
|
|
.rolltemplate-ironswornoracles table>tbody>tr>td,
|
|
.rolltemplate-ironswornoracles table>tfoot>tr>td,
|
|
.rolltemplate-ironsworndelve table>thead>tr>th,
|
|
.rolltemplate-ironsworndelve table>tbody>tr>th,
|
|
.rolltemplate-ironsworndelve table>tfoot>tr>th,
|
|
.rolltemplate-ironsworndelve table>thead>tr>td,
|
|
.rolltemplate-ironsworndelve table>tbody>tr>td,
|
|
.rolltemplate-ironsworndelve table>tfoot>tr>td,
|
|
.rolltemplate-ironsworndelveoracles table>thead>tr>th,
|
|
.rolltemplate-ironsworndelveoracles table>tbody>tr>th,
|
|
.rolltemplate-ironsworndelveoracles table>tfoot>tr>th,
|
|
.rolltemplate-ironsworndelveoracles table>thead>tr>td,
|
|
.rolltemplate-ironsworndelveoracles table>tbody>tr>td,
|
|
.rolltemplate-ironsworndelveoracles table>tfoot>tr>td {
|
|
padding: 4px;
|
|
border: none;
|
|
}
|
|
.rolltemplate-ironsworn table,
|
|
.rolltemplate-ironswornoracles table,
|
|
.rolltemplate-ironsworndelve table,
|
|
.rolltemplate-ironsworndelveoracles table {
|
|
width: 100%;
|
|
border: 1px solid;
|
|
color: #4c4d4f !important;
|
|
font-size: 1em;
|
|
font-family: Verdana, Arial, sans-serif;
|
|
margin: 0px;
|
|
}
|
|
.rolltemplate-ironsworn th,
|
|
.rolltemplate-ironswornoracles th,
|
|
.rolltemplate-ironsworndelve th,
|
|
.rolltemplate-ironsworndelveoracles th {
|
|
background-color: #434b4d;
|
|
color: #fff;
|
|
padding: 2px;
|
|
/*border-bottom: 1px solid #4C4D4F;*/
|
|
line-height: 1.2em;
|
|
font-size: 1.2em;
|
|
text-align: center;
|
|
}
|
|
.rolltemplate-ironsworn .subheader,
|
|
.rolltemplate-ironswornoracles .subheader,
|
|
.rolltemplate-ironsworndelve .subheader,
|
|
.rolltemplate-ironsworndelveoracles .subheader {
|
|
background-color: #434b4d;
|
|
color: #fff;
|
|
line-height: 0.9em;
|
|
font-size: 0.9em;
|
|
font-family: Verdana, arial, sans-serif;
|
|
font-variant: small-caps;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
padding: 0.5rem;
|
|
}
|
|
.rolltemplate-ironsworn .subfooter,
|
|
.rolltemplate-ironswornoracles .subfooter,
|
|
.rolltemplate-ironsworndelve .subfooter,
|
|
.rolltemplate-ironsworndelveoracles .subfooter {
|
|
background-color: #b9b9b6;
|
|
line-height: 0.9em;
|
|
font-size: 0.9em;
|
|
font-family: Verdana, arial, sans-serif;
|
|
font-variant: small-caps;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
}
|
|
.rolltemplate-ironsworndelve .rarity-die {
|
|
border-top: 2px solid #000;
|
|
color: #fff;
|
|
background-color: #6a286a;
|
|
border-bottom: 2px solid #000;
|
|
}
|
|
.rolltemplate-ironsworn .alert,
|
|
.rolltemplate-ironsworndelve .alert {
|
|
color: #fff;
|
|
background-color: #761818;
|
|
}
|
|
.rolltemplate-ironsworn .opportunity,
|
|
.rolltemplate-ironswornoracles .opportunity,
|
|
.rolltemplate-ironsworndelve .opportunity,
|
|
.rolltemplate-ironsworndelveoracles .opportunity {
|
|
color: #fff;
|
|
background-color: #0b3f0b;
|
|
}
|
|
.rolltemplate-ironsworn .strong-hit,
|
|
.rolltemplate-ironsworndelve .strong-hit {
|
|
color: #fff;
|
|
background-color: #125812;
|
|
}
|
|
.rolltemplate-ironsworn .weak-hit,
|
|
.rolltemplate-ironsworndelve .weak-hit {
|
|
color: #fff;
|
|
background-color: #186251;
|
|
}
|
|
.rolltemplate-ironsworn .miss,
|
|
.rolltemplate-ironsworndelve .miss {
|
|
color: #fff;
|
|
background-color: #7d2b1d;
|
|
}
|
|
.rolltemplate-ironsworn .complication,
|
|
.rolltemplate-ironsworndelve .complication {
|
|
color: #fff;
|
|
background-color: #761818;
|
|
}
|
|
.rolltemplate-ironsworn .userscript-tcat,
|
|
.rolltemplate-ironswornoracles .userscript-tcat,
|
|
.rolltemplate-ironsworndelve .userscript-tcat,
|
|
.rolltemplate-ironsworndelveoracles .userscript-tcat {
|
|
font-weight: bold;
|
|
}
|
|
.rolltemplate-ironsworn td,
|
|
.rolltemplate-ironswornoracles td,
|
|
.rolltemplate-ironsworndelve td,
|
|
.rolltemplate-ironsworndelveoracles td {
|
|
padding: 5px;
|
|
/*border-bottom: 1px solid #4C4D4F;*/
|
|
}
|
|
.rolltemplate-ironswornoracles .oracle-dice,
|
|
.rolltemplate-ironsworndelve .oracle-dice,
|
|
.rolltemplate-ironsworndelveoracles .oracle-dice {
|
|
width: 2em;
|
|
border-right: 1px solid;
|
|
background: #bfbfbf;
|
|
}
|
|
.rolltemplate-ironswornoracles .oracle-dice span,
|
|
.rolltemplate-ironsworndelve .oracle-dice span,
|
|
.rolltemplate-ironsworndelveoracles .oracle-dice span {
|
|
border: 0px !important;
|
|
}
|
|
.rolltemplate-ironswornoracles .oracle-double-dice,
|
|
.rolltemplate-ironsworndelve .oracle-double-dice,
|
|
.rolltemplate-ironsworndelveoracles .oracle-double-dice {
|
|
width: 5.7em;
|
|
border-right: 1px solid;
|
|
text-align: center;
|
|
background: #bfbfbf;
|
|
padding: 0.1em;
|
|
}
|
|
.rolltemplate-ironswornoracles .oracle-double-dice span,
|
|
.rolltemplate-ironsworndelve .oracle-double-dice span,
|
|
.rolltemplate-ironsworndelveoracles .oracle-double-dice span {
|
|
border: 0px !important;
|
|
}
|
|
.rolltemplate-ironsworn tr:nth-child(odd),
|
|
.rolltemplate-ironswornoracles tr:nth-child(odd),
|
|
.rolltemplate-ironsworndelve tr:nth-child(odd),
|
|
.rolltemplate-ironsworndelveoracles tr:nth-child(odd) {
|
|
background-color: #d9d9d6;
|
|
}
|
|
.rolltemplate-ironsworn tr:nth-child(even),
|
|
.rolltemplate-ironswornoracles tr:nth-child(even),
|
|
.rolltemplate-ironsworndelve tr:nth-child(even),
|
|
.rolltemplate-ironsworndelveoracles tr:nth-child(even) {
|
|
background-color: #e9e9e6;
|
|
}
|
|
.rolltemplate-ironsworn .inlinerollresult,
|
|
.rolltemplate-ironswornoracles .inlinerollresult,
|
|
.rolltemplate-ironsworndelve .inlinerollresult,
|
|
.rolltemplate-ironsworndelveoracles .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
border: 2px solid #434b4d;
|
|
background: transparent;
|
|
}
|