mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-31 04:02:29 +00:00
1166 lines
38 KiB
CSS
1166 lines
38 KiB
CSS
input.sheet-background_switch_1:checked ~ div.sheet-background { background: white }
|
|
input.sheet-background_switch_2:checked ~ div.sheet-background { background-image: linear-gradient(#738132, #4b5320); color: white; }
|
|
input.sheet-background_switch_3:checked ~ div.sheet-background { background-image: linear-gradient(#8f489d, #59357a); color: white; }
|
|
input.sheet-background_switch_5:checked ~ div.sheet-background { background-image: linear-gradient(#aa3f3c, #772C2A); color: white; }
|
|
input.sheet-background_switch_4:checked ~ div.sheet-background { background-image: linear-gradient(#C45911, #833C0B); color: white; }
|
|
input.sheet-background_switch_6:checked ~ div.sheet-background { background-image: linear-gradient(#266daa, #17466e); color: white; }
|
|
input.sheet-background_switch_7:checked ~ div.sheet-background { background-image: linear-gradient(#9c8c60, #695d3f); color: white; }
|
|
input.sheet-background_switch_8:checked ~ div.sheet-background { background-image: linear-gradient(#a42444, #66001a); color: white; }
|
|
input.sheet-background_switch_9:checked ~ div.sheet-background { background: white; color: black;}
|
|
|
|
input.sheet-background_override_switch_1:checked ~ div.sheet-background { background-image: linear-gradient(#738132, #4b5320); color: white; }
|
|
input.sheet-background_override_switch_2:checked ~ div.sheet-background { background-image: linear-gradient(#8f489d, #59357a); color: white; }
|
|
input.sheet-background_override_switch_3:checked ~ div.sheet-background { background-image: linear-gradient(#C45911, #833C0B); color: white; }
|
|
input.sheet-background_override_switch_4:checked ~ div.sheet-background { background-image: linear-gradient(#aa3f3c, #772C2A); color: white; }
|
|
input.sheet-background_override_switch_5:checked ~ div.sheet-background { background-image: linear-gradient(#266daa, #17466e); color: white; }
|
|
input.sheet-background_override_switch_6:checked ~ div.sheet-background { background-image: linear-gradient(#9c8c60, #695d3f); color: white; }
|
|
input.sheet-background_override_switch_7:checked ~ div.sheet-background { background-image: linear-gradient(#a42444, #66001a); color: white; }
|
|
input.sheet-background_override_switch_8:checked ~ div.sheet-background { background: white; color: black;}
|
|
input.sheet-background_override_switch_9:checked ~ div.sheet-background { background: #4d4d4d; color: white;}
|
|
input.sheet-background_override_switch_10:checked ~ div.sheet-background { background: #2E5984; color: white;}
|
|
input.sheet-background_override_switch_11:checked ~ div.sheet-background { background: #BFA52B; color: white;}
|
|
input.sheet-background_override_switch_12:checked ~ div.sheet-background { background: #696969; color: white;}
|
|
input.sheet-background_override_switch_13:checked ~ div.sheet-background { background: #ff00ff; color: black;}
|
|
input.sheet-background_override_switch_14:checked ~ div.sheet-background { background-image: linear-gradient(#a0e050, #800020); color: white }
|
|
input.sheet-background_override_switch_15:checked ~ div.sheet-background { background-image: linear-gradient(#800020, #3a305b); color: white; }
|
|
input.sheet-background_override_switch_16:checked ~ div.sheet-background { background-image: linear-gradient(#15f4ee, #ff08fc); color: darkgreen; }
|
|
input.sheet-background_override_switch_17:checked ~ div.sheet-background { background-image: linear-gradient(#019339, #005193); color: white; }
|
|
|
|
|
|
|
|
/* ______________________________ start of CSS selectors, patterns used to select element(s) for styling ______________________________ */
|
|
|
|
|
|
|
|
/* Import multiple Google font families; Should ALWAYS be done at the TOP of the page! */
|
|
@import url('https://fonts.googleapis.com/css?family=Orbitron|Saira+Semi+Condensed&display=swap');
|
|
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400&display=swap');
|
|
/* All input elements that are of type number or type text */
|
|
select,
|
|
input[type='number'],
|
|
input[type='text'],
|
|
button[type='action'] {
|
|
background: #394C6A;
|
|
color: white;
|
|
font-family: Saira Semi Condensed;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
/* All horizontal rule elements receive the following CSS property. */
|
|
hr { border-top: 1px dotted black; }
|
|
|
|
/* All button elements of type roll */
|
|
button[type='roll'] {
|
|
background: black;
|
|
color: white;
|
|
font-family: Saira Semi Condensed;
|
|
text-shadow: none;
|
|
}
|
|
|
|
/* clear buttons with the clear class */
|
|
button[type="roll"].sheet-clear::before {
|
|
content: "";
|
|
display: none;
|
|
}
|
|
|
|
/* All button elements of type roll when hovered over: */
|
|
button[type='roll']:hover { background: rgb(200, 0, 0) !important; }
|
|
button[type='action']:hover {background: rgb(200, 0, 0) !important; }
|
|
label:hover { cursor: pointer; }
|
|
|
|
/* Both header elements 2 and 3 receive the following CSS properties. */
|
|
h2, h3 {
|
|
color: white;
|
|
font-family: Orbitron;
|
|
letter-spacing: 1px;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
}
|
|
|
|
/* Only type-2 headers receive the following CSS properties. */
|
|
h2 { text-decoration: underline; }
|
|
|
|
/* Only type-3 headers receive the following CSS properties. */
|
|
h3 { background: #394C6A; }
|
|
|
|
/* All instances of the placeholder attribute across all elements */
|
|
::placeholder {
|
|
color: white;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
/* All textarea elements (keep width for textarea to prevent stretching off of sheet) */
|
|
textarea {
|
|
background: #394C6A;
|
|
color: white;
|
|
font-family: 'Roboto Mono', monospace;
|
|
font-size: 13px;
|
|
resize: vertical;
|
|
width: calc(100% - 10px);
|
|
}
|
|
|
|
/* Prevent disabled inputs from consuming mouse clicks */
|
|
input[disabled] {
|
|
pointer-events: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ______________________________ end of CSS selectors ______________________________
|
|
______________________________ start of multipurpose or special-use classes such as grey border box on Core and Settings tabs ______________________________ */
|
|
|
|
.sheet-whitetext{
|
|
color: white;
|
|
}
|
|
|
|
.sheet-compendium-drop-target {
|
|
border: 5px solid black;
|
|
border-radius: 16px;
|
|
margin: -15px;
|
|
overflow: hidden;
|
|
background-color: black;
|
|
}
|
|
|
|
.sheet-compendium-drop-target.active-drop-target {
|
|
border: 5px solid green;
|
|
background-color: green;
|
|
}
|
|
|
|
.sheet-full_width_49px { width: calc(100% - 49px); }
|
|
.sheet-full_width_30px { width: calc(100% - 30px); }
|
|
|
|
.sheet-margin_adjust { margin-top: -23px; margin-bottom: 4px; margin-left: -1px;text-align: right; font-size: 16px;}
|
|
.sheet-margin_adjust2 { margin-top: -22px; margin-bottom: 4px; margin-left: -26px; text-align: right; font-size: 16px;}
|
|
.sheet-margin_adjust_wep { margin-top: -20px; margin-bottom: 2px; margin-left: 2px; text-align: right; font-size: 16px;}
|
|
.sheet-margin_adjust_wep2 { margin-top: -20px; margin-bottom: 2px; margin-left: -23px; text-align: right; font-size: 16px;}
|
|
.sheet-radius_border_right { border-bottom-right-radius: 7px !important; }
|
|
.sheet-radius_border_right_wep { border-bottom-right-radius: 10px !important; }
|
|
.sheet-radius_border_left { border-bottom-left-radius: 10px !important; }
|
|
|
|
/* These hider checkboxes have names which match the select element on a 1-2-3;
|
|
the appropriate element is displayed on a 4 all elements are hidden */
|
|
.sheet-hider:not(:checked) + :not(span) { display: none }
|
|
.sheet-hidernot:checked + :not(span) { display: none }
|
|
|
|
|
|
.sheet-hidden { display: none; }
|
|
|
|
.sheet-input_background {
|
|
background: transparent;
|
|
border-color: transparent;
|
|
color: white;
|
|
cursor: pointer;
|
|
font-size: 16px;
|
|
margin-left: -7px;
|
|
margin-top: -3px;
|
|
text-align: center;
|
|
width: 35px;
|
|
}
|
|
|
|
.sheet-input_char_background {
|
|
margin-top: -4px !important;
|
|
margin-bottom: -2px !important;
|
|
width: 50px;
|
|
margin-left: -12px!important;
|
|
}
|
|
|
|
.sheet-input_init_background {
|
|
margin-top: -3px !important;
|
|
margin-bottom: -2px !important;
|
|
width: 35px;
|
|
}
|
|
|
|
.sheet-box {
|
|
background: #4d4d4d;
|
|
border-top: 3px black solid;
|
|
border-radius: 0px;
|
|
color: white;
|
|
overflow: hidden;
|
|
margin-top: -4px
|
|
}
|
|
|
|
.sheet-table {
|
|
background: #4a648c;
|
|
color: white;
|
|
font-family: Saira Semi Condensed;
|
|
}
|
|
|
|
.sheet-numerical_field {
|
|
margin-right: 20px;
|
|
width: 80px !important;
|
|
}
|
|
|
|
.sheet-end_field { margin-right: 0px }
|
|
|
|
.sheet-edge_padding { padding: 2px; }
|
|
|
|
/* full height of containing block */
|
|
.sheet-full_height {height: 100%; }
|
|
/* 40% width of containing block */
|
|
.sheet-40width { width: 40%; }
|
|
/* half width of containing block */
|
|
.sheet-half_width { width: 50%; }
|
|
/* 90% width of containing block */
|
|
.sheet-90width { width: 90%; }
|
|
/* full width of containing block */
|
|
.sheet-full_width { width: 100%; }
|
|
|
|
.sheet-bold_text { font-weight: bold; }
|
|
.sheet-border_none { border: none !important; }
|
|
.sheet-auto_margin { margin: auto; }
|
|
.sheet-huge_text { font-size: 36px; }
|
|
.sheet-text_centered { text-align: center; }
|
|
.sheet-ssc { font-family: Saira Semi Condensed; }
|
|
.sheet-bttn_top_padding { padding-top: 5px }
|
|
|
|
.sheet-radius_border { border-radius: 10px; }
|
|
.sheet-radius_border_top {
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
}
|
|
.sheet-radius_border_bottom {
|
|
border-bottom-left-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
}
|
|
.sheet-radius_border_heading {
|
|
border-top-left-radius: 9px;
|
|
border-top-right-radius: 9px;
|
|
}
|
|
|
|
.sheet-description_rounded_margin {
|
|
margin-bottom: -4px;
|
|
border-radius: 0px 0px 8px 8px;
|
|
}
|
|
|
|
.sheet-border_full{
|
|
border-radius: 10px;
|
|
border: 3px solid #4a648c;
|
|
background: #4a648c;
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
|
|
/* ______________________________ end of special-use classes ______________________________
|
|
______________________________ start of grid structure for character information ______________________________ */
|
|
|
|
|
|
|
|
.sheet-gs1 { grid-area: ah1; margin-top: 5px; font-size: 14px; padding-left: 2px }
|
|
.sheet-gs2 { grid-area: ah2; margin-top: 5px; font-size: 14px; }
|
|
.sheet-gs3 { grid-area: ah3; margin-top: 5px; font-size: 14px; }
|
|
.sheet-gs4 { grid-area: ah4; margin-top: 5px; font-size: 14px; }
|
|
.sheet-gs5 { grid-area: ah5; margin-top: 5px; font-size: 14px; }
|
|
.sheet-gs6 { grid-area: ah6; margin-top: 5px; font-size: 14px; }
|
|
.sheet-gs7 { grid-area: ah7; width: calc(100%); text-align: right !important; }
|
|
.sheet-gs8 { grid-area: ah8; width: calc(100% + 77px); margin-left: -77px; height: 100%; text-align: right !important; }
|
|
.sheet-gs9 { grid-area: ah9; width: calc(100% + 33px); margin-left: -33px; text-align: right !important; }
|
|
.sheet-gs10 { grid-area: ah10; width: calc(100% + 97px); margin-left: -97px; text-align: right !important; }
|
|
.sheet-gs11 { grid-area: ah11; width: calc(100% + 43px); margin-left: -43px; text-align: right !important; }
|
|
.sheet-gs12 { grid-area: ah12; width: calc(100% + 20px); margin-left: -20px; text-align: right !important; }
|
|
.sheet-gs13 { grid-area: ah13; margin: 0px 5px; }
|
|
.sheet-gs14 { grid-area: ah14; width: calc(100% + 30px); text-align: left !important; }
|
|
.sheet-gs15 { grid-area: ah15; width: calc(100% + 78px); text-align: left !important; }
|
|
.sheet-gs16 { grid-area: ah16; width: calc(100% + 96px); text-align: left !important; }
|
|
.sheet-gs17 { grid-area: ah17; width: calc(100% + 49px); text-align: left !important; }
|
|
.sheet-gs18 { grid-area: ah18; width: calc(100% + 30px); text-align: left !important; }
|
|
.sheet-gs19 { grid-area: ah19; width: calc(100% + 64px); text-align: left !important; }
|
|
.sheet-gs20 { grid-area: ah20; margin-top: 5px; font-size: 14px; text-align: right }
|
|
.sheet-gs21 { grid-area: ah21; margin-top: 5px; font-size: 14px; text-align: right }
|
|
.sheet-gs22 { grid-area: ah22; margin-top: 5px; font-size: 14px; text-align: right }
|
|
.sheet-gs23 { grid-area: ah23; margin-top: 5px; font-size: 14px; text-align: right }
|
|
.sheet-gs24 { grid-area: ah24; margin-top: 5px; font-size: 14px; text-align: right }
|
|
.sheet-gs25 { grid-area: ah25; margin-top: 5px; font-size: 14px; text-align: right }
|
|
|
|
.sheet-header_logo {
|
|
font-family: Orbitron;
|
|
letter-spacing: 1px;
|
|
display: grid;
|
|
grid-template-columns: 145px auto 123px auto 145px;
|
|
grid-template-rows: 30px 30px 30px 30px 30px 30px;
|
|
grid-template-areas:
|
|
'ah1 ah7 ah13 ah14 ah20'
|
|
'ah2 ah8 ah13 ah15 ah21'
|
|
'ah3 ah9 ah13 ah16 ah22'
|
|
'ah4 ah10 ah13 ah17 ah23'
|
|
'ah5 ah11 ah13 ah18 ah24'
|
|
'ah6 ah12 ah13 ah19 ah25';
|
|
}
|
|
|
|
/* ______________________________ end of grid structure for character information ______________________________
|
|
______________________________ start of structure for characteristics ______________________________ */
|
|
|
|
|
|
|
|
.sheet-characteristics_background {
|
|
background: #404040;
|
|
border-top: 3px solid #404040;
|
|
border-bottom: 4px solid #404040;
|
|
border-left: 2px solid #404040;
|
|
border-right: 2px solid #404040;
|
|
border-radius: 6px;
|
|
display: grid;
|
|
grid-column-gap: 0.5%;
|
|
grid-template-columns: repeat(9,calc(100%/10 - 0.5%)) calc(100%/10);
|
|
grid-template-rows: 26px 40px 26px;
|
|
}
|
|
|
|
.sheet-characteristics_button {
|
|
margin-left: -0.1%!important;
|
|
width: calc(100% - 8px);
|
|
}
|
|
.sheet-characteristics_input { font-size: 30px; }
|
|
|
|
|
|
|
|
/* ______________________________ end of structure for characteristics ______________________________
|
|
______________________________ start of grid structure for the mythic characteristics, movement and pushing ______________________________ */
|
|
|
|
|
|
.sheet-characteristics_mythic_movement_carry_header{font-size: 15px; font-family: Orbitron; letter-spacing: 1px; text-align: center;}
|
|
.sheet-characteristics_mythic_movement_carry_input{ width: 100%;}
|
|
.sheet-characteristics_mythic_movement_carry_text{font-family: Saira Semi Condensed; font-size: 14px; text-align: center; }
|
|
|
|
.sheet-characteristics_mythic_movement_carry {
|
|
display: grid;
|
|
grid-template-columns: 156px auto auto 156px;
|
|
}
|
|
|
|
.sheet-mythic_grid{
|
|
justify-content: left;
|
|
text-align: center;
|
|
display: grid;
|
|
justify-items: center;
|
|
grid-column-gap: 3px;
|
|
grid-template-columns: repeat(3,50px);
|
|
}
|
|
|
|
.sheet-move_grid{
|
|
justify-content: center;
|
|
text-align: center;
|
|
display: grid;
|
|
justify-items: center;
|
|
grid-column-gap: 3px;
|
|
grid-template-columns: repeat(7,50px);
|
|
}
|
|
|
|
.sheet-sight_grid{
|
|
justify-content: center;
|
|
text-align: center;
|
|
display: grid;
|
|
justify-items: center;
|
|
grid-column-gap: 3px;
|
|
grid-template-columns: repeat(1,50px);
|
|
}
|
|
|
|
.sheet-carry_grid{
|
|
justify-content: right;
|
|
text-align: center;
|
|
display: grid;
|
|
justify-items: center;
|
|
grid-column-gap: 3px;
|
|
grid-template-columns: repeat(3,50px);
|
|
}
|
|
|
|
|
|
|
|
/* ______________________________ end of grid structure for the mythic characteristics, movement and pushing ______________________________
|
|
______________________________ start of grid structure for initiative and sheet tabs ______________________________ */
|
|
|
|
|
|
|
|
.sheet-tabs_main {
|
|
display: grid;
|
|
grid-template-columns: 50% 50%;
|
|
}
|
|
|
|
.sheet-initiative_container {
|
|
display: grid;
|
|
grid-template-columns: 100px 78px 16px 50px 16px 70px;
|
|
}
|
|
|
|
.sheet-init_field {
|
|
height: 100%;
|
|
margin-right: -60px;
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-init_plus {
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
padding-top: 12px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-sheet_tabs {
|
|
justify-content: right;
|
|
margin-right: 3px;
|
|
display: grid;
|
|
grid-template-columns: 45px 75px 60px 95px 60px 60px 45px;
|
|
}
|
|
|
|
.sheet-core_bttn:checked + button {
|
|
background: rgb(200, 0, 0);
|
|
color: white;
|
|
vertical-align: center;
|
|
}
|
|
|
|
/* ______________________________ end of grid structure for initiative and sheet tabs ______________________________
|
|
______________________________ start of tab buttons toggles ______________________________ */
|
|
|
|
|
|
|
|
/* ______________________________ end of tab buttons toggles ______________________________
|
|
______________________________ start of minimisable infographic ______________________________ */
|
|
|
|
|
|
|
|
.sheet-select_text {
|
|
background: #394C6A;
|
|
border: 1px solid white;
|
|
border-radius: 4px;
|
|
color: white;
|
|
font-family: Saira Semi Condensed;
|
|
padding: 0px 4px 0px 4px;
|
|
}
|
|
.sheet-select_button:checked ~ .sheet-select_text { background: rgb(200, 0, 0); }
|
|
|
|
.sheet-infographic_main { margin-left: 5px; }
|
|
|
|
.sheet-infographic_buttons{ margin-top: -4px!important; height: 20px; font-weight: bold; border-color: lightgrey;}
|
|
.sheet-infographic_select{ margin-top: -4px!important; height: 26px; font-weight: bold; border-color: lightgrey; padding-top: 1px}
|
|
.sheet-infographic_toggles {
|
|
display: grid;
|
|
grid-column-gap: 5px;
|
|
grid-template-columns: 54px 82px 90px 113px 84px 82px 64px 88px auto;
|
|
}
|
|
|
|
.sheet-infographic_grid {
|
|
display: grid;
|
|
grid-column-gap: 5px;
|
|
grid-template-columns: 99px 99px 99px 99px 203px 203px
|
|
}
|
|
|
|
|
|
.sheet-infographic_header_text {
|
|
background: #394C6A !important;
|
|
border: 0px solid transparent !important;
|
|
border-radius: 0px 0px 0px 3px !important;
|
|
font-family: Orbitron !important;
|
|
width: 100%;
|
|
margin: -1px 0px 0px 0px !important;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.sheet-infographic_header_checkmark {
|
|
width: 100%;
|
|
text-align: right;
|
|
border: 0px solid transparent;
|
|
border-radius: 0px 0px 3px 0px;
|
|
font-family: Orbitron !important;
|
|
font-weight: normal;
|
|
font-size: 18px;
|
|
margin: 1px 0px 0px -3px;
|
|
}
|
|
.sheet-infographic_text {color: white; justify-self: right; margin-top: 3px; margin-right: 3px; }
|
|
.sheet-infographic_last_element {border-bottom-right-radius: 11px}
|
|
|
|
.sheet-infographic_header_grid_checkbox {
|
|
display: grid;
|
|
grid-template-columns: 65px auto;
|
|
}
|
|
.sheet-infographic_grid_4x {
|
|
background: #4a648c;
|
|
display: grid;
|
|
grid-template-columns: 50px 50px 50px 50px;
|
|
grid-template-rows: 26px 26px;
|
|
}
|
|
|
|
.sheet-infographic_field_2x {
|
|
background: #4a648c;
|
|
display: grid;
|
|
grid-template-columns: 50px 46px;
|
|
grid-template-rows: 26px 26px;
|
|
}
|
|
|
|
|
|
.sheet-armorgrid_description_container{overflow: hidden;border-radius: 10px}
|
|
.sheet-armorgrid_description{height:calc(100% - 11px); border-radius: 10px}
|
|
.sheet-armorgrid {
|
|
display: grid;
|
|
margin-top: 5px;
|
|
grid-column-gap: 5px;
|
|
grid-template-columns: 203px 203px calc(100% - 203px*2 - 5px*3);
|
|
}
|
|
|
|
/* ______________________________ end of minimisable infographic ______________________________
|
|
______________________________ start of core tab ______________________________ */
|
|
|
|
|
|
|
|
.sheet-core_lists1 { grid-area: cl1; margin-right: 10px; }
|
|
.sheet-core_lists2 { grid-area: cl2; margin-bottom: 5px; }
|
|
.sheet-core_lists3 { grid-area: cl3; margin-top: 5px; }
|
|
.sheet-core_lists {
|
|
display: grid;
|
|
grid-template-columns: 400px auto;
|
|
grid-template-areas:
|
|
'cl1 cl2'
|
|
'cl1 cl3';
|
|
}
|
|
|
|
.sheet-skills_item { margin: 7px 5px; }
|
|
.sheet-skills_text { margin: 4px 0px; }
|
|
.sheet-skills_diff { margin-left: 8px; }
|
|
.sheet-text_left { text-align: left !important; }
|
|
|
|
.sheet-skill_header_text {text-align: center;}
|
|
.sheet-skill_header {
|
|
border-bottom: 1px dotted darkgrey;
|
|
margin-top: 7px;
|
|
display: grid;
|
|
grid-template-columns: auto 50px 55px 50px 30px 30px 30px 35px;
|
|
grid-template-rows: 23px;
|
|
}
|
|
|
|
.sheet-skill_grid {
|
|
border-bottom: 1px dotted darkgrey;
|
|
padding-top: 1.5px;
|
|
padding-bottom: 1.5px;
|
|
display: grid;
|
|
grid-template-columns: auto 50px 55px 50px 30px 30px 30px 35px;
|
|
grid-template-rows: 27px;
|
|
|
|
}
|
|
|
|
.sheet-education_grid {
|
|
border-bottom: 1px dotted darkgrey;
|
|
padding-top: 1.5px;
|
|
padding-bottom: 1.5px;
|
|
display: grid;
|
|
grid-template-columns: auto 63px 55px 30px 30px 35px;
|
|
grid-template-rows: 27px;
|
|
}
|
|
|
|
.sheet-education_header {
|
|
border-bottom: 1px dotted darkgrey;
|
|
margin-top: 7px;
|
|
display: grid;
|
|
grid-template-columns: auto 63px 55px 25px 38px 30px;
|
|
grid-template-rows: 23px;
|
|
}
|
|
|
|
.sheet-abilities_checkbox_pointer {
|
|
margin-top: -21px;
|
|
margin-right: 9px;
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
|
|
/* ______________________________ end of core tab ______________________________
|
|
______________________________ start of equipment tab ______________________________ */
|
|
|
|
|
|
|
|
.sheet-equipment_divider {
|
|
display: grid;
|
|
grid-column-gap: 10px;
|
|
grid-template-columns: 49% auto;
|
|
grid-template-areas:
|
|
'e1 e2'
|
|
'e3 e3';
|
|
}
|
|
|
|
.sheet-equipment_ranged_weapons { grid-area: e1; background:#4a648c;}
|
|
.sheet-equipment_melee_weapons { grid-area: e2; background:#4a648c;}
|
|
.sheet-equipment_numerics { grid-area: e3; margin-top: 10px; margin-bottom: 10px;}
|
|
.sheet-equipment_ranged_weapons_rep { background:#4a648c; border:1px solid white; border-radius: 10px; padding: 2px; }
|
|
|
|
.sheet-equipment_ranged_weapons_gs1 { grid-area: rw1; color: white; font-size: 12px; padding: 0px 2px }
|
|
.sheet-equipment_ranged_weapons_gs2 { grid-area: rw2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs3 { grid-area: rw3; color: white; font-size: 12px; padding: 0px 2px }
|
|
.sheet-equipment_ranged_weapons_gs4 { grid-area: rw4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs31 { grid-area: rw31; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; border-top-right-radius: 10px; margin: 0px 0px 0px; height: 27px;}
|
|
.sheet-equipment_ranged_weapons_gs5 { grid-area: rw5; color: white; font-size: 12px; padding: 0px 2px }
|
|
.sheet-equipment_ranged_weapons_gs6 { grid-area: rw6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs7 { grid-area: rw7; color: white; font-size: 12px; padding: 0px 2px }
|
|
.sheet-equipment_ranged_weapons_gs8 { grid-area: rw8; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs9 { grid-area: rw9; color: white; font-size: 12px; padding: 0px 2px }
|
|
.sheet-equipment_ranged_weapons_gs10 { grid-area: rw10; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs11 { grid-area: rw11; color: white; font-size: 12px; padding: 0px 2px }
|
|
.sheet-equipment_ranged_weapons_gs12 { grid-area: rw12; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs13 { grid-area: rw13; color: white; font-size: 12px; padding: 0px 2px }
|
|
.sheet-equipment_ranged_weapons_gs14 { grid-area: rw14; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs15 { grid-area: rw15; color: white; font-size: 12px; padding: 0px 2px }
|
|
.sheet-equipment_ranged_weapons_gs16 { grid-area: rw16; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs17 { grid-area: rw17; color: white; font-size: 30px; margin-top: -27px; text-align: center; height: 12px; }
|
|
.sheet-equipment_ranged_weapons_gs18 { grid-area: rw18; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs19 { grid-area: rw19; color: white; font-size: 12px; width: 50px!important;}
|
|
.sheet-equipment_ranged_weapons_gs20 { grid-area: rw20; color: white; font-size: 12px; width: 50px!important;}
|
|
.sheet-equipment_ranged_weapons_gs21 { grid-area: rw21; color: white; font-size: 12px; padding: 0px 2px }
|
|
.sheet-equipment_ranged_weapons_gs22 { grid-area: rw22; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs23 { grid-area: rw23; color: white; font-size: 12px; padding: 0px 2px }
|
|
.sheet-equipment_ranged_weapons_gs24 { grid-area: rw24; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs25 { grid-area: rw25; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white;}
|
|
.sheet-equipment_ranged_weapons_gs26 { grid-area: rw26; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white;}
|
|
|
|
.sheet-equipment_ranged_weapons_grid1 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto 45% auto auto auto;
|
|
grid-template-areas:
|
|
'rw1 rw2 rw2 rw3 rw4 rw31';
|
|
}
|
|
|
|
.sheet-equipment_ranged_weapons_grid2 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
|
|
grid-template-areas:
|
|
'rw5 rw6 rw6 rw7 rw7 rw8 rw9 rw10 rw11 rw12';
|
|
}
|
|
|
|
.sheet-equipment_ranged_weapons_grid3 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto 61px 61px;
|
|
grid-template-areas:
|
|
'rw13 rw14 rw15 rw16 rw17 rw18 rw19 rw20';
|
|
}
|
|
|
|
|
|
.sheet-equipment_ranged_weapons_grid4 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: 23px auto 40px 85px;
|
|
grid-template-areas:
|
|
'rw21 rw22 rw23 rw24';
|
|
}
|
|
.sheet-equipment_ranged_weapons_grid5 {
|
|
padding-top: 1px;
|
|
border-top: 1px solid white;
|
|
align-items: center;
|
|
column-gap: 5px;
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
grid-template-areas:
|
|
'rw25 rw26';
|
|
|
|
}
|
|
|
|
.sheet-equipment_melee_weapons_gs1 { grid-area: mw1; color: white; font-size: 12px; padding: 0px 2px }
|
|
.sheet-equipment_melee_weapons_gs2 { grid-area: mw2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_melee_weapons_gs3 { grid-area: mw3; color: white; font-size: 12px; padding: 0px 2px }
|
|
.sheet-equipment_melee_weapons_gs4 { grid-area: mw4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_melee_weapons_gs5 { grid-area: mw5; color: white; font-size: 12px; padding: 0px 2px }
|
|
.sheet-equipment_melee_weapons_gs6 { grid-area: mw6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_melee_weapons_gs7 { grid-area: mw7; color: white; font-size: 30px; margin-top: -27px; text-align: center; height: 12px; }
|
|
.sheet-equipment_melee_weapons_gs8 { grid-area: mw8; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_melee_weapons_gs9 { grid-area: mw9; color: white; font-size: 12px; width: 50px!important; }
|
|
.sheet-equipment_melee_weapons_gs10 { grid-area: mw10; color: white; font-size: 12px; width: 50px!important; }
|
|
.sheet-equipment_melee_weapons_gs11 { grid-area: mw11; color: white; font-size: 12px; }
|
|
.sheet-equipment_melee_weapons_gs12 { grid-area: mw12; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; height: 27px; margin-left: -8px; margin-bottom: 0px; }
|
|
.sheet-equipment_melee_weapons_gs13 { grid-area: mw13; color: white; font-size: 12px; }
|
|
.sheet-equipment_melee_weapons_gs14 { grid-area: mw14; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; height: 27px; margin-bottom: 0px; }
|
|
|
|
.sheet-equipment_melee_weapons_grid3 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto 61px 61px;
|
|
grid-template-areas:
|
|
'mw1 mw2 mw3 mw4 mw5 mw6 mw7 mw8 mw9 mw10';
|
|
}
|
|
|
|
.sheet-equipment_melee_weapons_grid4 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto;
|
|
grid-template-areas:
|
|
'mw11 mw12 mw13 mw14';
|
|
}
|
|
|
|
|
|
.sheet-equipment_header {
|
|
background: #394C6A;
|
|
font-family: Orbitron;
|
|
font-size: 14px;
|
|
height: 30px;
|
|
letter-spacing: 1px;
|
|
}
|
|
.sheet-equipment_gear {
|
|
display: grid;
|
|
grid-template-columns: 30px auto 80px 80px 80px 80px 27px;
|
|
}
|
|
.sheet-equipment_gear_textarea {margin-left: 0px;}
|
|
.sheet-equipment_checkmark {width: 100%; text-align: center; align-self: center; margin-bottom: -1px; font-size: 17px}
|
|
.sheet-equipment_default {width: 100%; text-align: center; align-self: center; }
|
|
.sheet-equipment_hider {margin-top: 6px !important; font-size: 17px}
|
|
|
|
|
|
.sheet-equipment_titles {
|
|
font-size: 14px;
|
|
text-align: center;
|
|
height: 20px;
|
|
}
|
|
|
|
.sheet-equipment_armor_input { width: 100%; height: 50px; }
|
|
|
|
|
|
.sheet-equipment_permutations_grid {
|
|
margin: 0px 50.5px 0.6px 0px;
|
|
display: grid;
|
|
grid-template-columns: auto 250px;
|
|
}
|
|
|
|
|
|
.sheet-equipment_armor_grid {
|
|
display: grid;
|
|
grid-template-columns: 12% 12% 12% 12% 4% 12% 12% 12% 12%;
|
|
}
|
|
.sheet-equipment_armor_headers {
|
|
background: #4a648c;
|
|
|
|
}
|
|
|
|
|
|
/* ______________________________ end of equipment tab ______________________________
|
|
______________________________ start of medical tab ______________________________ */
|
|
|
|
.sheet-medical_damage_effects{
|
|
display: grid;
|
|
grid-template-columns: 24.25% 24.25% 24.25% 24.25%;
|
|
column-gap: 1%;
|
|
row-gap: 5px;
|
|
margin-bottom: 5px;
|
|
padding-bottom: 3px;
|
|
}
|
|
.sheet-medical_damage_effects_textarea{
|
|
padding-bottom: 0px !important;
|
|
margin-bottom: -4px !important;
|
|
border-radius: 0px 0px 9px 9px;
|
|
}
|
|
.sheet-medical_padding{
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-medical-grid {
|
|
display: grid;
|
|
column-gap: 5px;
|
|
grid-template-columns: auto 215px;
|
|
grid-template-areas:
|
|
'mF mT'
|
|
}
|
|
|
|
.sheet-medicalHOV{
|
|
border-radius: 9px;
|
|
border-bottom: 3px solid transparent;
|
|
}
|
|
.sheet-medicalHOV_not {
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
}
|
|
.sheet-medicalHOV_not { display: none;}
|
|
.sheet-medicalHOV:hover .sheet-medicalHOV_not {display: block;}
|
|
|
|
.sheet-medical_button{
|
|
border: grey 1px solid;
|
|
border-radius: 10px;
|
|
box-shadow: none;
|
|
background: black!important;
|
|
font-size: 20px !important;
|
|
font-weight: bold;
|
|
margin: 5px 0px 1px 3px;
|
|
}
|
|
.sheet-medical_header:hover,
|
|
.sheet-medical_button:hover { background-color: rgb(200, 0, 0); }
|
|
|
|
.sheet-medical_header {
|
|
background: black;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
height: 30px;
|
|
margin-bottom: -10px;
|
|
}
|
|
|
|
.sheet-medical_text{
|
|
color: white;
|
|
font-family: 'Roboto Mono', monospace;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.sheet-medical_table {
|
|
border-bottom: 1px dotted #A0A0A0;
|
|
color: white;
|
|
font-family: 'Roboto Mono', monospace;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.sheet-medical_prosthetics_grid{
|
|
margin: 0px 50.5px 0.6px 0px;
|
|
display: grid;
|
|
grid-template-columns: auto 100px 100px;
|
|
}
|
|
|
|
|
|
/* ______________________________ end of medical tab __________________________________________________________
|
|
______________________________ start of advancements tab ______________________________ */
|
|
|
|
|
|
|
|
.sheet-advancements_grid_gs1 {align-self: center; text-align: center; width: 100%; }
|
|
.sheet-advancements_grid_gs2 {align-self: center; text-align: center; width: 100% !important; }
|
|
.sheet-advancements_grid_gs3 {align-self: center; text-align: center; width: 100% !important; }
|
|
.sheet-advancements_grid_gs4 {align-self: center; text-align: center; width: 100%; }
|
|
.sheet-advancements_grid_gs5 {align-self: center; text-align: center; width: 100% !important; }
|
|
.sheet-advancements_grid_gs6 {align-self: center; text-align: center; width: 100% !important; }
|
|
.sheet-advancements_grid_header {
|
|
justify-content: center;
|
|
display: grid;
|
|
grid-template-columns: 29% 10% 10% 1% 29% 10% 10% ;
|
|
}
|
|
|
|
.sheet-advancements_grid {
|
|
justify-content: center;
|
|
display: grid;
|
|
grid-template-columns: 60% 20% 20% ;
|
|
}
|
|
|
|
.repcontainer[data-groupname="repeating_traininfaction"],
|
|
.repcontainer[data-groupname="repeating_advancements"]{
|
|
display: inline-block;
|
|
justify-content: center;
|
|
display: grid;
|
|
grid-template-columns: 49.5% 49.5%;
|
|
grid-column-gap: 1%;
|
|
}
|
|
|
|
.repcontainer[data-groupname="repeating_trainingweapon"]{
|
|
margin: 0 5px 0 5px;
|
|
display: inline-block;
|
|
justify-content: center;
|
|
display: grid;
|
|
grid-template-columns: 19.5% 19.5% 19.5% 19.5% 19.5%;
|
|
grid-column-gap: 1%;
|
|
}
|
|
|
|
.sheet-training {
|
|
display: grid;
|
|
grid-template-columns: 33% auto;
|
|
grid-column-gap: 5px
|
|
}
|
|
|
|
.sheet-weapon_training_grid {
|
|
font-size: 16px;
|
|
margin: 2px 0px 0px 20px;
|
|
display: grid;
|
|
grid-template-columns: 22% 20% 15% 20% 20%;
|
|
}
|
|
|
|
.sheet-characteristic_spending_number{width: 100%!important; text-align: center; text-indent: 18px;}
|
|
.sheet-characteristic_spending_number_total{width: 100%!important; text-align: center; text-indent: 18px; background-color: black !important;}
|
|
.sheet-characteristic_spending_text_input{width: 100%!important; text-align: center; font-weight: bold; font-family: Orbitron; letter-spacing: 1px; }
|
|
|
|
.sheet-characteristic_spending_window{
|
|
display: grid;
|
|
grid-template-columns: 9% 9% 9% 9% 9% 9% 9% 9% 9% 9% auto;
|
|
}
|
|
.sheet-characteristic_spending_window_button {
|
|
background: black;
|
|
height: 30px;
|
|
border-bottom-left-radius: 10px;
|
|
}
|
|
.sheet-characteristic_spending_window_button:hover { background-color: rgb(200, 0, 0); }
|
|
|
|
|
|
/* ______________________________ end of advancements tab ______________________________
|
|
______________________________ start of vehicles tab ___________________________________________________________ */
|
|
|
|
|
|
|
|
.sheet-vehicles_divider {
|
|
display: grid;
|
|
grid-template-columns: 49% auto;
|
|
grid-column-gap: 10px;
|
|
}
|
|
|
|
.sheet-vehicle_break{
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sheet-vehicles_Gn { background: #394C6A; border: none; border-bottom: 1px solid white; border-radius: 0px 0px 0px 0px; color: white; font-family: Saira Semi Condensed; text-align: center; font-size: 16px; }
|
|
.sheet-vehicles_Gs { height: 28px; margin-bottom: -8px; margin-top: -1px; border-radius: 0px 0px 0px 4px; border: 0px solid white; border-bottom: 1px solid white; border-right: 1px solid white; }
|
|
.sheet-vehicles_Gt { height: 28px; margin-bottom: -8px; margin-top: -1px; border-radius: 0px 0px 4px 0px; border: 0px solid white; border-bottom: 1px solid white; border-left: 1px solid white; }
|
|
|
|
.sheet-vehicles_grid_header {
|
|
display: grid;
|
|
grid-template-columns: 87px auto 87px;
|
|
}
|
|
|
|
.sheet-vehicles_grid_2x {
|
|
display: grid;
|
|
grid-template-columns: 50% 50%;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-vehicles_grid_4x {
|
|
display: grid;
|
|
grid-template-columns: 25% 25% 25% 25%;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-vehicles_grid_5x {
|
|
display: grid;
|
|
grid-template-columns: 20% 20% 20% 20% 20%;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-vehicles_descriptor{
|
|
border-bottom-left-radius: 8px;
|
|
}
|
|
|
|
.sheet-vehicle_background{
|
|
background-color: #394c6a;
|
|
}
|
|
|
|
.sheet-vehicle_smallrollbutton{
|
|
font-size: 12px !important;
|
|
height: 15px !important;
|
|
border-radius: 7px 7px 0px 0px;
|
|
border-bottom: 0px;
|
|
padding-top: 0px !important;
|
|
}
|
|
|
|
|
|
|
|
/* ______________________________ end of vehicles tab ______________________________
|
|
______________________________ start of settings tab _______________________________ */
|
|
|
|
.sheet-settings_grid{
|
|
display: grid;
|
|
grid-template-columns: 50% auto;
|
|
column-gap: 5px;
|
|
}
|
|
|
|
.sheet-bordered_container{
|
|
border: 2px solid #4a648c;
|
|
border-radius: 10px;
|
|
background: #4a648c;
|
|
}
|
|
|
|
.sheet-settings_speciesgrid{
|
|
display: grid;
|
|
grid-template-columns: calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6);
|
|
align-items: center;
|
|
justify-items: center;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
.sheet-settings_speciesgrid_weight{
|
|
display: grid;
|
|
grid-template-columns: calc(100%/6) calc(100%/3) calc(100%/3) calc(100%/6);
|
|
align-items: center;
|
|
justify-items: center;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
.sheet-settings_speciesinputwidth{width: 75%;}
|
|
|
|
.sheet-tokenmoddisplay{ height: 82px !important;}
|
|
|
|
.sheet-settings_compendium_grid {
|
|
display: grid;
|
|
grid-template-columns: 65px calc(100% - 65px);
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-settings_compendium_text {
|
|
background: transparent !important;
|
|
border: none;
|
|
|
|
}
|
|
|
|
/* ______________________________ end of settings tab ______________________________
|
|
______________________________ start of NPC sheet overrides ________________________ */
|
|
|
|
.sheet-NPC_stats_fields { height: 26px !important; font-size: 16px; color: white; width: auto;}
|
|
.sheet-NPC_stats_grid{
|
|
padding-top: 2px;
|
|
text-align: center;
|
|
display: grid;
|
|
grid-template-columns: 33% 33% 33%;
|
|
grid-template-rows: 18px auto;
|
|
}
|
|
|
|
.sheet-NPC_core_grid{
|
|
display: grid;
|
|
grid-template-columns: 290px auto;
|
|
grid-gap: 5px;
|
|
}
|
|
|
|
.sheet-NPC_divider{
|
|
display: grid;
|
|
grid-template-columns: 52% auto;
|
|
grid-column-gap: 10px;
|
|
}
|
|
|
|
.sheet-NPC_characteristics_fields { height: 26px !important; font-size: 16px; color: white;}
|
|
.sheet-NPC_characteristics_roll { width:calc(100% - 10px); height: 20.3px !important; font-size: 16px; }
|
|
.sheet-NPC_characteristics_cols {
|
|
color: white;
|
|
display: grid;
|
|
grid-template-columns: 60px 40px 10px 40px 10px 60px 60px;
|
|
}
|
|
.sheet-NPC_characteristics_rows {
|
|
display: grid;
|
|
grid-template-columns: 100%;
|
|
}
|
|
|
|
|
|
.sheet-NPC_pageselect{
|
|
display: grid;
|
|
grid-template-columns: 70px 67px 124px auto;
|
|
}
|
|
|
|
.sheet-NPC_medical {
|
|
background: #4a648c;
|
|
padding: 2px 2px 2px 2px;
|
|
color: white;
|
|
font-family: Saira Semi Condensed;
|
|
height: 110px;
|
|
}
|
|
.sheet-NPC_medical_header {
|
|
height: 50px;
|
|
}
|
|
|
|
.sheet-NPC_equipment_gear {
|
|
display: grid;
|
|
grid-template-columns: 30px auto 60px 27px;
|
|
}
|
|
|
|
.sheet-NPC_textfield_override { height:300px }
|
|
|
|
|
|
|
|
|
|
/* ______________________________ end of NPC sheet overrides ______________________________
|
|
______________________________ start of GM sheet overrides ___________________________________________________________ */
|
|
|
|
.sheet-GM_infographic {
|
|
color: white;
|
|
text-align: center;
|
|
display: grid;
|
|
grid-template-columns: auto 3px repeat(10,43px) 3px repeat(7,45px);
|
|
}
|
|
.sheet-GM_infographic_header {
|
|
margin-top: 5px;
|
|
margin-bottom: -5px;
|
|
}
|
|
|
|
.sheet-GM_infographic_element {
|
|
align-content: center;
|
|
text-align: center;
|
|
width: 100% !important;
|
|
}
|
|
|
|
|
|
/* ______________________________ end of GM sheet overrides ______________________________
|
|
______________________________ start of rolltemplate ___________________________________________________________ */
|
|
|
|
|
|
|
|
.sheet-rolltemplate-mythic .sheet-template-content {
|
|
background-color: #506b95;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Official_100DOS_Mythic_by_100DOS/images/Assets/Mythic_rolltemplate_background.png);
|
|
background-size: 100%;
|
|
border-radius: 10px;
|
|
border: 1px solid grey;
|
|
overflow: hidden;
|
|
color: white;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
font-family: Saira Semi Condensed;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-mythic .sheet-template-header {
|
|
border-top: 1px solid grey;
|
|
background: #394C6A;
|
|
text-align: center;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.sheet-rolltemplate-mythic .sheet-template-DOS {
|
|
transform: translate(0, +4%);
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-mythic .sheet-template-right {
|
|
text-align: right;
|
|
margin-right: 5px
|
|
}
|
|
|
|
.sheet-rolltemplate-mythic .sheet-template-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-mythic .sheet-template-paddedtext {
|
|
padding-left: 5px;
|
|
padding-right:5px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-mythic .sheet-template-2xn {
|
|
display: grid;
|
|
grid-template-columns: auto auto
|
|
}
|
|
|
|
.sheet-rolltemplate-mythic .sheet-inlineresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
border: 1px solid white!important;
|
|
border-radius: 3px 3px 3px 3px;
|
|
background: #394C6A !important;
|
|
color: white;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
font-family: Saira Semi Condensed;
|
|
font-weight: bold;
|
|
padding: 0px 4px 0px 4px
|
|
}
|
|
|
|
.sheet-rolltemplate-mythic .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
border: 1px solid white;
|
|
border-radius: 3px 3px 3px 3px;
|
|
background: #394C6A
|
|
}
|
|
|
|
.sheet-rolltemplate-mythic .inlinerollresult.fullcrit {
|
|
border: 3px solid #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-mythic .inlinerollresult.fullfail {
|
|
border: 3px solid #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-mythic .inlinerollresult.importantroll {
|
|
border: 3px solid #4A57ED;
|
|
}
|
|
|
|
.sheet-rolltemplate-mythic .sheet-mythic_crit .inlinerollresult.fullcrit {
|
|
border: 3px solid #3FB315;
|
|
}
|
|
|
|
.sheet-rolltemplate-mythic .sheet-mythic_crit .inlinerollresult.fullfail {
|
|
border: 3px solid #B31515;
|
|
}
|