mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
johnmoney-code
12eac0e76a
I don't have Pro and none of my contacts texted back, so this change is actually completely untested! I'll try to fix any visual flaw with next week's update, but thanks for your patience in the meantime. I wish Sheet Authors could at least get a single Sheet Sandbox just to test these changes.
1483 lines
60 KiB
CSS
1483 lines
60 KiB
CSS
/* ______________________________ 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! */
|
|
/* No Google fonts to import. */
|
|
|
|
/* Background, font information, and overall things that affect the sheet as a whole */
|
|
.charsheet {
|
|
background-image: url(https://raw.githubusercontent.com/johnmoney-code/roll20-character-sheets/Only-War-Enhanced/Only-War-Enhanced/images/assets/background.gif);
|
|
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* All input elements that are of type number or type text */
|
|
select,
|
|
input[type='number'],
|
|
input[type='text'],
|
|
button[type='action'] {
|
|
background: #52682d;
|
|
color: white;
|
|
font-family: inherit;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Fixes some select positions */
|
|
.sheet-bottomless {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
/* All input elements of type number */
|
|
input[type="number"] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
/* Prevent disabled inputs from consuming mouse clicks */
|
|
input[disabled] {
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* 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: inherit;
|
|
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; }
|
|
label:hover { cursor: pointer; }
|
|
|
|
/* Both header elements 2 and 3 receive the following CSS properties. */
|
|
h2, h3 {
|
|
color: white;
|
|
font-family: inherit;
|
|
letter-spacing: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Only type-2 headers receive the following CSS properties. */
|
|
h2 { text-decoration: underline; }
|
|
|
|
/* Only type-3 headers receive the following CSS properties. */
|
|
h3 { background: #52682d; }
|
|
|
|
/* All normal text receives the following CSS properties. */
|
|
p {
|
|
font-family: inherit;
|
|
}
|
|
|
|
/* 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: #52682d;
|
|
color: white;
|
|
font-family: inherit;
|
|
font-size: 14px;
|
|
resize: vertical;
|
|
width: calc(100% - 10px);
|
|
}
|
|
|
|
|
|
/* ______________________________ end of CSS selectors ______________________________
|
|
______________________________ start of multipurpose or special-use classes such as grey border box on Core and Settings tabs ______________________________ */
|
|
|
|
|
|
|
|
.sheet-background_radius {
|
|
border: 2px solid black;
|
|
border-radius: 11px;
|
|
}
|
|
|
|
.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; text-align: right; }
|
|
.sheet-margin_adjust2 { margin-top: -22px; margin-bottom: 4px; margin-left: -25px; text-align: right; }
|
|
.sheet-margin_adjust_wep { margin-top: -19px; margin-bottom: 2px; margin-left: 3px; text-align: right; }
|
|
.sheet-margin_adjust_wep2 { margin-top: -20px; margin-bottom: 2px; margin-left: -22px; text-align: right; }
|
|
.sheet-radius_border_right { border-bottom-right-radius: 7px !important; }
|
|
.sheet-radius_border_right_wep { border-bottom-right-radius: 10px !important; }
|
|
|
|
.sheet-collapsible_entity_toggle { display: block; }
|
|
.sheet-collapsible_entity_block { display: none; }
|
|
.sheet-collapsible_entity_switch:checked ~ .sheet-collapsible_entity_block { display: block; }
|
|
.sheet-collapsible_entity_switch:checked ~ .sheet-collapsible_entity_toggle { display: none; }
|
|
|
|
.sheet-collapsible_entity_toggle_half { display: block; }
|
|
.sheet-collapsible_entity_block_half { display: none; }
|
|
.sheet-collapsible_entity_switch_half:checked ~ .sheet-collapsible_entity_block_half { display: block; }
|
|
.sheet-collapsible_entity_switch_half:checked ~ .sheet-collapsible_entity_toggle_half { display: none; }
|
|
|
|
.sheet-hidden { display: none; }
|
|
|
|
.sheet-input_background {
|
|
background: transparent;
|
|
border-color: transparent;
|
|
color: white;
|
|
cursor: pointer;
|
|
font-size: 15px;
|
|
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-color: black;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
color: white;
|
|
}
|
|
|
|
.sheet-table {
|
|
background: #6e8b3d;
|
|
color: white;
|
|
font-family: inherit;
|
|
}
|
|
|
|
.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%; }
|
|
/* 25% width of containing block */
|
|
.sheet-25width { width: 25%; }
|
|
/* half width of containing block */
|
|
.sheet-half_width { width: 50%; }
|
|
/* 60% width of containing block */
|
|
.sheet-60width { width: 60%; }
|
|
/* 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: inherit; }
|
|
.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-radius_border_box {
|
|
border-bottom-left-radius: 8px;
|
|
border-bottom-right-radius: 8px;
|
|
}
|
|
.sheet-description_rounded_margin {
|
|
margin-bottom: 0px;
|
|
border-radius: 0px 0px 8px 8px;
|
|
}
|
|
|
|
|
|
/* ______________________________ end of special-use classes ______________________________
|
|
______________________________ start of grid structure for character information ______________________________ */
|
|
|
|
|
|
.sheet-gs1 { grid-area: ah1; margin-top: 5px; font-size: 15px; padding-left: 2px; }
|
|
.sheet-gs2 { grid-area: ah2; margin-top: 5px; font-size: 15px; }
|
|
.sheet-gs3 { grid-area: ah3; margin-top: 5px; font-size: 15px; }
|
|
.sheet-gs4 { grid-area: ah4; margin-top: 5px; font-size: 15px; }
|
|
.sheet-gs5 { grid-area: ah5; margin-top: 5px; font-size: 15px; }
|
|
.sheet-gs6 { grid-area: ah6; margin-top: 5px; font-size: 15px; }
|
|
.sheet-gs7 { grid-area: ah7; width: calc(100% + 20px); margin-left: -20px; text-align: right !important; }
|
|
.sheet-gs8 { grid-area: ah8; width: calc(100% + 20px); margin-left: -20px; text-align: right !important; }
|
|
.sheet-gs9 { grid-area: ah9; width: calc(100% + 20px); margin-left: -20px; text-align: right !important; }
|
|
.sheet-gs10 { grid-area: ah10; width: calc(100% + 20px); margin-left: -20px; text-align: right !important; }
|
|
.sheet-gs11 { grid-area: ah11; width: calc(100% + 20px); margin-left: -20px; 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% + 20px); text-align: left !important; }
|
|
.sheet-gs15 { grid-area: ah15; width: calc(100% + 20px); text-align: left !important; }
|
|
.sheet-gs16 { grid-area: ah16; width: calc(100% - 125px); text-align: left !important; }
|
|
.sheet-gs17 { grid-area: ah17; width: calc(100% + 20px); text-align: left !important; }
|
|
.sheet-gs18 { grid-area: ah18; width: calc(100% + 20px); text-align: left !important; }
|
|
.sheet-gs19 { grid-area: ah19; width: calc(100% + 20px); text-align: left !important; }
|
|
.sheet-gs20 { grid-area: ah20; margin-top: 5px; font-size: 15px; text-align: right }
|
|
.sheet-gs21 { grid-area: ah21; margin-top: 5px; font-size: 15px; text-align: right }
|
|
.sheet-gs22 { grid-area: ah22; margin-top: 5px; font-size: 15px; text-align: right }
|
|
.sheet-gs23 { grid-area: ah23; margin-top: 5px; font-size: 15px; text-align: right }
|
|
.sheet-gs24 { grid-area: ah24; margin-top: 5px; font-size: 15px; text-align: right }
|
|
|
|
|
|
.sheet-header_logo {
|
|
font-family: inherit;
|
|
letter-spacing: 0px;
|
|
display: grid;
|
|
grid-template-columns: 145px auto 123px auto 145px;
|
|
grid-template-rows: 28px 28px 28px 28px 28px 28px;
|
|
grid-template-areas:
|
|
|
|
'ah1 ah7 ah13 ah14 ah20'
|
|
'ah2 ah8 ah13 ah15 ah21'
|
|
'ah3 ah9 ah13 ah16 ah16'
|
|
'ah4 ah10 ah13 ah17 ah22'
|
|
'ah5 ah11 ah13 ah18 ah23'
|
|
'ah6 ah12 ah13 ah19 ah24';
|
|
}
|
|
|
|
|
|
|
|
/* ______________________________ end of grid structure for character information ______________________________
|
|
______________________________ start of structure for characteristics ______________________________ */
|
|
|
|
|
|
.sheet-stats_grid_1 { grid-area: st1; }
|
|
.sheet-stats_grid_2 {grid-area: st2; }
|
|
.sheet-stats_grid_3 {grid-area: st3; }
|
|
.sheet-stats_grid_4 {grid-area: st4; }
|
|
.sheet-stats_grid_5 {grid-area: st5; }
|
|
.sheet-stats_grid_6 {grid-area: st6; }
|
|
.sheet-stats_grid_7 {grid-area: st7; }
|
|
.sheet-stats_grid_8 {grid-area: st8; }
|
|
.sheet-stats_grid_9 {grid-area: st9; }
|
|
.sheet-stats_grid_10 {grid-area: st10; }
|
|
.sheet-stats_grid_11 {grid-area: st11; }
|
|
.sheet-stats_grid_12 {grid-area: st12; }
|
|
.sheet-stats_grid_13 {grid-area: st13; }
|
|
.sheet-stats_grid_14 {grid-area: st14; }
|
|
.sheet-stats_grid_15 {grid-area: st15; }
|
|
.sheet-stats_grid_16 {grid-area: st16; }
|
|
.sheet-stats_grid_17 {grid-area: st17; }
|
|
.sheet-stats_grid_18 {grid-area: st18; }
|
|
.sheet-stats_grid_19 {grid-area: st19; }
|
|
.sheet-stats_grid_20 {grid-area: st20; }
|
|
.sheet-stats_grid_21 {grid-area: st21; }
|
|
.sheet-stats_grid_22 {grid-area: st22; }
|
|
.sheet-stats_grid_23 {grid-area: st23; }
|
|
.sheet-stats_grid_24 {grid-area: st24; }
|
|
.sheet-stats_grid_25 {grid-area: st25; }
|
|
.sheet-stats_grid_26 {grid-area: st26; }
|
|
.sheet-stats_grid_27 {grid-area: st27; }
|
|
.sheet-stats_grid_plus {grid-area: stp; font-size: 30px; line-height: 95px; }
|
|
|
|
.sheet-characteristics_background {
|
|
background: black;
|
|
padding: 3px 0px 6px 3px;
|
|
display: grid;
|
|
grid-column-gap: 0.5%;
|
|
grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 5%;
|
|
grid-template-rows: 26px 40px 26px;
|
|
grid-template-areas:
|
|
'st1 st2 st3 st4 st5 st6 st7 st8 st9 stp '
|
|
'st10 st11 st12 st13 st14 st15 st16 st17 st18 stp '
|
|
'st19 st20 st21 st22 st23 st24 st25 st26 st27 stp ';
|
|
}
|
|
|
|
.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 unnatural characteristics, size dropdown, movement, and carryweight ______________________________ */
|
|
|
|
.sheet-unnatgs_width { width: 40px; }
|
|
|
|
.sheet-char_mod_centering { grid-area: a1; margin-left: 50px; }
|
|
.sheet-char_mod_centering_container {
|
|
display: grid;
|
|
justify-items:center;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-template-areas:
|
|
'. a1 .';
|
|
}
|
|
|
|
.sheet-char_mod1 { grid-area: cm1; font-size: 15px; font-family: inherit; letter-spacing: 0px; text-align: center; }
|
|
.sheet-char_mod2 { grid-area: cm2; z-index: 1; position: relative; }
|
|
.sheet-char_mod3 { grid-area: cm3; z-index: 1; position: relative; }
|
|
.sheet-char_mod4 { grid-area: cm4; z-index: 1; position: relative; }
|
|
.sheet-char_mod5 { grid-area: cm5; z-index: 1; position: relative; }
|
|
.sheet-char_mod6 { grid-area: cm6; z-index: 1; position: relative; }
|
|
.sheet-char_mod7 { grid-area: cm7; z-index: 1; position: relative; }
|
|
.sheet-char_mod8 { grid-area: cm8; z-index: 1; position: relative; }
|
|
.sheet-char_mod9 { grid-area: cm9; z-index: 1; position: relative; }
|
|
.sheet-char_mod11 { grid-area: cm10; z-index: 1; position: relative; }
|
|
.sheet-char_mod12 { grid-area: cm11; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-char_mod13 { grid-area: cm12; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-char_mod14 { grid-area: cm13; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-char_mod15 { grid-area: cm14; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-char_mod16 { grid-area: cm15; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-char_mod17 { grid-area: cm16; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-char_mod18 { grid-area: cm17; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-char_mod19 { grid-area: cm18; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-char_mod20 { grid-area: cm19; font-family: inherit; font-size: 14px; text-align: center; }
|
|
|
|
.sheet-characteristics_modifier {
|
|
display: grid;
|
|
justify-items: center;
|
|
grid-template-columns: 50px 50px 50px 50px 50px 50px 50px 50px 50px;
|
|
grid-template-areas:
|
|
'cm1 cm1 cm1 cm1 cm1 cm1 cm1 cm1 cm1 '
|
|
'cm2 cm3 cm4 cm5 cm6 cm7 cm8 cm9 cm10'
|
|
'cm11 cm12 cm13 cm14 cm15 cm16 cm17 cm18 cm19';
|
|
}
|
|
|
|
.sheet-unnat_centering { grid-area: b1; margin-left: 50px; }
|
|
.sheet-unnat_centering_container {
|
|
display: grid;
|
|
justify-items:center;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-template-areas:
|
|
'. b1 .';
|
|
}
|
|
|
|
.sheet-unnatgs1 { grid-area: amy1; font-size: 15px; font-family: inherit; letter-spacing: 0px; text-align: center; }
|
|
.sheet-unnatgs2 { grid-area: amy2; z-index: 1; position: relative; }
|
|
.sheet-unnatgs3 { grid-area: amy3; z-index: 1; position: relative; }
|
|
.sheet-unnatgs4 { grid-area: amy4; z-index: 1; position: relative; }
|
|
.sheet-unnatgs5 { grid-area: amy5; z-index: 1; position: relative; }
|
|
.sheet-unnatgs6 { grid-area: amy6; z-index: 1; position: relative; }
|
|
.sheet-unnatgs7 { grid-area: amy7; z-index: 1; position: relative; }
|
|
.sheet-unnatgs8 { grid-area: amy8; z-index: 1; position: relative; }
|
|
.sheet-unnatgs9 { grid-area: amy9; z-index: 1; position: relative; }
|
|
.sheet-unnatgs11 { grid-area: amy10; z-index: 1; position: relative; }
|
|
.sheet-unnatgs12 { grid-area: amy11; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-unnatgs13 { grid-area: amy12; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-unnatgs14 { grid-area: amy13; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-unnatgs15 { grid-area: amy14; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-unnatgs16 { grid-area: amy15; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-unnatgs17 { grid-area: amy16; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-unnatgs18 { grid-area: amy17; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-unnatgs19 { grid-area: amy18; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-unnatgs20 { grid-area: amy19; font-family: inherit; font-size: 14px; text-align: center; }
|
|
|
|
.sheet-characteristics_unnat {
|
|
display: grid;
|
|
justify-items: center;
|
|
grid-template-columns: 50px 50px 50px 50px 50px 50px 50px 50px 50px;
|
|
grid-template-areas:
|
|
'amy1 amy1 amy1 amy1 amy1 amy1 amy1 amy1 amy1 '
|
|
'amy2 amy3 amy4 amy5 amy6 amy7 amy8 amy9 amy10'
|
|
'amy11 amy12 amy13 amy14 amy15 amy16 amy17 amy18 amy19';
|
|
}
|
|
|
|
.sheet-char_bonus_centering { grid-area: c1; margin-left: 50px; }
|
|
.sheet-char_bonus_centering_container {
|
|
display: grid;
|
|
justify-items:center;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-template-areas:
|
|
'. c1 .';
|
|
}
|
|
|
|
.sheet-char_bonus1 { grid-area: cb1; font-size: 15px; font-family: inherit; letter-spacing: 0px; text-align: center; }
|
|
.sheet-char_bonus2 { grid-area: cb2; z-index: 1; position: relative; }
|
|
.sheet-char_bonus3 { grid-area: cb3; z-index: 1; position: relative; }
|
|
.sheet-char_bonus4 { grid-area: cb4; z-index: 1; position: relative; }
|
|
.sheet-char_bonus5 { grid-area: cb5; z-index: 1; position: relative; }
|
|
.sheet-char_bonus6 { grid-area: cb6; z-index: 1; position: relative; }
|
|
.sheet-char_bonus7 { grid-area: cb7; z-index: 1; position: relative; }
|
|
.sheet-char_bonus8 { grid-area: cb8; z-index: 1; position: relative; }
|
|
.sheet-char_bonus9 { grid-area: cb9; z-index: 1; position: relative; }
|
|
.sheet-char_bonus11 { grid-area: cb10; z-index: 1; position: relative; }
|
|
.sheet-char_bonus12 { grid-area: cb11; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-char_bonus13 { grid-area: cb12; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-char_bonus14 { grid-area: cb13; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-char_bonus15 { grid-area: cb14; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-char_bonus16 { grid-area: cb15; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-char_bonus17 { grid-area: cb16; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-char_bonus18 { grid-area: cb17; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-char_bonus19 { grid-area: cb18; font-family: inherit; font-size: 14px; text-align: center; }
|
|
.sheet-char_bonus20 { grid-area: cb19; font-family: inherit; font-size: 14px; text-align: center; }
|
|
|
|
.sheet-characteristics_bonus {
|
|
display: grid;
|
|
justify-items: center;
|
|
grid-template-columns: 50px 50px 50px 50px 50px 50px 50px 50px 50px;
|
|
grid-template-areas:
|
|
'cb1 cb1 cb1 cb1 cb1 cb1 cb1 cb1 cb1 '
|
|
'cb2 cb3 cb4 cb5 cb6 cb7 cb8 cb9 cb10'
|
|
'cb11 cb12 cb13 cb14 cb15 cb16 cb17 cb18 cb19';
|
|
}
|
|
|
|
.sheet-characteristics_size_movement_carry {
|
|
display: grid;
|
|
grid-template-columns: 10% 80% 10%;
|
|
}
|
|
|
|
.sheet-sizegs1 { grid-area ams1; font-size: 15px; font-family: inherit; letter-spacing: 0px; }
|
|
.sheet-sizegs2 { grid-area ams2; }
|
|
.sheet-characteristics2_size {
|
|
position: relative;
|
|
left:20px;
|
|
justify-content: center;
|
|
text-align: center;
|
|
display: grid;
|
|
justify-items: center;
|
|
grid-template-columns: 120px;
|
|
grid-template-areas:
|
|
'ams1'
|
|
'ams2';
|
|
}
|
|
|
|
.sheet-movementgs1 { grid-area: amm1; font-size: 15px; font-family: inherit; letter-spacing: 0px; }
|
|
.sheet-movementgs2 { grid-area: amm2; }
|
|
.sheet-movementgs3 { grid-area: amm3; }
|
|
.sheet-movementgs4 { grid-area: amm4; }
|
|
.sheet-movementgs5 { grid-area: amm5; }
|
|
.sheet-movementgs6 { grid-area: amm6; }
|
|
.sheet-movementgs7 { grid-area: amm7; font-size: 14px; font-family: inherit; }
|
|
.sheet-movementgs8 { grid-area: amm8; 3px; font-size: 14px; font-family: inherit; }
|
|
.sheet-movementgs9 { grid-area: amm9; 5px; font-size: 14px; font-family: inherit; }
|
|
.sheet-movementgs10 { grid-area: amm10; 5px; font-size: 14px; font-family: inherit; }
|
|
.sheet-movementgs11 { grid-area: amm11; font-size: 14px; font-family: inherit; }
|
|
.sheet-characteristics2_movement {
|
|
justify-content: center;
|
|
text-align: center;
|
|
display: grid;
|
|
justify-items: center;
|
|
grid-template-columns: 50px 50px 50px 50px 50px;
|
|
grid-template-areas:
|
|
'amm1 amm1 amm1 amm1 amm1'
|
|
'amm2 amm3 amm4 amm5 amm6'
|
|
'amm7 amm8 amm9 amm10 amm11';
|
|
}
|
|
|
|
.sheet-carrygs1 { grid-area: ac1; font-size: 15px; font-family: inherit; letter-spacing: 0px; }
|
|
.sheet-carrygs2 { grid-area: ac2; width: 50px; }
|
|
.sheet-carrygs3 { grid-area: ac3; width: 50px; }
|
|
.sheet-carrygs4 { grid-area: ac4; width: 50px; }
|
|
.sheet-carrygs5 { grid-area: ac5; font-size: 14px; font-family: inherit; }
|
|
.sheet-carrygs6 { grid-area: ac6; font-size: 14px; font-family: inherit; }
|
|
.sheet-carrygs7 { grid-area: ac7; font-size: 14px; font-family: inherit; }
|
|
.sheet-characteristics2_carry {
|
|
justify-content: right;
|
|
text-align: center;
|
|
display: grid;
|
|
justify-items: center;
|
|
grid-template-columns: 60px 60px 60px;
|
|
grid-template-areas:
|
|
'ac1 ac1 ac1'
|
|
'ac2 ac3 ac4'
|
|
'ac5 ac6 ac7';
|
|
}
|
|
|
|
|
|
|
|
/* ______________________________ end of grid structure for unnatural characteristics, movement, and carrying ______________________________
|
|
______________________________ 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: 110px 90px 18px 50px 18px 90px;
|
|
}
|
|
|
|
.sheet-init_field {
|
|
height: 100%;
|
|
margin-right: -60px;
|
|
width:85px;
|
|
}
|
|
|
|
.sheet-init_plus {
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
padding-top: 12px;
|
|
}
|
|
|
|
.sheet-sheet_tabs {
|
|
justify-content: right;
|
|
margin-right: 3px;
|
|
display: grid;
|
|
grid-template-columns: 45px 80px 70px 105px 60px 65px 45px;
|
|
}
|
|
|
|
|
|
|
|
/* ______________________________ end of grid structure for initiative and sheet tabs ______________________________
|
|
______________________________ start of tab buttons toggles ______________________________ */
|
|
|
|
|
|
|
|
.sheet-tab_core,
|
|
.sheet-tab_comrade,
|
|
.sheet-tab_equipment,
|
|
.sheet-tab_advancements,
|
|
.sheet-tab_journal,
|
|
.sheet-tab_psykana,
|
|
.sheet-tab_settings { display: none }
|
|
/* show the selected tab */
|
|
|
|
.sheet-tabstoggle[value='core'] ~ div.sheet-tab_core,
|
|
.sheet-tabstoggle[value='equipment'] ~ div.sheet-tab_equipment,
|
|
.sheet-tabstoggle[value='comrade'] ~ div.sheet-tab_comrade,
|
|
.sheet-tabstoggle[value='advancements'] ~ div.sheet-tab_advancements,
|
|
.sheet-tabstoggle[value='journal'] ~ div.sheet-tab_journal,
|
|
.sheet-tabstoggle[value='psykana'] ~ div.sheet-tab_psykana,
|
|
.sheet-tabstoggle[value='settings'] ~ div.sheet-tab_settings { display: block }
|
|
.sheet-core_bttn:checked + button {
|
|
background: rgb(200, 0, 0);
|
|
color: white;
|
|
vertical-align: center;
|
|
}
|
|
|
|
|
|
|
|
/* ______________________________ end of tab buttons toggles ______________________________
|
|
______________________________ start of minimisable infographic ______________________________ */
|
|
|
|
|
|
|
|
.sheet-select_text {
|
|
background: #52682d;
|
|
border: 1px solid white;
|
|
border-radius: 4px;
|
|
color: white; font-family: inherit;
|
|
padding: 0px 4px 0px 4px;
|
|
}
|
|
.sheet-select_button:checked ~ .sheet-select_text { background: rgb(200, 0, 0); }
|
|
|
|
.sheet-minimisable_infographic_main { margin-left: 5px; }
|
|
|
|
.sheet-minimisable_infographic_override{ margin-top: -4px!important; height: 20px; font-weight: bold;}
|
|
.sheet-minimisable_infographic_toggles { /* This is the spacing of the whisper buttons, scatter button, etc */
|
|
display: grid;
|
|
grid-column-gap: 10px;
|
|
grid-template-columns: 100px 60px 100px 70px 100px 80px 80px 150px auto;
|
|
}
|
|
|
|
.sheet-minimisable_infographic_grid {
|
|
display: grid;
|
|
grid-template-columns: 185px 185px 103px 215px;
|
|
}
|
|
|
|
.sheet-minimisable_infographic_g1 { grid-area: mi1; background: #52682d !important; border: 0px solid transparent; font-family: inherit !important; letter-spacing: 0px; justify-self: center; width: calc(100% - 6px); }
|
|
.sheet-minimisable_infographic_g2 { grid-area: mi2; color: white; justify-self: right; margin-top: 3px; margin-right: 3px; }
|
|
.sheet-minimisable_infographic_g3 { grid-area: mi3; border-right: 1px solid #52682d; }
|
|
.sheet-minimisable_infographic_g4 { grid-area: mi4; color: white; justify-self: right; margin-top: 3px; margin-right: 3px; }
|
|
.sheet-minimisable_infographic_g5 { grid-area: mi5; border-right: 1px solid #52682d; border-bottom: 1px solid #52682d; border-bottom-right-radius: 10px; }
|
|
.sheet-minimisable_infographic_field2x3 {
|
|
background: #6e8b3d;
|
|
margin-right: 10px;
|
|
display: grid;
|
|
grid-template-columns: 53px 40px;
|
|
grid-template-rows: 25px 25px 25px;
|
|
grid-template-areas:
|
|
'mi1 mi1'
|
|
'mi2 mi3'
|
|
'mi4 mi5';
|
|
}
|
|
|
|
.sheet-minimisable_infographic_g6 { grid-area: mi6; color: white; font-family: inherit; justify-self: right; margin-top: 3px; margin-right: 3px; }
|
|
.sheet-minimisable_infographic_g7 { grid-area: mi7; }
|
|
|
|
.sheet-minimisable_infographic_field4x3a {
|
|
background: #6e8b3d;
|
|
margin-right: 10px;
|
|
display: grid;
|
|
grid-template-columns: 50px 40px 45px 40px;
|
|
grid-template-rows: 25px 25px 25px;
|
|
grid-template-areas:
|
|
'mi1 mi1 mi1 mi1'
|
|
'mi6 mi7 mi2 mi3'
|
|
'mi4 mi4 mi4 mi5';
|
|
}
|
|
|
|
.sheet-minimisable_infographic_g8 { grid-area: mi8; color: white; font-family: inherit; justify-self: right; margin-top: 3px; margin-right: 3px; }
|
|
.sheet-minimisable_infographic_g9 { grid-area: mi9; border-bottom: 1px solid #52682d; }
|
|
.sheet-minimisable_infographic_field4x3b {
|
|
background: #6e8b3d;
|
|
margin-right: 10px;
|
|
display: grid;
|
|
grid-template-columns: 60px 40px 65px 40px;
|
|
grid-template-rows: 25px 25px 25px;
|
|
grid-template-areas:
|
|
'mi1 mi1 mi1 mi1'
|
|
'mi2 mi3 mi3 mi3'
|
|
'mi8 mi9 mi4 mi5';
|
|
}
|
|
|
|
/* ______________________________ 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; margin-bottom: 5px;}
|
|
.sheet-core_lists4 { grid-area: cl4; margin-top: 5px; margin-bottom: 5px;}
|
|
.sheet-core_lists5 { grid-area: cl5; margin-top: 5px; margin-bottom: 5px;}
|
|
.sheet-core_lists6 { grid-area: cl6; margin-top: 5px; }
|
|
.sheet-core_lists {
|
|
display: grid;
|
|
grid-template-columns: 450px auto;
|
|
grid-template-areas:
|
|
'cl1 cl2'
|
|
'cl1 cl3'
|
|
'cl1 cl4'
|
|
'cl1 cl5'
|
|
'cl1 cl6';
|
|
}
|
|
|
|
.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; }
|
|
|
|
/* Lores, linguistics, trade, etc have the same processing as a normal skill check */
|
|
.sheet-skill_header, .sheet-education_header {
|
|
border-bottom: 1px dotted darkgrey;
|
|
margin-top: 7px;
|
|
display: grid;
|
|
grid-template-columns: auto 55px 53px 15px 29px 29px 29px 30px;
|
|
grid-template-rows: 23px;
|
|
}
|
|
|
|
.sheet-skill_grid, .sheet-education_grid {
|
|
border-bottom: 1px dotted darkgrey;
|
|
padding-top: 1.5px;
|
|
padding-bottom: 1.5px;
|
|
display: grid;
|
|
grid-template-columns: auto 64px 50px 26px 26px 26px 26px 35px;
|
|
grid-template-rows: 27px;
|
|
|
|
}
|
|
|
|
|
|
.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-template-columns: 49.5% 1% 49.5%;
|
|
grid-template-areas:
|
|
'e1 e0 e2'
|
|
'e3 e3 e3';
|
|
}
|
|
|
|
.sheet-equipment_ranged_weapons { grid-area: e1; background:#6E8B3D; border-radius: 10px; padding: 2px; }
|
|
.sheet-equipment_melee_weapons { grid-area: e2; background:#6E8B3D; border-radius: 10px; padding: 2px; }
|
|
.sheet-equipment_numerics { grid-area: e3; margin-top: 10px; }
|
|
.sheet-equipment_ranged_weapons_rep, .sheet-equipment_melee_weapons_rep { background:#6E8B3D; border:1px solid white; border-radius: 10px; padding: 2px; }
|
|
|
|
.sheet-equipment_ranged_weapons_gs_a1 { grid-area: rwa1; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_a2 { grid-area: rwa2; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_a3 { grid-area: rwa3; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_a4 { grid-area: rwa4; color: white; font-size: 12px; width: 55px!important;}
|
|
.sheet-equipment_ranged_weapons_gs_a5 { grid-area: rwa5; color: white; font-size: 12px; width: 45px!important;}
|
|
|
|
.sheet-equipment_ranged_weapons_gs_b1 { grid-area: rwb1; align-items: center; position: relative; top: 4px; font-size: 14px; padding: 0px 2px;}
|
|
.sheet-equipment_ranged_weapons_gs_b2 { grid-area: rwb2; align-items: center; position: relative; top: 4px; font-size: 14px; padding: 0px 2px;}
|
|
.sheet-equipment_ranged_weapons_gs_b3 { grid-area: rwb3; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_b4 { grid-area: rwb4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs_b5 { grid-area: rwb5; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_b6 { grid-area: rwb6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
|
|
.sheet-equipment_ranged_weapons_gs_c1 { grid-area: rwc1; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_c2 { grid-area: rwc2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs_c3 { grid-area: rwc3; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_c4 { grid-area: rwc4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs_c5 { grid-area: rwc5; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_c6 { grid-area: rwc6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs_c7 { grid-area: rwc7; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_c8 { grid-area: rwc8; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
|
|
.sheet-equipment_ranged_weapons_gs_d1 { grid-area: rwd1; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_d2 { grid-area: rwd2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs_d3 { grid-area: rwd3; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_d4 { grid-area: rwd4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs_d5 { grid-area: rwd5; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_d6 { grid-area: rwd6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs_d7 { grid-area: rwd7; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_d8 { grid-area: rwd8; }
|
|
|
|
.sheet-equipment_ranged_weapons_gs_e1 { grid-area: rwe1; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_e2 { grid-area: rwe2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs_e3 { grid-area: rwe3; color: white; font-size: 30px; margin-top: -27px; text-align: center; height: 15px; }
|
|
.sheet-equipment_ranged_weapons_gs_e4 { grid-area: rwe4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs_e5 { grid-area: rwe5; color: white; font-size: 30px; margin-top: -27px; text-align: center; height: 15px; }
|
|
.sheet-equipment_ranged_weapons_gs_e6 { grid-area: rwe6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs_e7 { grid-area: rwe7; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_e8 { grid-area: rwe8; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs_e9 { grid-area: rwe9; color: white; font-size: 30px; margin-top: -27px; text-align: center; height: 15px; }
|
|
.sheet-equipment_ranged_weapons_gs_e10 { grid-area: rwe10; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs_e11 { grid-area: rwe11; color: white; font-size: 12px; padding: 0px 2px; margin-left: 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_e12 { grid-area: rwe12; color: white; font-size: 12px; padding: 0px 2px; }
|
|
|
|
.sheet-equipment_ranged_weapons_gs_f1 { grid-area: rwf1; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_f2 { grid-area: rwf2; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_f3 { grid-area: rwf3; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_f4 { grid-area: rwf4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs_f5 { grid-area: rwf5; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_f6 { grid-area: rwf6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs_f7 { grid-area: rwf7; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_f8 { grid-area: rwf8; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
|
|
.sheet-equipment_ranged_weapons_gs_g1 { grid-area: rwg1; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_g2 { grid-area: rwg2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs_g3 { grid-area: rwg3; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_g4 { grid-area: rwg4; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_g5 { grid-area: rwg5; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs_g6 { grid-area: rwg6; color: white; font-size: 12px; padding: 0px 2px; }
|
|
|
|
/* gs_a Range/Attack/Aim Dropdowns, Hit/Dmg Buttons*/
|
|
.sheet-equipment_ranged_weapons_grid1 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto 60px 55px;
|
|
grid-template-areas:
|
|
'rwa1 rwa2 rwa3 rwa4 rwa5';
|
|
}
|
|
|
|
/* gs_b Name, Class */
|
|
.sheet-equipment_ranged_weapons_grid2 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: 25px 25px auto auto auto auto auto auto auto auto;
|
|
grid-template-areas:
|
|
'rwb1 rwb2 rwb3 rwb4 rwb4 rwb4 rwb4 rwb5 rwb6 rwb6';
|
|
}
|
|
|
|
|
|
/* gs_c Range, Dmg, Pen, Type */
|
|
.sheet-equipment_ranged_weapons_grid3 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
|
|
grid-template-areas:
|
|
'rwc1 rwc2 rwc3 rwc4 rwc4 rwc5 rwc6 rwc7 rwc8 rwc8';
|
|
}
|
|
|
|
/* gs_d Proven, Primitive, Vengeful, Accurate */
|
|
.sheet-equipment_ranged_weapons_grid4 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto;
|
|
grid-template-areas:
|
|
'rwd1 rwd2 rwd3 rwd4 rwd5 rwd6 rwd7 rwd8';
|
|
}
|
|
|
|
/* gs_e RoF, Magazine, Carry? */
|
|
.sheet-equipment_ranged_weapons_grid5 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto 8% 3% 8% 3% 8% auto 10% 3% 10% auto auto; /* nonstandard */
|
|
grid-template-areas:
|
|
'rwe1 rwe2 rwe3 rwe4 rwe5 rwe6 rwe7 rwe8 rwe9 rwe10 rwe11 rwe12';
|
|
}
|
|
|
|
/* gs_f Trained?, HitMod, Reload, Weight */
|
|
.sheet-equipment_ranged_weapons_grid6 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto 20px auto auto auto auto auto auto auto; /* nonstandard */
|
|
grid-template-areas:
|
|
'rwf1 rwf2 rwf3 rwf4 rwf5 rwf6 rwf6 rwf7 rwf8';
|
|
}
|
|
|
|
/* gs_g Domain, Mishap chance, Spray */
|
|
.sheet-equipment_ranged_weapons_grid7 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto auto 20px;
|
|
grid-template-areas:
|
|
'rwg1 rwg2 rwg2 rwg3 rwg3 rwg4 rwg4 rwg4 rwg5 rwg6';
|
|
}
|
|
|
|
.sheet-equipment_melee_weapons_gs_a1 { grid-area: mwa1; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs_a2 { grid-area: mwa2; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs_a3 { grid-area: mwa3; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs_a4 { grid-area: mwa4; color: white; font-size: 12px; width: 55px!important;}
|
|
.sheet-equipment_melee_weapons_gs_a5 { grid-area: mwa5; color: white; font-size: 12px; width: 45px!important;}
|
|
|
|
.sheet-equipment_melee_weapons_gs_b1 { grid-area: mwb1; align-items: center; position: relative; top: 4px; font-size: 14px; padding: 0px 2px;}
|
|
.sheet-equipment_melee_weapons_gs_b2 { grid-area: mwb2; align-items: center; position: relative; top: 4px; font-size: 14px; padding: 0px 2px;}
|
|
.sheet-equipment_melee_weapons_gs_b3 { grid-area: mwb3; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs_b4 { grid-area: mwb4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_melee_weapons_gs_b5 { grid-area: mwb5; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs_b6 { grid-area: mwb6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
|
|
.sheet-equipment_melee_weapons_gs_c1 { grid-area: mwc1; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs_c2 { grid-area: mwc2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_melee_weapons_gs_c3 { grid-area: mwc3; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs_c4 { grid-area: mwc4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_melee_weapons_gs_c5 { grid-area: mwc5; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs_c6 { grid-area: mwc6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_melee_weapons_gs_c7 { grid-area: mwc7; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs_c8 { grid-area: mwc8; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
|
|
.sheet-equipment_melee_weapons_gs_d1 { grid-area: mwd1; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs_d2 { grid-area: mwd2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_melee_weapons_gs_d3 { grid-area: mwd3; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs_d4 { grid-area: mwd4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_melee_weapons_gs_d5 { grid-area: mwd5; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs_d6 { grid-area: mwd6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
|
|
.sheet-equipment_melee_weapons_gs_e1 { grid-area: mwe1; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs_e2 { grid-area: mwe2; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs_e3 { grid-area: mwe3; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs_e4 { grid-area: mwe4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_melee_weapons_gs_e5 { grid-area: mwe5; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs_e6 { grid-area: mwe6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_melee_weapons_gs_e7 { grid-area: mwe7; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs_e8 { grid-area: mwe8; color: white; font-size: 12px; padding: 0px 2px; }
|
|
|
|
/* gs_a Range/Attack/Aim Dropdowns, Hit/Dmg Buttons*/
|
|
.sheet-equipment_melee_weapons_grid1 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto 60px 55px;
|
|
grid-template-areas:
|
|
'mwa1 mwa2 mwa3 mwa4 mwa5';
|
|
}
|
|
|
|
/* gs_b collapse, name, domain */
|
|
.sheet-equipment_melee_weapons_grid2 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
|
|
grid-template-areas:
|
|
'mwb1 mwb2 mwb3 mwb4 mwb4 mwb4 mwb4 mwb5 mwb6 mwb6';
|
|
}
|
|
|
|
/* gs_c reach, damage, pen, type */
|
|
.sheet-equipment_melee_weapons_grid3 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
|
|
grid-template-areas:
|
|
'mwc1 mwc2 mwc3 mwc4 mwc4 mwc5 mwc6 mwc7 mwc8 mwc8';
|
|
}
|
|
|
|
/* gs_d Proven, Primitive, Vengeful */
|
|
.sheet-equipment_melee_weapons_grid4 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto;
|
|
grid-template-areas:
|
|
'mwd1 mwd2 mwd3 mwd4 mwd5 mwd6';
|
|
}
|
|
|
|
|
|
/* gs_e trained?, hitmod, weight, carry? */
|
|
.sheet-equipment_melee_weapons_grid5 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto 20px auto auto auto auto auto 20px;
|
|
grid-template-areas:
|
|
'mwe1 mwe2 mwe3 mwe4 mwe5 mwe6 mwe7 mwe8';
|
|
}
|
|
|
|
|
|
.sheet-equipment_gear_gs0 { grid-area: eg0; width: 100%; text-align: center; align-self: center; }
|
|
.sheet-equipment_gear_gs1 { grid-area: eg1; width: 100%; text-align: center; align-self: center; }
|
|
.sheet-equipment_gear_gs2 { grid-area: eg2; width: 100%; text-align: center; align-self: center; }
|
|
.sheet-equipment_gear_gs3 { grid-area: eg3; width: 100%; text-align: center; align-self: center; }
|
|
.sheet-equipment_gear_gs4 { grid-area: eg4; width: 100%; text-align: center; align-self: center; }
|
|
.sheet-equipment_gear_gs5 { grid-area: eg5; width: 100%; text-align: center; align-self: center; }
|
|
.sheet-equipment_gear_gs6 { grid-area: eg6; width: 100%; text-align: center; align-self: center; }
|
|
.sheet-equipment_gear_gs7 { grid-area: eg7; margin-top: 5px !important; }
|
|
.sheet-equipment_gear {
|
|
display: grid;
|
|
grid-template-columns: 50px auto 100px 60px 100px 80px 60px 25px;
|
|
grid-template-areas:
|
|
'eg0 eg1 eg2 eg3 eg4 eg5 eg6 eg7';
|
|
}
|
|
|
|
.sheet-equipment_header {
|
|
background: #52682d;
|
|
border: 2px solid #6E8B3D;
|
|
border-bottom: none;
|
|
border-radius: 10px 10px 0px 0px;
|
|
font-family: inherit;
|
|
font-size: 14px;
|
|
height: 30px;
|
|
letter-spacing: 0px;
|
|
}
|
|
.sheet-equipment_titles {
|
|
font-size: 14px;
|
|
text-align: center;
|
|
height: 20px;
|
|
}
|
|
|
|
.sheet-equipment_armor_gs1 { background: #6E8B3D; padding: 2px; }
|
|
.sheet-equipment_armor_gs2 { background: #6E8B3D; padding: 2px; }
|
|
.sheet-equipment_armor_grid {
|
|
display: grid;
|
|
grid-gap: 10px;
|
|
grid-template-columns: 300px auto;
|
|
}
|
|
|
|
.sheet-armor_border {
|
|
border: 1px solid #FFFFFF;
|
|
border-radius: 5px 5px 5px 5px;
|
|
padding:3px;
|
|
}
|
|
.sheet-equipment_armor_input {
|
|
text-align: center;
|
|
font-size: 14pt;
|
|
margin: auto auto auto auto;
|
|
width: 60px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-armor_display_gs0 { grid-area: ad0; }
|
|
.sheet-armor_display_gs1 { grid-area: ad1; }
|
|
.sheet-armor_display_gs2 { grid-area: ad2; }
|
|
.sheet-armor_display_gs3 { grid-area: ad3; }
|
|
.sheet-armor_display_gs4 { grid-area: ad4; }
|
|
.sheet-armor_display_grid1 {
|
|
display: grid;
|
|
justify-items: center;
|
|
align-content: space-around;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
column-gap: 10px;
|
|
row-gap: 15px;
|
|
grid-template-areas:
|
|
'. ad1 ad0'
|
|
'ad2 ad3 ad4';
|
|
}
|
|
|
|
.sheet-armor_display_gs5 { grid-area: ad5; }
|
|
.sheet-armor_display_gs6 { grid-area: ad6; }
|
|
.sheet-armor_display_grid2 {
|
|
display: grid;
|
|
justify-items: center;
|
|
grid-template-columns: 1fr 2fr 2fr 1fr;
|
|
column-gap: 15px;
|
|
grid-template-areas:
|
|
'. ad5 ad6 .';
|
|
}
|
|
|
|
.sheet-equipment_cybernetics_grid {
|
|
margin: 0px 50.5px 0.6px 0px;
|
|
position: relative;
|
|
z-index: 0;
|
|
display: grid;
|
|
grid-template-columns: auto 100px 40px;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ______________________________ end of equipment tab ______________________________
|
|
______________________________ start of comrade tab ______________________________ */
|
|
|
|
|
|
|
|
.sheet-comrade_divider {
|
|
display: grid;
|
|
grid-template-columns: 39% 1% 60%;
|
|
grid-template-areas:
|
|
'e1 e0 e2';
|
|
}
|
|
|
|
.sheet-comrade_name_status { grid-area: e1; background:#6E8B3D; border-radius: 10px; padding: 2px; }
|
|
.sheet-comrade_ability { grid-area: e2; background:#6E8B3D; border-radius: 10px; padding: 2px; }
|
|
.sheet-comrade_name_status_rep, .sheet-comrade_ability_rep { background:#6E8B3D; border:1px solid white; border-radius: 10px; padding: 2px; }
|
|
|
|
.sheet-comrade_name_status_gs1 { grid-area: cn1; color: white; font-size: 13px; padding: 0px 2px; }
|
|
.sheet-comrade_name_status_gs2 { grid-area: cn2; color: white; font-size: 13px; border: none; border-bottom: 1px dotted white; }
|
|
|
|
.sheet-comrade_name_status_gs3 { grid-area: cn3; color: white; font-size: 13px; padding: 0px 2px; }
|
|
.sheet-comrade_name_status_gs4 { grid-area: cn4; color: white; font-size: 13px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-comrade_name_status_gs5 { grid-area: cn5; color: white; font-size: 13px; padding: 0px 2px; }
|
|
.sheet-comrade_name_status_gs6 { grid-area: cn6; color: white; font-size: 13px; border: none; border-bottom: 1px dotted white; }
|
|
|
|
.sheet-comrade_name_status_grid1 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: 60px auto;
|
|
grid-template-areas:
|
|
'cn1 cn2';
|
|
}
|
|
|
|
.sheet-comrade_name_status_grid2 {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: 60px auto 50px auto;
|
|
grid-template-areas:
|
|
'cn3 cn4 cn5 cn6';
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ______________________________ end of comrade tab __________________________________________________________
|
|
______________________________ start of advancements tab ______________________________ */
|
|
|
|
|
|
.sheet-aptitudes_grid_gs1 { grid-area: ap1; align-self: center; text-align: center; width: 100%; }
|
|
.sheet-aptitudes_grid_gs2 { grid-area: ap2; align-self: center; text-align: center; width: 100%; }
|
|
.sheet-aptitudes_grid_gs3 { grid-area: ap3; align-self: center; text-align: center; width: 100%; }
|
|
.sheet-aptitudes_grid {
|
|
justify-content: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto;
|
|
grid-gap: 5%;
|
|
grid-template-areas:
|
|
'ap1 ap2 ap3';
|
|
}
|
|
|
|
.sheet-advancements_grid_gs1 { grid-area: e1; align-self: center; text-align: center; width: 100%; }
|
|
.sheet-advancements_grid_gs2 { grid-area: e2; align-self: center; text-align: center; width: 100% !important; }
|
|
.sheet-advancements_grid_gs3 { grid-area: e3; align-self: center; text-align: center; width: 100% !important; }
|
|
.sheet-advancements_grid_gs4 { grid-area: e4; align-self: center; text-align: center; width: 100%; }
|
|
.sheet-advancements_grid_gs5 { grid-area: e5; align-self: center; text-align: center; width: 100% !important; }
|
|
.sheet-advancements_grid_gs6 { grid-area: e6; align-self: center; text-align: center; width: 100% !important; }
|
|
.sheet-advancements_grid_gs7 { grid-area: e7; align-self: center; text-align: center; width: 100%; margin: 1px 0px 0px 1px;}
|
|
.sheet-advancements_grid {
|
|
justify-content: center;
|
|
display: grid;
|
|
grid-template-columns: 29% 9% 9% 1% 29% 9% 9% 4%;
|
|
grid-template-areas:
|
|
'e1 e2 e3 e0 e4 e5 e6 e7';
|
|
}
|
|
|
|
.sheet-weapon_training { padding: 2px; background: #6E8B3D; }
|
|
.sheet-weapon_training_grid {
|
|
padding: 2px 0px 2px 40px;
|
|
background: #6E8B3D;
|
|
font-size: 15px;
|
|
margin: 2px;
|
|
display: grid;
|
|
grid-template-columns: 16% 16% 16% 16% 16% 16%;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ______________________________ end of advancements tab ______________________________
|
|
______________________________ start of Journal tab ___________________________________________________________ */
|
|
|
|
/* Journal sections didn't need their own CSS; this covers only the insanity/corruption portion of the page */
|
|
.sheet-insanity_side { grid-area: e1; background:#6E8B3D; border-radius: 10px; padding: 2px; }
|
|
.sheet-corruption_side { grid-area: e2; background:#6E8B3D; border-radius: 10px; padding: 2px; }
|
|
.sheet-insanity_corruption_divider {
|
|
display: grid;
|
|
grid-template-columns: 49.5% 1% 49.5%;
|
|
grid-template-areas:
|
|
'e1 e0 e2';
|
|
}
|
|
|
|
|
|
.sheet-insanity_gs1 { grid-area: in1; margin-top: 5px; color: white; font-size: 16px; border: none; border-bottom: 1px dotted white; margin-top: 2px; }
|
|
.sheet-insanity_gs2 { grid-area: in2; margin-top: 5px; color: white; font-size: 14px; }
|
|
.sheet-insanity_gs3 { grid-area: in3; margin-top: 5px; font-size: 14px; text-align: center; }
|
|
.sheet-insanity_gs4 { grid-area: in4; margin-top: 5px; font-size: 14px; }
|
|
.sheet-insanity_gs5 { grid-area: in5; margin-top: 5px; font-size: 14px; }
|
|
.sheet-insanity_gs6 { grid-area: in6; margin-top: 5px; font-size: 14px; }
|
|
.sheet-insanity_info {
|
|
font-family: inherit;
|
|
letter-spacing: 0px;
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
grid-template-rows: 35px 28px 28px 28px 28px;
|
|
grid-template-areas:
|
|
'in1 in2'
|
|
'in3 in3'
|
|
'in4 in4'
|
|
'in5 in5'
|
|
'in6 in6';
|
|
}
|
|
|
|
.sheet-corruption_gs1 { grid-area: co1; margin-top: 5px; color: white; font-size: 16px; border: none; border-bottom: 1px dotted white; margin-top: 2px; }
|
|
.sheet-corruption_gs2 { grid-area: co2; margin-top: 5px; color: white; font-size: 14px; }
|
|
.sheet-corruption_gs3 { grid-area: co3; margin-top: 5px; font-size: 15px; text-align: center; }
|
|
.sheet-corruption_gs4 { grid-area: co4; margin-top: 5px; font-size: 15px; }
|
|
.sheet-corruption_gs5 { grid-area: co5; margin-top: 5px; font-size: 15px; }
|
|
.sheet-corruption_info {
|
|
font-family: inherit;
|
|
letter-spacing: 0px;
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
grid-template-rows: 35px 28px;
|
|
grid-template-areas:
|
|
'co1 co2'
|
|
'co3 co3';
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ______________________________ end of Journal tab ______________________________
|
|
______________________________ start of Psykana tab ___________________________________________________________ */
|
|
|
|
.sheet-psykana_divider {
|
|
display: grid;
|
|
grid-template-columns: 39% 1% 60%;
|
|
grid-template-areas:
|
|
'e1 . e4'
|
|
'e2 . e4'
|
|
'e3 . e4';
|
|
}
|
|
|
|
.sheet-psykana_info { grid-area: e1; background:#6E8B3D; border-radius: 10px; padding: 2px; margin-bottom: 5px; }
|
|
.sheet-psykana_minor { grid-area: e2; background:#6E8B3D; border-radius: 10px; padding: 2px; margin-top: 5px; margin-bottom: 5px;}
|
|
.sheet-psykana_notes { grid-area: e3; background:#6E8B3D; border-radius: 10px; padding: 2px; margin-top: 5px; }
|
|
.sheet-psykana_ability { grid-area: e4; background:#6E8B3D; border-radius: 10px; padding: 2px; }
|
|
|
|
.sheet-minormanifestation_rep, .sheet-psykana_ability_rep, .sheet-psynotes_rep { background:#6E8B3D; border:1px solid white; border-radius: 10px; padding: 2px; }
|
|
|
|
.sheet-psykana_info_gs1 { grid-area: pi1; color: white; font-size: 14px; padding: 0px 2px; }
|
|
.sheet-psykana_info_gs2 { grid-area: pi2; color: white; font-size: 14px; margin-top: 5px; }
|
|
.sheet-psykana_info_gs3 { grid-area: pi3; color: white; font-size: 14px; padding: 0px 2px; }
|
|
.sheet-psykana_info_gs4 { grid-area: pi4; color: white; font-size: 14px; margin-top: 5px; }
|
|
.sheet-psykana_info_gs5 { grid-area: pi5; color: white; font-size: 14px; padding: 0px 2px; }
|
|
.sheet-psykana_info_gs6 { grid-area: pi6; color: white; font-size: 14px; }
|
|
.sheet-psykana_info_gs7 { grid-area: pi7; color: white; font-size: 14px; padding: 0px 2px; }
|
|
.sheet-psykana_info_gs8 { grid-area: pi8; color: white; font-size: 14px; }
|
|
|
|
.sheet-psykana_info_gs9 { grid-area: pi9; color: white; font-size: 14px; padding: 0px 2px; }
|
|
.sheet-psykana_info_gs10 { grid-area: pi10; color: white; font-size: 14px; }
|
|
.sheet-psykana_info_gs11 { grid-area: pi11; color: white; font-size: 14px; padding: 0px 2px; }
|
|
.sheet-psykana_info_gs12 { grid-area: pi12; color: white; font-size: 14px; }
|
|
|
|
.sheet-psykana_info_gs13 { grid-area: pi13; color: white; font-size: 14px; padding: 0px 2px; }
|
|
.sheet-psykana_info_gs14 { grid-area: pi14; color: white; font-size: 14px; }
|
|
.sheet-psykana_info_gs15 { grid-area: pi15; color: white; font-size: 14px; padding: 0px 2px; }
|
|
.sheet-psykana_info_gs16 { grid-area: pi16; color: white; font-size: 14px; }
|
|
.sheet-psykana_info_gs17 { grid-area: pi17; color: white; font-size: 14px; width: 130px!important;}
|
|
.sheet-psykana_info_gs18 { grid-area: pi18; color: white; font-size: 14px; width: 100px!important;}
|
|
|
|
.sheet-psykana_info_grid {
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: 30% auto auto auto;
|
|
grid-template-rows: 40px 40px 40px 40px 40px 40px;
|
|
grid-template-areas:
|
|
'pi1 pi2 pi2 pi2'
|
|
'pi3 pi4 pi4 pi4'
|
|
'pi5 pi6 pi7 pi8'
|
|
'pi9 pi10 pi11 pi12'
|
|
'pi13 pi14 pi15 pi16'
|
|
'pi17 pi17 pi18 pi18';
|
|
}
|
|
|
|
|
|
.sheet-psykana_ability_gs_a1 { grid-area: paa1; align-items: center; position: relative; top: 4px; font-size: 14px; padding: 0px 2px;}
|
|
.sheet-psykana_ability_gs_a2 { grid-area: paa2; align-items: center; position: relative; top: 4px; font-size: 14px; padding: 0px 2px;}
|
|
.sheet-psykana_ability_gs_a3 { grid-area: paa3; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs_a4 { grid-area: paa4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-psykana_ability_gs_a5 { grid-area: paa5; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs_a6 { grid-area: paa6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white;}
|
|
|
|
.sheet-psykana_ability_gs_b1 { grid-area: pab1; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs_b2 { grid-area: pab2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-psykana_ability_gs_b3 { grid-area: pab3; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs_b4 { grid-area: pab4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-psykana_ability_gs_b5 { grid-area: pab5; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs_b6 { grid-area: pab6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-psykana_ability_gs_b7 { grid-area: pab7; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs_b8 { grid-area: pab8; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
|
|
.sheet-psykana_ability_gs_c1 { grid-area: pac1; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs_c2 { grid-area: pac2; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs_c3 { grid-area: pac3; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs_c4 { grid-area: pac4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-psykana_ability_gs_c5 { grid-area: pac5; color: white; font-size: 12px; width: 55px!important;}
|
|
.sheet-psykana_ability_gs_c6 { grid-area: pac6; color: white; font-size: 12px; width: 50px!important;}
|
|
|
|
.sheet-psykana_ability_gs_d1 { grid-area: pad1; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs_d2 { grid-area: pad2; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs_d3 { grid-area: pad3; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-psykana_ability_gs_d4 { grid-area: pad4; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs_d5 { grid-area: pad5; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
|
|
.sheet-psykana_ability_grid1 { /* gs_a collapse, Name, Subtype */
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
|
|
grid-template-areas:
|
|
'paa1 paa2 paa3 paa4 paa4 paa4 paa5 paa6 paa6 paa6';
|
|
}
|
|
|
|
.sheet-psykana_ability_grid2 { /* gs_b Range, Dmg, Type, Pen */
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;
|
|
grid-template-areas:
|
|
'pab1 pab2 pab2 pab3 pab4 pab4 pab5 pab6 pab6 pab6 pab7 pab8';
|
|
}
|
|
|
|
.sheet-psykana_ability_grid3 { /* gs_c Focus Power, Hit Mod, Hit/Dmg buttons */
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto 66px 61px;
|
|
grid-template-areas:
|
|
'pac1 pac2 pac2 pac2 pac2 pac3 pac4 pac4 pac5 pac6';
|
|
}
|
|
|
|
.sheet-psykana_ability_grid4 { /* gs_d Actions to cast, Actions to sustain */
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
|
|
grid-template-areas:
|
|
'pad1 pad1 pad2 pad3 pad3 pad3 pad4 pad5 pad5 pad5';
|
|
}
|
|
|
|
|
|
/* ______________________________ end of Psykana tab ______________________________
|
|
______________________________ start of vehicles page ___________________________________________________________ */
|
|
|
|
|
|
|
|
.sheet-vehicles_grid1 { margin-right: 10px; background: #6e8b3d; border-top: 2px solid #6e8b3d; border-left: 2px solid #6e8b3d; border-right: 2px solid #6e8b3d; border-top-left-radius: 10px; border-top-right-radius: 10px; color: white; font-family: inherit; }
|
|
.sheet-vehicles_grid2 { margin-right: 10px; background: #6e8b3d; border-left: 2px solid #6e8b3d; border-right: 2px solid #6e8b3d; color: white; font-family: inherit; }
|
|
.sheet-vehicle_weapons { grid-area: vgw; }
|
|
.sheet-vehicles_divider {
|
|
display: grid;
|
|
grid-template-columns: 50% 50%;
|
|
grid-template-areas:
|
|
'vg1 vgw'
|
|
'vg2 vgw';
|
|
}
|
|
.sheet-vehicles_Gn { grid-area: vn; background: #52682d; border: none; border-bottom: 1px solid white; border-radius: 9px 9px 0px 0px; color: white; font-family: inherit; text-align: center; font-size: 15px; }
|
|
.sheet-vehicles_Gs { grid-area: vs; height: 28.5px; margin-bottom: -8px; margin-top: -1px; border-top: 1px solid white; }
|
|
.sheet-vehicles_Gt { grid-area: vt; height: 28.5px; margin-bottom: -8px; margin-top: -1px; border-top: 1px solid white; }
|
|
.sheet-vehicles_G_a1 { grid-area: va1 }
|
|
|
|
.sheet-vehicles_G_a2 { grid-area: va2 }
|
|
.sheet-vehicles_G_a3 { grid-area: va3; text-align: center }
|
|
.sheet-vehicles_G_a4 { grid-area: va4; text-align: center }
|
|
.sheet-vehicles_G_a5 { grid-area: va5; text-align: center }
|
|
.sheet-vehicles_G_a6 { grid-area: va6; text-align: center }
|
|
.sheet-vehicles_G_a7 { grid-area: va7 }
|
|
.sheet-vehicles_G_a8 { grid-area: va8 }
|
|
.sheet-vehicles_G_a9 { grid-area: va9 }
|
|
.sheet-vehicles_G_a10 { grid-area: va10 }
|
|
|
|
.sheet-vehicles_G_a11 { grid-area: va11; }
|
|
.sheet-vehicles_G_a12 { grid-area: va12; text-align: center }
|
|
.sheet-vehicles_G_a13 { grid-area: va13; text-align: center }
|
|
.sheet-vehicles_G_a14 { grid-area: va14 }
|
|
.sheet-vehicles_G_a15 { grid-area: va15 }
|
|
.sheet-vehicles_grid1 {
|
|
display: grid;
|
|
grid-template-columns: 25% 25% 25% 25%;
|
|
grid-template-areas:
|
|
'vn vn vn vn'
|
|
'vs va1 va1 vt'
|
|
'va2 va2 va2 va2'
|
|
'va3 va4 va5 va6'
|
|
'va7 va8 va9 va10'
|
|
'va11 va11 va11 va11'
|
|
'va12 va12 va13 va13'
|
|
'va14 va14 va15 va15';
|
|
}
|
|
.sheet-vehicles_G_b1 { grid-area: vb1 }
|
|
.sheet-vehicles_G_b2 { grid-area: vb2; text-align: center }
|
|
.sheet-vehicles_G_b3 { grid-area: vb3; text-align: center }
|
|
.sheet-vehicles_G_b4 { grid-area: vb4; text-align: center }
|
|
.sheet-vehicles_G_b5 { grid-area: vb5; text-align: center }
|
|
.sheet-vehicles_G_b6 { grid-area: vb6; text-align: center }
|
|
.sheet-vehicles_G_b7 { grid-area: vb7 }
|
|
.sheet-vehicles_G_b8 { grid-area: vb8 }
|
|
.sheet-vehicles_G_b9 { grid-area: vb9 }
|
|
.sheet-vehicles_G_b10 { grid-area: vb10 }
|
|
.sheet-vehicles_G_b11 { grid-area: vb11 }
|
|
.sheet-vehicles_G_b12 { grid-area: vb12 }
|
|
.sheet-vehicles_G_b13 { grid-area: vb13; margin-top: 3px; padding-bottom: 2px; }
|
|
.sheet-vehicles_grid2 {
|
|
display: grid;
|
|
grid-template-columns: 14% 14% 22% 14% 14% 22%;
|
|
grid-template-areas:
|
|
'vb1 vb1 vb1 vb1 vb1 vb1'
|
|
'vb2 vb2 vb3 vb4 vb5 vb6'
|
|
'vb7 vb8 vb9 vb10 vb11 vb12'
|
|
'vb13 vb13 vb13 vb13 vb13 vb13';
|
|
}
|
|
|
|
.sheet-vehicles_descriptor { border-bottom-left-radius: 8px; }
|
|
|
|
/* These hider checkboxes have names which match the select element on a 1-2-3;
|
|
the appropriate Operate check is displayed, on an invalid selection there is no Operate check */
|
|
.sheet-hider:not(:checked) + div { display: none }
|
|
.sheet-hider:not(:checked) + input { display: none }
|
|
.sheet-hider:not(:checked) + button { display: none }
|
|
.sheet-hidernot:checked + div { display: none }
|
|
.sheet-hidernot:checked + input { display: none }
|
|
.sheet-hidernot:checked + button { display: none }
|
|
|
|
|
|
|
|
/* ______________________________ end of vehicles page ______________________________
|
|
______________________________ start of json ___________________________________________________________ */
|
|
.sheet-json_skill {display: none}
|
|
input[type="checkbox"]:not(:checked) ~ .sheet-json_skill {display: inline;}
|
|
|
|
.sheet-json_container span .repcontrol {display: none;}
|
|
.sheet-json_container span .repcontainer {display: inline; box-shadow: none; }
|
|
.sheet-json_container span .repcontainer .repitem {display: inline;}
|
|
.sheet-json_container {
|
|
border: solid black 3px;
|
|
padding: 5px;
|
|
word-break: break-all;
|
|
}
|
|
/* ______________________________ end of json ______________________________
|
|
______________________________ start of rolltemplate ___________________________________________________________ */
|
|
|
|
|
|
|
|
.sheet-rolltemplate-mythic .sheet-rolltemplate-collapsible_entity_block {
|
|
display: none;
|
|
border: 2px solid #52682d; border-left: 0px; border-right: 0px;
|
|
}
|
|
.sheet-rolltemplate-mythic .sheet-rolltemplate-collapsible_entity_switch:hover > .sheet-rolltemplate-collapsible_entity_block {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-rolltemplate-mythic .sheet-template-header,
|
|
.sheet-rolltemplate-mythic .sheet-template-row {
|
|
color: white;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
font-family: inherit;
|
|
}
|
|
|
|
.sheet-rolltemplate-mythic .sheet-template-header {
|
|
background: #52682d;
|
|
border-radius: 10px 10px 0px 0px;
|
|
border-left: 2px solid grey;
|
|
border-right: 2px solid grey;
|
|
border-top: 2px solid grey;
|
|
text-align: center;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.sheet-rolltemplate-mythic .sheet-template-content {
|
|
background: #6e8b3d;
|
|
border-radius: 0px 0px 10px 10px;
|
|
border-left: 2px solid grey;
|
|
border-right: 2px solid grey;
|
|
border-bottom: 2px solid grey;
|
|
padding: 2px
|
|
}
|
|
|
|
.sheet-rolltemplate-mythic .sheet-template-content_top {
|
|
border-radius: 0px 0px 0px 0px;
|
|
border-bottom: 3px solid #52682d;
|
|
}
|
|
|
|
.sheet-rolltemplate-mythic .sheet-template-round {
|
|
border-radius: 10px 10px 10px 10px;
|
|
}
|
|
|
|
.sheet-rolltemplate-mythic .sheet-template-2x2 {
|
|
display: grid;
|
|
grid-template-columns: auto auto
|
|
}
|
|
|
|
.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-break {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.sheet-rolltemplate-mythic .sheet-inlineresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
border: 1px solid white;
|
|
border-radius: 3px 3px 3px 3px;
|
|
background: #52682d;
|
|
color: white;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
font-family: inherit;
|
|
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: #52682d
|
|
}
|
|
|
|
.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;
|
|
}
|