idispatch75
b5093f5416
* [Ironsworn] More localization and moves shortcuts * Reorder Moves in Scene categories With the new shortcuts, Pay the Price and Ask the Oracle will rarely be used, so they are moved at the bottom of the list. Secure an Advantage and Face Danger are moved to the common moves, to have the emblematic moves of each category at the top. * Fixed an i18n string * Separates scene-specific moves from common moves more clearly The border between scene-specific and common moves is mde thicker * Fixed missing closing </em> tag in translations * Added more localization support for Oracle rolls and fixed Pay the price shortcut roll * Removed i18n from labels containing elements Otherwise the content is overwritten with the localized text * Fix incorrect attribute data-l10n * Add missing localization in some roll headers
3244 lines
85 KiB
CSS
3244 lines
85 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;
|
|
width: 100%;
|
|
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 {
|
|
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;
|
|
justify-content: space-evenly;
|
|
margin-top: 1em;
|
|
}
|
|
.charsheet .settings-group-title {
|
|
align-self: center;
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
}
|
|
.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 .move-highlight:checked ~ .move-name {
|
|
background: #fd0;
|
|
outline-offset: 0;
|
|
box-shadow: inset 0 0 0 2px;
|
|
}
|
|
.charsheet .roll-show {
|
|
padding: 0 !important;
|
|
font-size: 20px !important;
|
|
margin: 0 !important;
|
|
height: auto;
|
|
}
|
|
.charsheet .roll-show:hover {
|
|
color: #fff;
|
|
}
|
|
.charsheet .roll-viewer .roll-show {
|
|
vertical-align: text-bottom;
|
|
}
|
|
.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-container {
|
|
width: 64%;
|
|
}
|
|
.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 .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;
|
|
}
|
|
.charsheet .move-roll-shortcut-title::before,
|
|
.charsheet .move-roll-shortcut-title::after {
|
|
content: "\a0";
|
|
}
|
|
.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.full-move-list:checked ~ div.full-move-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 {
|
|
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 .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: 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 .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-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;
|
|
}
|
|
.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;
|
|
margin-bottom: 2px;
|
|
}
|
|
.charsheet .asset-track-wrapper-wordy {
|
|
text-transform: uppercase;
|
|
}
|
|
.charsheet .asset-track-wrapper-wordy .asset-track-box {
|
|
flex-direction: row;
|
|
}
|
|
.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-subfooter-momentum {
|
|
text-align: right !important;
|
|
margin-right: 10px;
|
|
}
|
|
.sheet-challenge-dice-title::after,
|
|
.sheet-action-score-title::after,
|
|
.sheet-progress-title::after,
|
|
.sheet-momentum-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: 900;
|
|
text-align: left;
|
|
padding: 0.4em 1em 0.4em 1em;
|
|
background-color: #23222b;
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_oracles .sheet-subfooter,
|
|
.sheet-rolltemplate-moves_oracles .sheet-subfooter,
|
|
.sheet-rolltemplate-delve_oracles .sheet-subfooter {
|
|
line-height: 1.5em;
|
|
font-weight: 900;
|
|
text-align: left;
|
|
padding: 0.4em 0em 0.4em 0em;
|
|
background-color: #403f4b;
|
|
font-style: italic;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.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: 900;
|
|
text-align: left;
|
|
padding: 0.4em 1em 0.4em 1em;
|
|
background-color: #23222b;
|
|
text-transform: uppercase;
|
|
}
|
|
.sheet-rolltemplate-ironsworn_moves .sheet-subfooter,
|
|
.sheet-rolltemplate-ironsworn_progress .sheet-subfooter {
|
|
line-height: 1.5em;
|
|
font-weight: 900;
|
|
text-align: left;
|
|
padding: 0.4em 0em 0.4em 0em;
|
|
background-color: #403f4b;
|
|
font-style: italic;
|
|
width: 100%;
|
|
}
|
|
.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;
|
|
}
|