mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
2225 lines
60 KiB
CSS
2225 lines
60 KiB
CSS
/* =Generic Styles reused over the sheet= */
|
|
/* Font Import */
|
|
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Merriweather:ital,wght@0,400;0,700;1,400;1,700&family=Sorts+Mill+Goudy&family=Source+Serif+Pro:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
|
|
|
|
/* Roll20 Overrides */
|
|
.repcontainer .itemcontrol { /* Make the repeating fieldset delete buttons appear above other elements */
|
|
z-index: 9999;
|
|
}
|
|
div.repcontrol { /* Give repeating fieldset repcontrol a height so it doesn't overflow in edit_mode */
|
|
display: block;
|
|
height: 18px !important;
|
|
}
|
|
|
|
button.recontrol_edit { /* Prevent done button from overflowing */
|
|
height: 18px !important;
|
|
display: inline-block;
|
|
}
|
|
|
|
/* Defaults */
|
|
*, *::before, *::after {
|
|
box-sizing: border-box;
|
|
}
|
|
.ui-dialog .charsheet textarea,
|
|
.ui-dialog .charsheet input,
|
|
.ui-dialog .charsheet .uneditable-input,
|
|
.ui-dialog .charsheet label,
|
|
.ui-dialog .charsheet select,
|
|
.ui-dialog .charsheet checkbox {
|
|
font-family: 'Merriweather', serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
}
|
|
.ui-dialog .charsheet {
|
|
font-family: 'Merriweather', serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
box-sizing: border-box;
|
|
background: white;
|
|
color: black;
|
|
border-color: black;
|
|
padding: 0;
|
|
}
|
|
.ui-dialog .charsheet textarea {
|
|
margin: 0;
|
|
color: inherit;
|
|
background: transparent;
|
|
}
|
|
body.sheet-darkmode option,
|
|
body.sheet-darkmode h1, body.sheet-darkmode h2, body.sheet-darkmode h3, body.sheet-darkmode h4, body.sheet-darkmode h5,
|
|
body.sheet-darkmode .charsheet {
|
|
background: #1f1f1f;
|
|
color: whitesmoke;
|
|
border-color: whitesmoke;
|
|
}
|
|
ul, ol {
|
|
margin: 0 0 0 25px;
|
|
}
|
|
li {
|
|
text-align: left;
|
|
}
|
|
h1 {
|
|
font-size: 20px;
|
|
font-family: "Sorts Mill Goudy", serif;
|
|
font-weight: normal;
|
|
border-bottom-width: 1px;
|
|
border-bottom-style: solid;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
margin-bottom: 5px;
|
|
color: black;
|
|
}
|
|
body.sheet-darkmode h1 {
|
|
color: whitesmoke;
|
|
}
|
|
h2 {
|
|
font-size: 18px;
|
|
font-family: "Sorts Mill Goudy", serif;
|
|
font-weight: normal;
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 21px;
|
|
line-height: 21px;
|
|
color: black;
|
|
}
|
|
h3 {
|
|
font-size: 15px;
|
|
font-family: "Sorts Mill Goudy", serif;
|
|
font-weight: bold;
|
|
padding: 0;
|
|
margin: 5px 0 0;
|
|
height: 21px;
|
|
line-height: 21px;
|
|
color: black;
|
|
}
|
|
body.sheet-darkmode h2 {
|
|
color: whitesmoke;
|
|
}
|
|
summary {
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
/* Layout */
|
|
div.sheet-wrapper { /* Sets default size of the sheet */
|
|
min-width: 660px;
|
|
max-width: 860px;
|
|
}
|
|
div.sheet-inline {
|
|
display: inline-block;
|
|
}
|
|
div.sheet-flex {
|
|
display: flex;
|
|
}
|
|
div.sheet-inline-flex {
|
|
display: inline-flex;
|
|
}
|
|
div.sheet-flex-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
div.sheet-flex-column {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
div.sheet-items-centered {
|
|
align-items: center;
|
|
}
|
|
div.sheet-gap {
|
|
gap: 5px;
|
|
}
|
|
div.sheet-space-between {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
div.sheet-space-around {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
}
|
|
.sheet-grow {
|
|
flex-grow: 1;
|
|
}
|
|
.sheet-shrink {
|
|
flex-shrink: 1;
|
|
}
|
|
.sheet-bpad {
|
|
padding-bottom: 5px;
|
|
}
|
|
.sheet-tmargin {
|
|
margin-top: 5px;
|
|
}
|
|
.sheet-bmargin {
|
|
margin-bottom: 5px;
|
|
}
|
|
.sheet-rmargin {
|
|
margin-right: 5px !important;
|
|
}
|
|
.sheet-lmargin {
|
|
margin-left: 5px !important;
|
|
}
|
|
.sheet-lmargin-x3 {
|
|
margin-left: 15px !important;
|
|
}
|
|
div.sheet-warnmsg {
|
|
border: 1px solid darkred;
|
|
color: darkred;
|
|
padding: 5px;
|
|
background: #f2dede;
|
|
margin: 5px 0;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
/* Row highlighting */
|
|
div.sheet-hl:hover {
|
|
background: #fcf8e3;
|
|
}
|
|
.repitem:hover {
|
|
background: #fcf8e3;
|
|
}
|
|
body.sheet-darkmode div.sheet-hl:hover {
|
|
background: darkgoldenrod;
|
|
}
|
|
body.sheet-darkmode .repitem:hover {
|
|
background: darkgoldenrod;
|
|
}
|
|
|
|
|
|
/* Tables */
|
|
div.sheet-table {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
div.sheet-tr {
|
|
display: table-row;
|
|
}
|
|
div.sheet-tr:hover {
|
|
background: #fcf8e3;
|
|
}
|
|
body.sheet-darkmode div.sheet-tr:hover {
|
|
background: darkgoldenrod;
|
|
}
|
|
div.sheet-table .repcontainer {
|
|
display: table-row-group;
|
|
}
|
|
div.sheet-th {
|
|
display:table-cell;
|
|
text-align: center;
|
|
background: dimgray;
|
|
color: whitesmoke;
|
|
padding: 1px 2px;
|
|
vertical-align: middle;
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
vertical-align: top;
|
|
}
|
|
div.sheet-td {
|
|
display: table-cell;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding: 1px 2px;
|
|
white-space: nowrap;
|
|
vertical-align: top;
|
|
}
|
|
|
|
|
|
/* Popups */
|
|
div.sheet-overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background: rgba(0, 0, 0, 0.7);
|
|
transition: opacity 500ms;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
body.sheet-darkmode div.sheet-overlay {
|
|
background: rgba(128, 128, 128, 0.7);
|
|
}
|
|
div.sheet-overlay:target {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
min-width: 470px;
|
|
max-width: 900px;
|
|
}
|
|
div.sheet-popup {
|
|
margin: 110px auto 5px;
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
width: 430px;
|
|
overflow: auto;
|
|
position: relative;
|
|
background: white;
|
|
transition: all 2s ease-in-out;
|
|
}
|
|
body.sheet-darkmode div.sheet-popup {
|
|
background: #1f1f1f;
|
|
}
|
|
.sheet-number-width {
|
|
width: 40px !important;
|
|
flex-shrink: 0;
|
|
}
|
|
.sheet-number-width-sm {
|
|
width: 25px !important;
|
|
flex-shrink: 0;
|
|
}
|
|
.sheet-number-width-xs {
|
|
width: 16px !important;
|
|
flex-shrink: 0;
|
|
}
|
|
.sheet-anchor-adjust-x2 {
|
|
scroll-margin-top: 41px;
|
|
}
|
|
|
|
/* Display */
|
|
.sheet-section {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
margin-bottom: 5px;
|
|
box-sizing: border-box;
|
|
padding: 5px; /* was 2px sides */
|
|
border-radius: 10px;
|
|
}
|
|
div.sheet-impval {
|
|
display: flex;
|
|
align-items: center;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: 5px;
|
|
height: 18px;
|
|
box-sizing: border-box;
|
|
}
|
|
/*.sheet-hidden {
|
|
display: none;
|
|
}*/
|
|
.sheet-checkbox-width {
|
|
width: 16px !important;
|
|
flex-shrink: 0;
|
|
}
|
|
.sheet-button-width {
|
|
width: 27px !important;
|
|
flex-shrink: 0;
|
|
}
|
|
.sheet-full-width {
|
|
width: 100% !important;
|
|
}
|
|
.sheet-half-width {
|
|
width: 50% !important;
|
|
}
|
|
.sheet-third-width {
|
|
width: 33.33% !important;
|
|
}
|
|
.sheet-two-thirds-width {
|
|
width: 66.66% !important;
|
|
}
|
|
.sheet-auto-width {
|
|
width: auto; /* check important */
|
|
}
|
|
.sheet-full-height {
|
|
height: 100% !important;
|
|
}
|
|
/*.sheet-d6 {
|
|
font-family: "dicefontd6" !important;
|
|
font-size: 19px !important;
|
|
}*/
|
|
.sheet-d6 {
|
|
font-family: "dicefontd6" !important;
|
|
font-size: 19px !important;
|
|
}
|
|
.sheet-d8 {
|
|
font-family: "dicefontd8" !important;
|
|
font-size: 18px !important;
|
|
}
|
|
.sheet-d10 {
|
|
font-family: "dicefontd10" !important;
|
|
font-size: 22px !important;
|
|
}
|
|
.sheet-pictos {
|
|
font-family: "Pictos" !important;
|
|
}
|
|
.sheet-pictos-three {
|
|
font-family: "Pictos Three" !important;
|
|
}
|
|
.sheet-pictos-custom {
|
|
font-family: "Pictos Custom" !important;
|
|
}
|
|
.sheet-text-center {
|
|
text-align: center;
|
|
text-align-last:center;
|
|
}
|
|
.sheet-text-left {
|
|
text-align: left !important;
|
|
text-align-last: left !important;
|
|
}
|
|
.sheet-text-right {
|
|
text-align: right;
|
|
text-align-last: right;
|
|
}
|
|
.sheet-help {
|
|
cursor: help;
|
|
}
|
|
.sheet-bold {
|
|
font-weight: bold;
|
|
}
|
|
.sheet-nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
|
|
/* Light and Dark Mode Toggles */
|
|
div.sheet-darkmode {
|
|
display: none;
|
|
}
|
|
body.sheet-darkmode div.sheet-lightmode {
|
|
display: none;
|
|
}
|
|
body.sheet-darkmode div.sheet-darkmode {
|
|
display: initial;
|
|
}
|
|
|
|
/* Generic Display Toggles */
|
|
input.sheet-toggle:not([value="1"]) + .sheet-toggle,
|
|
input[type="checkbox"].sheet-toggle:not(:checked) + .sheet-toggle,
|
|
input.sheet-toggle[value="1"] + .sheet-anti-toggle,
|
|
input[type="checkbox"].sheet-toggle:checked + .sheet-anti-toggle {
|
|
display: none !important;
|
|
}
|
|
|
|
input.sheet-wide-toggle:not([value="1"]) ~ .sheet-toggle,
|
|
input[type="checkbox"].sheet-wide-toggle:not(:checked) ~ .sheet-toggle,
|
|
input.sheet-wide-toggle[value="1"] ~ .sheet-anti-toggle,
|
|
input[type="checkbox"].sheet-wide-toggle:checked ~ .sheet-anti-toggle {
|
|
display: none !important;
|
|
}
|
|
|
|
input.sheet-deep-toggle:not([value="1"]) ~ div .sheet-toggle,
|
|
input[type="checkbox"].sheet-deep-toggle:not(:checked) ~ div .sheet-toggle,
|
|
input.sheet-deep-toggle[value="1"] ~ div .sheet-anti-toggle,
|
|
input[type="checkbox"].sheet-deep-toggle:checked ~ div .sheet-anti-toggle {
|
|
display: none !important;
|
|
}
|
|
|
|
input.sheet-details-toggle:not([value="1"]) ~ div .sheet-details-toggle,
|
|
input.sheet-details-toggle:not([value="1"]) ~ .sheet-details-toggle {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* Labels */
|
|
.ui-dialog .charsheet label {
|
|
margin: 0 ;
|
|
padding: 0;
|
|
color: inherit;
|
|
background: inherit;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
.ui-dialog .charsheet label.sheet-left {
|
|
display: inline;
|
|
text-align: left;
|
|
}
|
|
.ui-dialog .charsheet label.sheet-left::after {
|
|
content: ':';
|
|
font-family: 'Merriweather', serif;
|
|
}
|
|
.ui-dialog .charsheet label.sheet-checkbox {
|
|
display: inline;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
font-weight: normal;
|
|
}
|
|
/* Add some space between the stylized span and the label span*/
|
|
.ui-dialog .charsheet label.sheet-checkbox span:nth-of-type(2) {
|
|
margin-left: 5px;
|
|
}
|
|
.ui-dialog .charsheet label.sheet-skill {
|
|
text-align: left;
|
|
width: 100%;
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
|
|
/* Generic Data Entry */
|
|
.sheet-readonly {
|
|
pointer-events: none;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
/* As */
|
|
a.sheet-label-left {
|
|
font-weight: bold;
|
|
text-decoration: underline;
|
|
}
|
|
a.sheet-label-left:after {
|
|
content: ':'
|
|
}
|
|
a.repcontrol_move {
|
|
height: 18px;
|
|
padding: 0 5px 0;
|
|
border-color: gray;
|
|
background: linear-gradient(to bottom, whitesmoke 16%, gainsboro 79%);
|
|
color: black;
|
|
}
|
|
body.sheet-darkmode a.repcontrol_move {
|
|
border-color: black;
|
|
background: linear-gradient(to bottom, gray 16%, dimgray 79%);
|
|
color: whitesmoke;
|
|
}
|
|
|
|
/* Inputs */
|
|
.ui-dialog .charsheet input {
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 18px;
|
|
background: none;
|
|
border: none;
|
|
text-align: center;
|
|
color: inherit;
|
|
border-bottom-width: 1px;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: inherit;
|
|
border-radius: 0;
|
|
}
|
|
.ui-dialog .charsheet input.sheet-text-right {
|
|
text-align: right;
|
|
text-align-last: right;
|
|
}
|
|
.ui-dialog .charsheet input[type="number"] {
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
text-align: center;
|
|
align-items: center;
|
|
|
|
}
|
|
.ui-dialog .charsheet input.sheet-impval {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: inherit;
|
|
border-radius: 5px;
|
|
font-weight: bold;
|
|
}
|
|
.ui-dialog .charsheet input.sheet-lval {
|
|
border: none;
|
|
flex-grow: 1;
|
|
width: 14px;
|
|
}
|
|
.ui-dialog .charsheet input.sheet-rval {
|
|
border: none;
|
|
font-weight: bold;
|
|
flex-grow: 1;
|
|
width: 14px;
|
|
}
|
|
.ui-dialog .charsheet input[type="number"]:disabled::-webkit-inner-spin-button,
|
|
.ui-dialog .charsheet input[type="number"]:disabled::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
}
|
|
.ui-dialog .charsheet input[type='number']:disabled {
|
|
-moz-appearance: textfield;
|
|
}
|
|
.ui-dialog .charsheet input[type="number"]::-webkit-inner-spin-button,
|
|
.ui-dialog .charsheet input[type="number"]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
}
|
|
.ui-dialog .charsheet input[type='number'] {
|
|
-moz-appearance: textfield;
|
|
text-align: center;
|
|
}
|
|
span.sheet-input-unit{
|
|
margin-left: -25px;
|
|
}
|
|
span.sheet-multi-line {
|
|
white-space: pre-wrap;
|
|
}
|
|
input.sheet-dullval {
|
|
opacity: 60%;
|
|
}
|
|
|
|
/* Selects */
|
|
.ui-dialog .charsheet select {
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
color: inherit;
|
|
background-color: inherit;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 18px;
|
|
background: none;
|
|
border-top-style: none;
|
|
border-left-style: none;
|
|
border-right-style: none;
|
|
border-bottom-width: 1px;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: inherit;
|
|
border-radius: 0;
|
|
}
|
|
.ui-dialog .charsheet select.sheet-no-border {
|
|
border: none;
|
|
}
|
|
.ui-dialog .charsheet select.sheet-readonly {
|
|
pointer-events: none;
|
|
cursor: not-allowed;
|
|
}
|
|
.ui-dialog .charsheet select.sheet-inverted > option {
|
|
color: black;
|
|
}
|
|
body.sheet-darkmode .ui-dialog .charsheet select.sheet-inverted > option {
|
|
color: whitesmoke;
|
|
}
|
|
.ui-dialog .charsheet select.sheet-impval {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: inherit;
|
|
border-radius: 5px;
|
|
font-weight: bold;
|
|
}
|
|
.ui-dialog .charsheet select.sheet-dullval {
|
|
opacity: 60%;
|
|
}
|
|
|
|
/* Checkboxes and Radios */
|
|
.ui-dialog .charsheet input[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
margin: 1px 0 1px;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Stylized span to look like checkbox */
|
|
.ui-dialog .charsheet input[type="checkbox"] + span {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: black;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
color: transparent;
|
|
font-family: "Pictos";
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
-moz-box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
|
|
width: 16px;
|
|
height: 16px;
|
|
box-sizing: border-box;
|
|
margin: 1px 0 1px -16px;
|
|
padding: 0;
|
|
position: absolute;
|
|
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
body.sheet-darkmode .ui-dialog .charsheet input[type="checkbox"] + span {
|
|
border-color: whitesmoke;
|
|
}
|
|
.ui-dialog .charsheet input[type="checkbox"]:checked + span {
|
|
border-color: inherit;
|
|
color: inherit;
|
|
}
|
|
|
|
/* Override stylized span to be a checkico or radioico */
|
|
.ui-dialog .charsheet input[type="checkbox"] + span.sheet-checkico {
|
|
border: none;
|
|
opacity: 40% !important;
|
|
color: inherit;
|
|
}
|
|
.ui-dialog .charsheet input[type="checkbox"]:checked + span.sheet-checkico {
|
|
opacity: 100% !important;
|
|
background-image: none;
|
|
color: inherit;
|
|
}
|
|
.ui-dialog .charsheet input[type="checkbox"] + span.sheet-checkico-reverse {
|
|
border: none;
|
|
opacity: 40% !important;
|
|
color: inherit;
|
|
}
|
|
.ui-dialog .charsheet input[type="checkbox"]:not(:checked) + span.sheet-checkico-reverse {
|
|
opacity: 100% !important;
|
|
background-image: none;
|
|
color: inherit;
|
|
}
|
|
|
|
/* Buttons */
|
|
.ui-dialog .charsheet button {
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
line-height: 0;
|
|
height: 18px;
|
|
vertical-align: middle;
|
|
font-family: 'Merriweather', serif;
|
|
font-size: 12px;
|
|
box-sizing: border-box;
|
|
border: solid 1px gray;
|
|
background: linear-gradient(to bottom, whitesmoke 16%, gainsboro 79%);
|
|
color: black;
|
|
margin: 0;
|
|
padding: 0 2px 0;
|
|
text-shadow: none;
|
|
}
|
|
.ui-dialog .charsheet button[type=roll] {
|
|
font-size: 12px;
|
|
margin: 0;
|
|
padding: 0 2px 0;
|
|
}
|
|
.ui-dialog .charsheet button:hover {
|
|
border: solid 1px black;
|
|
background: linear-gradient(to bottom, gray 16%, dimgray 79%);
|
|
color: whitesmoke;
|
|
text-shadow: none;
|
|
}
|
|
.ui-dialog .charsheet button:active {
|
|
color: royalblue;
|
|
}
|
|
body.sheet-darkmode .ui-dialog .charsheet button {
|
|
border-color: black;
|
|
background: linear-gradient(to bottom, gray 16%, dimgray 79%);
|
|
color: whitesmoke;
|
|
}
|
|
body.sheet-darkmode .ui-dialog .charsheet button:hover {
|
|
background: linear-gradient(to bottom, whitesmoke 16%, gainsboro 79%);
|
|
color: black;
|
|
}
|
|
.ui-dialog .charsheet button.repcontrol_del,
|
|
body.sheet-darkmode .ui-dialog .charsheet button.repcontrol_del {
|
|
font-family: "Pictos";
|
|
background: linear-gradient(rgb(238, 95, 91), rgb(189, 54, 47));
|
|
color: whitesmoke;
|
|
border-color: rgb(172, 41, 37);
|
|
padding: 0 5px 0;
|
|
}
|
|
.ui-dialog .charsheet button[type=roll]:before {
|
|
content: '';
|
|
}
|
|
.ui-dialog .charsheet button.sheet-label-left,
|
|
.ui-dialog .charsheet button.sheet-link {
|
|
font-size: 12px;
|
|
background: transparent !important;
|
|
box-shadow: none !important;
|
|
border: none !important;
|
|
text-align: left;
|
|
text-decoration: underline;
|
|
padding: 0;
|
|
margin: 0;
|
|
color: inherit;
|
|
}
|
|
.ui-dialog .charsheet button.sheet-link.sheet-link-ico {
|
|
font-family: 'Pictos';
|
|
text-decoration: none;
|
|
}
|
|
.ui-dialog .charsheet button.sheet-no-underline {
|
|
text-decoration: none !important;
|
|
}
|
|
.ui-dialog .charsheet button.sheet-label-left {
|
|
font-weight: bold;
|
|
}
|
|
.ui-dialog .charsheet button.sheet-link:hover,
|
|
.ui-dialog .charsheet button.sheet-label-left:hover {
|
|
color: royalblue;
|
|
}
|
|
.ui-dialog .charsheet button.sheet-label-left:after {
|
|
content: ':'
|
|
}
|
|
.ui-dialog .charsheet button.sheet-compact-btn {
|
|
margin: 0 3px 3px 0;
|
|
}
|
|
.ui-dialog .charsheet button.sheet-die {
|
|
margin: 0;
|
|
width: 27px;
|
|
padding: 1px 2px;
|
|
line-height: 0;
|
|
}
|
|
.ui-dialog .charsheet button.sheet-die:hover {
|
|
text-decoration: underline;
|
|
}
|
|
div.sheet-hover-btn {
|
|
position: relative;
|
|
}
|
|
div.sheet-hover-btn:hover button {
|
|
display: inline;
|
|
}
|
|
button[type=roll].sheet-hover,
|
|
button[type=action].sheet-hover {
|
|
font-size: 12px !important;
|
|
background: transparent !important;
|
|
border: none !important;
|
|
text-align: left;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
cursor: pointer;
|
|
color: inherit;
|
|
line-height: inherit;
|
|
display: none;
|
|
position: absolute;
|
|
height: 18px;
|
|
}
|
|
.ui-dialog .charsheet button.sheet-hover:hover {
|
|
color: #069;
|
|
text-decoration: underline;
|
|
}
|
|
button[type=roll].sheet-id {
|
|
font-family: "Pictos";
|
|
right: 3px;
|
|
top: 0;
|
|
}
|
|
button[type=action].sheet-augment {
|
|
font-family: "Pictos";
|
|
right: 31px;
|
|
top: 1px;
|
|
}
|
|
button[type=action].sheet-penalty {
|
|
font-family: "Pictos";
|
|
right: 18px;
|
|
top: 1px;
|
|
}
|
|
|
|
/*.ui-dialog .charsheet button[type=roll].sheet-d6::before {
|
|
font-family: 'dicefontd6';
|
|
content: 'f';
|
|
font-size: 1.25em;
|
|
}
|
|
.ui-dialog .charsheet button[type="roll"].sheet-d6:hover {
|
|
border: solid 1px black;
|
|
background: linear-gradient(to bottom, gray 16%, dimgray 79%);
|
|
color: whitesmoke;
|
|
text-shadow: none;
|
|
}*/
|
|
|
|
|
|
|
|
/* Sheet Type Display Toggles */
|
|
.sheet-typetoggle:not([value="battle_unit"]) ~ div.sheet-wrapper div.sheet-battle-unit,
|
|
.sheet-typetoggle:not([value="pc"], [value="creature"], [value="spirit"]) ~ div.sheet-wrapper div.sheet-character,
|
|
.sheet-typetoggle:not([value="pc"]) ~ div.sheet-wrapper .sheet-major,
|
|
.sheet-typetoggle:not([value="creature"], [value="spirit"]) ~ div.sheet-wrapper .sheet-minor,
|
|
.sheet-typetoggle:not([value="spirit"]) ~ div.sheet-wrapper .sheet-spirit,
|
|
.sheet-typetoggle:not([value="pc"], [value="creature"]) ~ div.sheet-wrapper .sheet-creature,
|
|
.sheet-typetoggle:not([value="ship"]) ~ div.sheet-wrapper div.sheet-ship,
|
|
.sheet-typetoggle:not([value="star_system"]) ~ div.sheet-wrapper div.sheet-star-system,
|
|
.sheet-typetoggle:not([value="vehicle"]) ~ div.sheet-wrapper div.sheet-vehicle {
|
|
display: none;
|
|
}
|
|
|
|
/* Setting Display Toggles */
|
|
.sheet-setting-option {
|
|
display: none !important;
|
|
}
|
|
.sheet-setting-control[value="default"] ~ div.sheet-wrapper .sheet-default,
|
|
.sheet-setting-control[value="after_the_vampire_wars"] ~ div.sheet-wrapper .sheet-atvw,
|
|
.sheet-setting-control[value="classic_fantasy"] ~ div.sheet-wrapper .sheet-cf,
|
|
.sheet-setting-control[value="agony_and_ecstasy"] ~ div.sheet-wrapper .sheet-destined, /* keep for compatibility */
|
|
.sheet-setting-control[value="destined"] ~ div.sheet-wrapper .sheet-destined,
|
|
.sheet-setting-control[value="fioracitta"] ~ div.sheet-wrapper .sheet-fioracitta,
|
|
.sheet-setting-control[value="luther_arkwright"] ~ div.sheet-wrapper .sheet-la,
|
|
.sheet-setting-control[value="lyonesse"] ~ div.sheet-wrapper .sheet-lyonesse,
|
|
.sheet-setting-control[value="m-space"] ~ div.sheet-wrapper .sheet-ms,
|
|
.sheet-setting-control[value="monster_island"] ~ div.sheet-wrapper .sheet-mi,
|
|
.sheet-setting-control[value="mythic_babylon"] ~ div.sheet-wrapper .sheet-mba,
|
|
.sheet-setting-control[value="mythic_britain"] ~ div.sheet-wrapper .sheet-mb,
|
|
.sheet-setting-control[value="mythic_constantinople"] ~ div.sheet-wrapper .sheet-mc,
|
|
.sheet-setting-control[value="mythic_rome"] ~ div.sheet-wrapper .sheet-mr,
|
|
.sheet-setting-control[value="mythras_imperative"] ~ div.sheet-wrapper .sheet-imperative,
|
|
.sheet-setting-control[value="odd_soot"] ~ div.sheet-wrapper .sheet-os,
|
|
.sheet-setting-control[value="perceforest"] ~ div.sheet-wrapper .sheet-perceforest,
|
|
.sheet-setting-control[value="thennla"] ~ div.sheet-wrapper .sheet-thennla,
|
|
.sheet-setting-control[value="worlds_united"] ~ div.sheet-wrapper .sheet-wu,
|
|
.sheet-setting-control:not([value="classic_fantasy"]) ~ div.sheet-wrapper .sheet-not-cf {
|
|
display: initial !important;
|
|
}
|
|
|
|
/* Compact Toggle */
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper .sheet-detailed,
|
|
.sheet-compact-control[value="0"] + div.sheet-wrapper .sheet-compact {
|
|
display: none;
|
|
}
|
|
/* Disabled fieldset controls in compact mode */
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontrol {
|
|
display: none;
|
|
}
|
|
/* Styling to collapse repeating items and compactable divs in compact mode */
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper div.sheet-compactable {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 3px;
|
|
}
|
|
div.sheet-compactable-fieldset-control {
|
|
display: none;
|
|
}
|
|
@media screen and (max-width: 700px) {
|
|
.ui-dialog .charsheet .sheet-large-screen {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media screen and (min-width: 701px) {
|
|
.ui-dialog .charsheet .sheet-small-screen {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
/* Common Segments CSS */
|
|
div.sheet-option-bar {
|
|
position: -webkit-sticky;
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 100;
|
|
width: 100%;
|
|
max-width: 860px;
|
|
min-width: 560px;
|
|
height: fit-content;
|
|
background: #1f1f1f;
|
|
color: whitesmoke;
|
|
padding: 0 2px 0;
|
|
margin-bottom: 5px;
|
|
}
|
|
body.sheet-darkmode div.sheet-option-bar {
|
|
background: lightgray;
|
|
color: black;
|
|
}
|
|
.sheet-set-toggle-reset {
|
|
color: whitesmoke !important;
|
|
}
|
|
body.sheet-darkmode .sheet-set-toggle-reset {
|
|
color: black !important;
|
|
}
|
|
.sheet-set-toggle-reset:hover,
|
|
body.sheet-darkmode .sheet-set-toggle-reset:hover {
|
|
color: royalblue !important;
|
|
}
|
|
|
|
.sheet-set-toggle-control:not([value^="@{set_"]) ~ .sheet-set-toggle {
|
|
display: none;
|
|
}
|
|
|
|
/* Sheet Type Specific CSS */
|
|
div.sheet-unit-label {
|
|
width: 80px;
|
|
}
|
|
/* Attribute Toggles */
|
|
input.sheet-attr-toggle:not([value="physical"]) ~ div .sheet-physical,
|
|
input.sheet-attr-toggle:not([value="physical"]) ~ div.sheet-physical,
|
|
input.sheet-attr-toggle:not([value="social"]) ~ div .sheet-social,
|
|
input.sheet-attr-toggle:not([value="social"]) ~ div.sheet-social,
|
|
input.sheet-attr-toggle:not([value="spiritual"]) ~ div .sheet-spiritual,
|
|
input.sheet-attr-toggle:not([value="spiritual"]) ~ div.sheet-spiritual,
|
|
input.sheet-attr-toggle[value="social"] ~ div.sheet-not-social,
|
|
input.sheet-attr-toggle[value="social"] ~ div .sheet-not-social {
|
|
display: none;
|
|
}
|
|
input.sheet-attr-toggle[value="spiritual"] ~ div.sheet-not-social input.sheet-hit-locations-spirit[value="spirit"] + div.sheet-hit-locations-toggle {
|
|
display: none;
|
|
}
|
|
input.sheet-social-conflict-toggle:not([value="1"]) ~ div .sheet-social-conflict,
|
|
input.sheet-spirits-toggle:not([value="1"]) ~ div .sheet-spirits {
|
|
display: none;
|
|
}
|
|
|
|
/* Character Header Styles */
|
|
div.sheet-info-age{
|
|
width: 40px;
|
|
}
|
|
div.sheet-info-gender{
|
|
width: 70px;
|
|
}
|
|
div.sheet-info-frame{
|
|
width: 70px;
|
|
}
|
|
div.sheet-info-weight{
|
|
width: 60px;
|
|
}
|
|
div.sheet-info-height{
|
|
width: 60px;
|
|
}
|
|
div.sheet-info-rank {
|
|
width: 50px;
|
|
}
|
|
div.sheet-info-the-soot {
|
|
width: 70px;
|
|
}
|
|
|
|
div.sheet-logo {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 175px;
|
|
justify-content: space-between;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/* Characteristics */
|
|
div.sheet-char-label {
|
|
background: black;
|
|
color: lightgray;
|
|
font-family: "Sorts Mill Goudy", serif;
|
|
text-align: left;
|
|
}
|
|
body.sheet-darkmode div.sheet-char-label {
|
|
background: lightgray;
|
|
color: black;
|
|
}
|
|
|
|
/* Attributes */
|
|
div.sheet-custom-movement {
|
|
width: 88px;
|
|
}
|
|
|
|
/* Hit Locations */
|
|
input.sheet-location-name {
|
|
width: 145px;
|
|
}
|
|
|
|
/* SKills */
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_combatstyle"],
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_professionalskill"],
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_affiliation"],
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_passion"],
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_dependency"],
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_peculiarity"],
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_standardskill"]
|
|
{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 3px;
|
|
}
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_combatstyle"] > .repitem,
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_professionalskill"] > .repitem,
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_affiliation"] > .repitem,
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_passion"] > .repitem,
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_dependency"] > .repitem,
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_peculiarity"] > .repitem,
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_standardskill"] > .repitem {
|
|
display: inline-block;
|
|
}
|
|
|
|
input.sheet-opaque-toggle:not([value="1"]) ~ div.sheet-opaque {
|
|
opacity: 50% !important;
|
|
}
|
|
/* completely hide opaque-hide in compact mode */
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper input.sheet-opaque-toggle:not([value="1"]) ~ div.sheet-opaque-hide {
|
|
display: none;
|
|
}
|
|
textarea.sheet-skill-notes {
|
|
height: 36px;
|
|
}
|
|
button[type=roll].sheet-improve {
|
|
font-family: "Pictos";
|
|
right: 29px;
|
|
top: 0;
|
|
}
|
|
|
|
/* Abilities */
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_ability"],
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_skilledability"] {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 3px;
|
|
}
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_ability"] > .repitem,
|
|
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_skilledability"] > .repitem {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-ability-option {
|
|
display: none !important;
|
|
}
|
|
input.sheet-abilities-control[value="all"] + div .sheet-ability-option.sheet-all,
|
|
input.sheet-abilities-control[value="core"] + div .sheet-ability-option.sheet-core,
|
|
input.sheet-abilities-control[value="after_the_vampire_wars"] + div .sheet-ability-option.sheet-atvw,
|
|
input.sheet-abilities-control[value="classic_fantasy"] + div .sheet-ability-option.sheet-cf,
|
|
input.sheet-abilities-control[value="destined"] + div .sheet-ability-option.sheet-destined,
|
|
input.sheet-abilities-control[value="luther_arkwright"] + div .sheet-ability-option.sheet-la,
|
|
input.sheet-abilities-control[value="lyonesse"] + div .sheet-ability-option.sheet-lyonesse,
|
|
input.sheet-abilities-control[value="m-space"] + div .sheet-ability-option.sheet-ms,
|
|
input.sheet-abilities-control[value="mythic_babylon"] + div .sheet-ability-option.sheet-mba,
|
|
input.sheet-abilities-control[value="mythic_britain"] + div .sheet-ability-option.sheet-mb,
|
|
input.sheet-abilities-control[value="mythic_rome"] + div .sheet-ability-option.sheet-mr,
|
|
input.sheet-abilities-control[value="mythras_imperative"] + div .sheet-ability-option.sheet-imperative,
|
|
input.sheet-abilities-control[value="odd_soot"] + div .sheet-ability-option.sheet-os,
|
|
input.sheet-abilities-control[value="thennla"] + div .sheet-ability-option.sheet-thennla,
|
|
input.sheet-abilities-control[value="worlds_united"] + div .sheet-ability-option.sheet-wu {
|
|
display: initial !important;
|
|
}
|
|
|
|
.sheet-components-options {
|
|
overflow: auto;
|
|
height: 90px;
|
|
}
|
|
|
|
.sheet-tradition-name {
|
|
width: 200px;
|
|
}
|
|
input.sheet-pool-toggle[value="0"] ~ .sheet-pool-toggle-exist,
|
|
input.sheet-pool-toggle:not([value="0"]) + .sheet-pool-toggle-none {
|
|
display: none !important;
|
|
}
|
|
textarea.sheet-tradition-notes {
|
|
height: 36px;
|
|
}
|
|
|
|
.sheet-ability-name {
|
|
width: 150px;
|
|
}
|
|
.sheet-ability-type {
|
|
width: 100px;
|
|
}
|
|
textarea.sheet-ability-notes {
|
|
height: 90px;
|
|
}
|
|
|
|
input.sheet-tenacity-toggle:not([value="1"]) ~ div .sheet-tenacity {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Equipment */
|
|
.sheet-weapon-name {
|
|
width: 140px;
|
|
text-align: center;
|
|
}
|
|
.sheet-weapon-damage {
|
|
width: 64px;
|
|
text-align: center;
|
|
}
|
|
.sheet-weapon-size {
|
|
width: 38px;
|
|
text-align: center;
|
|
}
|
|
.sheet-weapon-reach {
|
|
width: 72px;
|
|
text-align: center;
|
|
}
|
|
.sheet-equipment-location {
|
|
width: 80px;
|
|
text-align: center;
|
|
}
|
|
textarea.sheet-gear-note {
|
|
height: 54px;
|
|
}
|
|
textarea.sheet-wealth-notes {
|
|
height: 36px;
|
|
}
|
|
|
|
/* Background */
|
|
textarea.sheet-background-notes {
|
|
width: 100%;
|
|
height: 7.5em;
|
|
}
|
|
|
|
/* Notes */
|
|
textarea.sheet-character-notes {
|
|
width: 100%;
|
|
height: 30em;
|
|
}
|
|
|
|
input.sheet-vehicle-type-control:not([value="mythras"]) ~ .sheet-vehicle-mythras,
|
|
input.sheet-vehicle-type-control:not([value="mspace"]) ~ .sheet-vehicle-frostbyte {
|
|
display: none;
|
|
}
|
|
|
|
/* Mythras Vehicle Styles */
|
|
.sheet-vehicle-label {
|
|
width: 80px;
|
|
}
|
|
|
|
/* Frostbyte Vehicle Styles */
|
|
input.sheet-starship-toggle:not([value='1']) ~ div .sheet-starship,
|
|
input.sheet-starship-toggle[value='1'] ~ div .sheet-non-starship {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-tr-type-control[value="engine"] + input.sheet-tr-type-show,
|
|
input.sheet-tr-type-control[value="maneuvering"] + input.sheet-tr-type-show {
|
|
display: initial;
|
|
}
|
|
input.sheet-tr-type-show {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-fb-module-type {
|
|
width: 100px;
|
|
}
|
|
textarea.sheet-system-desc {
|
|
width: 100%;
|
|
height: 54px;
|
|
}
|
|
|
|
/* Roll Templates */
|
|
/* Default Roll Template Styles */
|
|
.sheet-rolltemplate-default {
|
|
background: white;
|
|
font-family: 'Merriweather', serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode {
|
|
background: #1f1f1f;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-default div.sheet-border {
|
|
border: 2px solid #595959;
|
|
font-family: 'Merriweather', serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-default div.sheet-border.sheet-hit-location,
|
|
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-border.sheet-hit-location {
|
|
border: 2px solid #992600;
|
|
}
|
|
.sheet-rolltemplate-default div.sheet-border.sheet-improve,
|
|
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-border.sheet-improve {
|
|
border: 2px solid #572d6c;
|
|
}
|
|
.sheet-rolltemplate-default div.sheet-border.sheet-initiative,
|
|
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-border.sheet-initiative {
|
|
border: 2px solid #29491d;
|
|
}
|
|
.sheet-rolltemplate-default div.sheet-border.sheet-damage,
|
|
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-border.sheet-damage {
|
|
border: 2px solid #811818;
|
|
}
|
|
.sheet-rolltemplate-default div.sheet-border.sheet-effect,
|
|
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-border.sheet-effect {
|
|
border: 2px solid #123e54;
|
|
}
|
|
.sheet-rolltemplate-default div.sheet-header {
|
|
background: #595959;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-default div.sheet-header.sheet-hit-location,
|
|
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-header.sheet-hit-location {
|
|
background: #992600;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-default div.sheet-header.sheet-improve,
|
|
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-header.sheet-improve {
|
|
background: #572d6c;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-default div.sheet-header.sheet-initiative,
|
|
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-header.sheet-initiative {
|
|
background: #29491d;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-default div.sheet-header.sheet-damage,
|
|
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-header.sheet-damage {
|
|
background: #811818;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-default div.sheet-header.sheet-effect,
|
|
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-header.sheet-effect {
|
|
background: #123e54;
|
|
color: whitesmoke;
|
|
}
|
|
|
|
.sheet-rolltemplate-default div.sheet-character {
|
|
font-size: 11px;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-default div.sheet-name {
|
|
font-family: "Sorts Mill Goudy", serif;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-default div.sheet-listitem {
|
|
display: flex;
|
|
padding: 1px 2px;
|
|
}
|
|
.sheet-rolltemplate-default div.sheet-listitem:nth-child(odd) {
|
|
background: gainsboro;
|
|
}
|
|
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-listitem:nth-child(odd) {
|
|
background: #333333;
|
|
}
|
|
.sheet-rolltemplate-default div.sheet-key {
|
|
font-weight: bold;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-default div.sheet-key:after {
|
|
content: ':';
|
|
}
|
|
.sheet-rolltemplate-default div.sheet-value {
|
|
text-align: right;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.sheet-rolltemplate-default .inlinerollresult,
|
|
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode .inlinerollresult {
|
|
display: inline-block;
|
|
text-align: center;
|
|
padding: 0;
|
|
margin: 0;
|
|
color: inherit;
|
|
border: none !important;
|
|
background: transparent !important;
|
|
height: 18px;
|
|
font-weight: inherit;
|
|
font-size: 12px;
|
|
font-family: 'Merriweather', serif;
|
|
}
|
|
.sheet-rolltemplate-default .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode .inlinerollresult.fullcrit {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-default .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode .inlinerollresult.fullfail {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-default .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode .inlinerollresult.importantroll {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
/* Default Roll Template Styles */
|
|
.sheet-rolltemplate-effect {
|
|
background: white;
|
|
font-family: 'Merriweather', serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode {
|
|
background: #1f1f1f;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-effect div.sheet-border {
|
|
border: 2px solid #123e54;
|
|
font-family: 'Merriweather', serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
border-radius: 5px;
|
|
}
|
|
.sheet-rolltemplate-effect div.sheet-header {
|
|
background: #123e54;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-effect div.sheet-character {
|
|
font-size: 11px;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-effect div.sheet-name {
|
|
font-family: "Sorts Mill Goudy", serif;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
}
|
|
.sheet-rolltemplate-effect div.sheet-skills {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
gap: 2px;
|
|
flex-wrap: wrap;
|
|
}
|
|
.sheet-rolltemplate-effect div.sheet-traits {
|
|
background: repeating-linear-gradient(to bottom, transparent, transparent 18px, gainsboro 18px, gainsboro 36px);
|
|
}
|
|
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode div.sheet-traits {
|
|
background: repeating-linear-gradient(to bottom, transparent, transparent 18px, #333333 18px, #333333 36px);
|
|
}
|
|
|
|
.sheet-rolltemplate-effect hr {
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-effect div.sheet-description {
|
|
max-height: 72px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.sheet-rolltemplate-effect a {
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
font-size: 12px !important;
|
|
border: solid 1px black !important;
|
|
background: linear-gradient(to bottom, whitesmoke 16%, gainsboro 79%);
|
|
color: black !important;
|
|
padding: 0 2px 0 !important;
|
|
margin: 0 !important;
|
|
text-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.sheet-rolltemplate-effect a:hover {
|
|
border: solid 1px black !important;
|
|
background: linear-gradient(to bottom, gray 16%, dimgray 79%);
|
|
color: whitesmoke !important;
|
|
text-shadow: none;
|
|
}
|
|
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode .sheet-skills a {
|
|
border: solid 1px black !important;
|
|
background: linear-gradient(to bottom, gray 16%, dimgray 79%);
|
|
color: whitesmoke !important;
|
|
}
|
|
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode .sheet-skills a:hover {
|
|
border: solid 1px black !important;
|
|
background: linear-gradient(to bottom, whitesmoke 16%, gainsboro 79%);
|
|
color: black !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-effect .sheet-traits a {
|
|
font-size: 12px !important;
|
|
border: none !important;
|
|
background: transparent !important;
|
|
color: inherit !important;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
text-shadow: none !important;
|
|
box-shadow: none !important;
|
|
text-decoration: underline;
|
|
}
|
|
.sheet-rolltemplate-effect .sheet-traits a:hover {
|
|
color: royalblue !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-effect .inlinerollresult,
|
|
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode .inlinerollresult {
|
|
display: inline-block;
|
|
text-align: center;
|
|
padding: 0;
|
|
margin: 0;
|
|
color: inherit;
|
|
border: none !important;
|
|
background: transparent !important;
|
|
height: 18px;
|
|
font-weight: inherit;
|
|
font-size: 12px;
|
|
font-family: 'Merriweather', serif;
|
|
}
|
|
.sheet-rolltemplate-effect .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode .inlinerollresult.fullcrit {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-effect .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode .inlinerollresult.fullfail {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-effect .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode .inlinerollresult.importantroll {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
/* Default Roll Template Styles */
|
|
.sheet-rolltemplate-hit-location {
|
|
background: white;
|
|
font-family: 'Merriweather', serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-hit-location.sheet-rolltemplate-darkmode {
|
|
background: #1f1f1f;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-hit-location div.sheet-border {
|
|
border: 2px solid #992600;
|
|
font-family: 'Merriweather', serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
border-radius: 5px;
|
|
}
|
|
.sheet-rolltemplate-hit-location div.sheet-header {
|
|
background: #992600;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-hit-location div.sheet-character {
|
|
font-size: 11px;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-hit-location div.sheet-name {
|
|
font-family: "Sorts Mill Goudy", serif;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-hit-location div.sheet-table {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-hit-location div.sheet-tr {
|
|
display: table-row;
|
|
}
|
|
.sheet-rolltemplate-hit-location div.sheet-th {
|
|
display:table-cell;
|
|
text-align: center;
|
|
background: dimgray;
|
|
color: whitesmoke;
|
|
padding: 1px 2px;
|
|
vertical-align: middle;
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet-rolltemplate-hit-location div.sheet-td {
|
|
display: table-cell;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding: 1px 2px;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet-rolltemplate-hit-location div.sheet-help {
|
|
cursor: help;
|
|
}
|
|
.sheet-rolltemplate-hit-location div.sheet-pictos {
|
|
font-family: "Pictos";
|
|
}
|
|
.sheet-rolltemplate-hit-location div.sheet-pictos-three {
|
|
font-family: "Pictos Three";
|
|
}
|
|
.sheet-rolltemplate-hit-location div.sheet-full-width {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-hit-location div.sheet-checkbox-width {
|
|
width: 16px;
|
|
}
|
|
.sheet-rolltemplate-hit-location div.sheet-number-width-sm {
|
|
width: 25px;
|
|
}
|
|
|
|
.sheet-rolltemplate-hit-location .inlinerollresult,
|
|
.sheet-rolltemplate-hit-location.sheet-rolltemplate-darkmode .inlinerollresult {
|
|
display: inline-block;
|
|
text-align: center;
|
|
padding: 0;
|
|
margin: 0;
|
|
color: inherit;
|
|
border: none !important;
|
|
background: transparent !important;
|
|
height: 18px;
|
|
font-weight: inherit;
|
|
font-size: 12px;
|
|
font-family: 'Merriweather', serif;
|
|
}
|
|
.sheet-rolltemplate-hit-location .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-hit-location.sheet-rolltemplate-darkmode .inlinerollresult.fullcrit {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-hit-location .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-hit-location.sheet-rolltemplate-darkmode .inlinerollresult.fullfail {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-hit-location .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-hit-location.sheet-rolltemplate-darkmode .inlinerollresult.importantroll {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
/* Default Roll Template Styles */
|
|
.sheet-rolltemplate-improvement {
|
|
background: white;
|
|
font-family: 'Merriweather', serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-improvement.sheet-rolltemplate-darkmode {
|
|
background: #1f1f1f;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-improvement div.sheet-border {
|
|
border: 2px solid #572d6c;
|
|
font-family: 'Merriweather', serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
border-radius: 5px;
|
|
}
|
|
.sheet-rolltemplate-improvement div.sheet-header {
|
|
background: #572d6c;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-improvement div.sheet-character {
|
|
font-size: 11px;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-improvement div.sheet-name {
|
|
font-family: "Sorts Mill Goudy", serif;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-improvement div.sheet-table {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-improvement div.sheet-tr {
|
|
display: table-row;
|
|
}
|
|
.sheet-rolltemplate-improvement div.sheet-td {
|
|
display: table-cell;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding: 1px 2px;
|
|
white-space: nowrap;
|
|
width: 33.33%;
|
|
}
|
|
|
|
.sheet-rolltemplate-improvement .inlinerollresult,
|
|
.sheet-rolltemplate-improvement.sheet-rolltemplate-darkmode .inlinerollresult {
|
|
display: inline-block;
|
|
text-align: center;
|
|
padding: 0;
|
|
margin: 0;
|
|
color: inherit;
|
|
border: none !important;
|
|
background: transparent !important;
|
|
height: 18px;
|
|
font-weight: inherit;
|
|
font-size: 12px;
|
|
font-family: 'Merriweather', serif;
|
|
}
|
|
.sheet-rolltemplate-improvement .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-improvement.sheet-rolltemplate-darkmode .inlinerollresult.fullcrit {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-improvement .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-improvement.sheet-rolltemplate-darkmode .inlinerollresult.fullfail {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-improvement .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-improvement.sheet-rolltemplate-darkmode .inlinerollresult.importantroll {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
/* Default Roll Template Styles */
|
|
.sheet-rolltemplate-resolution_pool {
|
|
background: white;
|
|
font-family: 'Merriweather', serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-resolution_pool.sheet-rolltemplate-darkmode {
|
|
background: #1f1f1f;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-resolution_pool div.sheet-border {
|
|
border: 2px solid #992600;
|
|
font-family: 'Merriweather', serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
border-radius: 5px;
|
|
}
|
|
.sheet-rolltemplate-resolution_pool div.sheet-header {
|
|
background: #992600;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-resolution_pool div.sheet-character {
|
|
font-size: 11px;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-resolution_pool div.sheet-name {
|
|
font-family: "Sorts Mill Goudy", serif;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-resolution_pool div.sheet-table {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-resolution_pool div.sheet-tr {
|
|
display: table-row;
|
|
}
|
|
.sheet-rolltemplate-resolution_pool div.sheet-th {
|
|
display:table-cell;
|
|
text-align: center;
|
|
background: dimgray;
|
|
color: whitesmoke;
|
|
padding: 1px 2px;
|
|
vertical-align: middle;
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet-rolltemplate-resolution_pool div.sheet-td {
|
|
display: table-cell;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding: 1px 2px;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet-rolltemplate-resolution_pool div.sheet-help {
|
|
cursor: help;
|
|
}
|
|
.sheet-rolltemplate-resolution_pool div.sheet-pictos {
|
|
font-family: "Pictos";
|
|
}
|
|
.sheet-rolltemplate-resolution_pool div.sheet-pictos-three {
|
|
font-family: "Pictos Three";
|
|
}
|
|
.sheet-rolltemplate-resolution_pool div.sheet-full-width {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-resolution_pool div.sheet-checkbox-width {
|
|
width: 16px;
|
|
}
|
|
.sheet-rolltemplate-resolution_pool div.sheet-number-width-sm {
|
|
width: 25px;
|
|
}
|
|
|
|
.sheet-rolltemplate-resolution_pool .sheet-td.sheet-text-left {
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-rolltemplate-resolution_pool .sheet-bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-resolution_pool .inlinerollresult,
|
|
.sheet-rolltemplate-resolution_pool.sheet-rolltemplate-darkmode .inlinerollresult {
|
|
display: inline-block;
|
|
text-align: center;
|
|
padding: 0;
|
|
margin: 0;
|
|
color: inherit;
|
|
border: none !important;
|
|
background: transparent !important;
|
|
height: 18px;
|
|
font-weight: inherit;
|
|
font-size: 12px;
|
|
font-family: 'Merriweather', serif;
|
|
}
|
|
.sheet-rolltemplate-resolution_pool .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-resolution_pool.sheet-rolltemplate-darkmode .inlinerollresult.fullcrit {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-resolution_pool .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-resolution_pool.sheet-rolltemplate-darkmode .inlinerollresult.fullfail {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-resolution_pool .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-resolution_pool.sheet-rolltemplate-darkmode .inlinerollresult.importantroll {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
/* Skill Roll Template Styles */
|
|
.sheet-rolltemplate-skill {
|
|
background: white;
|
|
font-family: 'Merriweather', serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode {
|
|
background: #1f1f1f;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-skill div.sheet-border {
|
|
border: 2px solid black;
|
|
font-family: 'Merriweather', serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
border-radius: 5px;
|
|
}
|
|
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode div.sheet-border {
|
|
border: 2px solid gray;
|
|
}
|
|
.sheet-rolltemplate-skill div.sheet-header {
|
|
background: black;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-skill div.sheet-character {
|
|
font-size: 11px;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-skill div.sheet-name {
|
|
font-family: "Sorts Mill Goudy", serif;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-skill div.sheet-hard-notice {
|
|
padding: 2px 1px 0;
|
|
background: yellow;
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-skill div.sheet-formidable-notice {
|
|
padding: 2px 1px 0;
|
|
background: orange;
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-skill div.sheet-herculean-notice {
|
|
padding: 2px 1px 0;
|
|
background: red;
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-skill div.sheet-hopeless-notice {
|
|
padding: 2px 1px 0;
|
|
background: black;
|
|
color: lightgray;
|
|
}
|
|
.sheet-rolltemplate-skill span.sheet-result {
|
|
font-family: "Pictos";
|
|
cursor: help;
|
|
}
|
|
|
|
.sheet-rolltemplate-skill div.sheet-table {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-skill div.sheet-tr {
|
|
display: table-row;
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-skill div.sheet-th {
|
|
display: table-cell;
|
|
text-align: center;
|
|
background: dimgray;
|
|
color: whitesmoke;
|
|
padding: 1px;
|
|
vertical-align: middle;
|
|
font-weight: normal;
|
|
}
|
|
.sheet-rolltemplate-skill div.sheet-td {
|
|
display: table-cell;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding: 0;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet-rolltemplate-skill div.sheet-special-header {
|
|
background: dimgray;
|
|
color: whitesmoke;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-skill div.sheet-space-between {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 1px;
|
|
}
|
|
|
|
.sheet-rolltemplate-skill .sheet-pictos {
|
|
font-family: Pictos;
|
|
}
|
|
|
|
.sheet-rolltemplate-skill .sheet-help {
|
|
cursor: help;
|
|
}
|
|
|
|
.sheet-rolltemplate-skill .sheet-flex {
|
|
display: flex;
|
|
}
|
|
.sheet-rolltemplate-skill .sheet-grow {
|
|
flex-grow: 1;
|
|
}
|
|
.sheet-rolltemplate-skill .sheet-bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-skill div.sheet-listitem {
|
|
display: flex;
|
|
padding: 2px 1px 0;
|
|
}
|
|
.sheet-rolltemplate-skill div.sheet-listitem:nth-child(even) {
|
|
background: gainsboro;
|
|
}
|
|
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode div.sheet-listitem:nth-child(even) {
|
|
background: #1f1f1f;
|
|
}
|
|
.sheet-rolltemplate-skill div.sheet-very-easy {
|
|
border: 1px solid black;
|
|
border-radius: 10px;
|
|
margin: 1px 2px 0;
|
|
padding: 0 5px 0;
|
|
background: #D9EDF7;
|
|
}
|
|
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode div.sheet-very-easy {
|
|
border: 1px solid gray;
|
|
background: #123e54;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-skill div.sheet-easy {
|
|
border: 1px solid black;
|
|
border-radius: 10px;
|
|
margin: 1px 2px 0;
|
|
padding: 0 5px 0;
|
|
background: #DFF0D8;
|
|
}
|
|
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode div.sheet-easy {
|
|
border: 1px solid gray;
|
|
background: #29491d;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-skill div.sheet-standard {
|
|
border: 1px solid black;
|
|
border-radius: 10px;
|
|
margin: 1px 2px 0;
|
|
padding: 0 5px 0;
|
|
background: gainsboro;
|
|
}
|
|
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode div.sheet-standard {
|
|
border: 1px solid gray;
|
|
background: #595959;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-skill div.sheet-hard {
|
|
border: 1px solid black;
|
|
border-radius: 10px;
|
|
margin: 1px 2px 0;
|
|
padding: 0 5px 0;
|
|
background: #fcf8e3;
|
|
}
|
|
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode div.sheet-hard {
|
|
border: 1px solid gray;
|
|
background: #5c4f0a;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-skill div.sheet-formidable {
|
|
border: 1px solid black;
|
|
border-radius: 10px;
|
|
margin: 1px 2px 0;
|
|
padding: 0 5px 0;
|
|
background: #FFEBCC;
|
|
}
|
|
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode div.sheet-formidable {
|
|
border: 1px solid gray;
|
|
background: #992600;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-skill div.sheet-herculean {
|
|
border: 1px solid black;
|
|
border-radius: 10px;
|
|
margin: 1px 2px 0;
|
|
padding: 0 5px 0;
|
|
background: #f2dede;
|
|
}
|
|
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode div.sheet-herculean {
|
|
border: 1px solid gray;
|
|
background: #811818;
|
|
color: whitesmoke;
|
|
}
|
|
|
|
.sheet-rolltemplate-skill div.sheet-key {
|
|
font-weight: bold;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-skill div.sheet-value {
|
|
text-align: right;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.sheet-rolltemplate-skill a {
|
|
border-radius: 5px;
|
|
box-sizing: border-box;
|
|
font-size: 1em !important;
|
|
border: solid 1px black !important;
|
|
background: linear-gradient(to bottom, whitesmoke 16%, gainsboro 79%);
|
|
color: black !important;
|
|
padding: 0 2px 0 !important;
|
|
margin: 0 !important;
|
|
text-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.sheet-rolltemplate-skill a:hover {
|
|
border: solid 1px black !important;
|
|
background: linear-gradient(to bottom, gray 16%, dimgray 79%);
|
|
color: whitesmoke !important;
|
|
text-shadow: none;
|
|
}
|
|
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode a {
|
|
border: solid 1px black !important;
|
|
background: linear-gradient(to bottom, gray 16%, dimgray 79%);
|
|
color: whitesmoke !important;
|
|
}
|
|
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode a:hover {
|
|
border: solid 1px black !important;
|
|
background: linear-gradient(to bottom, whitesmoke 16%, gainsboro 79%);
|
|
color: black !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-skill .inlinerollresult,
|
|
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode .inlinerollresult {
|
|
display: inline-block;
|
|
text-align: center;
|
|
padding: 0;
|
|
margin: 0;
|
|
color: inherit;
|
|
border: none !important;
|
|
background: transparent !important;
|
|
height: 18px;
|
|
font-weight: inherit;
|
|
font-size: 12px;
|
|
font-family: 'Merriweather', serif;
|
|
}
|
|
.sheet-rolltemplate-skill .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode .inlinerollresult.fullcrit {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-skill .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode .inlinerollresult.fullfail {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-skill .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode .inlinerollresult.importantroll {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
/* Default Roll Template Styles */
|
|
.sheet-rolltemplate-system {
|
|
background: white;
|
|
font-family: 'Merriweather', serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-system.sheet-rolltemplate-darkmode {
|
|
background: #1f1f1f;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-system div.sheet-border {
|
|
border: 2px solid #992600;
|
|
font-family: 'Merriweather', serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
border-radius: 5px;
|
|
}
|
|
.sheet-rolltemplate-system div.sheet-header {
|
|
background: #992600;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-system div.sheet-character {
|
|
font-size: 11px;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-system div.sheet-name {
|
|
font-family: "Sorts Mill Goudy", serif;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-system div.sheet-table {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-system div.sheet-tr {
|
|
display: table-row;
|
|
}
|
|
.sheet-rolltemplate-system div.sheet-th {
|
|
display:table-cell;
|
|
text-align: center;
|
|
background: dimgray;
|
|
color: whitesmoke;
|
|
padding: 1px 2px;
|
|
vertical-align: middle;
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet-rolltemplate-system div.sheet-td {
|
|
display: table-cell;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding: 1px 2px;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet-rolltemplate-system div.sheet-help {
|
|
cursor: help;
|
|
}
|
|
.sheet-rolltemplate-system div.sheet-pictos {
|
|
font-family: "Pictos";
|
|
}
|
|
.sheet-rolltemplate-system div.sheet-pictos-three {
|
|
font-family: "Pictos Three";
|
|
}
|
|
.sheet-rolltemplate-system div.sheet-full-width {
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-system div.sheet-checkbox-width {
|
|
width: 16px;
|
|
}
|
|
.sheet-rolltemplate-system div.sheet-number-width-sm {
|
|
width: 25px;
|
|
}
|
|
|
|
.sheet-rolltemplate-system .inlinerollresult,
|
|
.sheet-rolltemplate-system.sheet-rolltemplate-darkmode .inlinerollresult {
|
|
display: inline-block;
|
|
text-align: center;
|
|
padding: 0;
|
|
margin: 0;
|
|
color: inherit;
|
|
border: none !important;
|
|
background: transparent !important;
|
|
height: 18px;
|
|
font-weight: inherit;
|
|
font-size: 12px;
|
|
font-family: 'Merriweather', serif;
|
|
}
|
|
.sheet-rolltemplate-system .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-system.sheet-rolltemplate-darkmode .inlinerollresult.fullcrit {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-system .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-system.sheet-rolltemplate-darkmode .inlinerollresult.fullfail {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-system .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-system.sheet-rolltemplate-darkmode .inlinerollresult.importantroll {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
/* Default Roll Template Styles */
|
|
.sheet-rolltemplate-weapon {
|
|
background: white;
|
|
font-family: 'Merriweather', serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
color: black;
|
|
}
|
|
.sheet-rolltemplate-weapon.sheet-rolltemplate-darkmode {
|
|
background: #1f1f1f;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-weapon div.sheet-border {
|
|
border: 2px solid #811818;
|
|
font-family: 'Merriweather', serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
border-radius: 5px;
|
|
}
|
|
.sheet-rolltemplate-weapon div.sheet-header {
|
|
background: #811818;
|
|
color: whitesmoke;
|
|
}
|
|
.sheet-rolltemplate-weapon div.sheet-character {
|
|
font-size: 11px;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-weapon div.sheet-name {
|
|
font-family: "Sorts Mill Goudy", serif;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-weapon div.sheet-table {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
.sheet-rolltemplate-weapon div.sheet-tr {
|
|
display: table-row;
|
|
}
|
|
.sheet-rolltemplate-weapon div.sheet-th {
|
|
display:table-cell;
|
|
text-align: center;
|
|
background: dimgray;
|
|
color: whitesmoke;
|
|
padding: 1px 2px;
|
|
vertical-align: middle;
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet-rolltemplate-weapon div.sheet-td {
|
|
display: table-cell;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding: 1px 2px;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet-rolltemplate-weapon div.sheet-help {
|
|
cursor: help;
|
|
}
|
|
.sheet-rolltemplate-weapon div.sheet-bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-weapon .inlinerollresult,
|
|
.sheet-rolltemplate-weapon.sheet-rolltemplate-darkmode .inlinerollresult {
|
|
display: inline-block;
|
|
text-align: center;
|
|
padding: 0;
|
|
margin: 0;
|
|
color: inherit;
|
|
border: none !important;
|
|
background: transparent !important;
|
|
height: 18px;
|
|
font-weight: inherit;
|
|
font-size: 12px;
|
|
font-family: 'Merriweather', serif;
|
|
}
|
|
.sheet-rolltemplate-weapon .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-weapon.sheet-rolltemplate-darkmode .inlinerollresult.fullcrit {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-weapon .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-weapon.sheet-rolltemplate-darkmode .inlinerollresult.fullfail {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-weapon .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-weapon.sheet-rolltemplate-darkmode .inlinerollresult.importantroll {
|
|
border: none !important;
|
|
color: inherit;
|
|
background: transparent !important;
|
|
font-weight: inherit;
|
|
} |