mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-01 12:42:32 +00:00
johnmoney-code
e2d7c07adb
Added Righteous Fury roller, tables. added an option to toggle the crunch summary for Righteous Fury Re-ordered the psychic abilities block to look better Edited CS/CF thresholds to show when psy rolls fail or proc Phenomena Re-ordered the melee weapon block to look better Re-ordered the ranged weapons block to streamline function, make room for new Mishap Chance Added dropdown for Mishap Chance for ranged weapons. Added "spray?" checkbox to change critfail marker to 9
1245 lines
48 KiB
CSS
1245 lines
48 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;
|
|
}
|
|
|
|
/* All input elements of type number */
|
|
input[type="number"] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
/* 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-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%; }
|
|
/* 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: 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-characteristics_background {
|
|
background: black;
|
|
padding: 3px 0px 6px 3px;
|
|
display: grid;
|
|
grid-column-gap: 0.5%;
|
|
grid-template-columns: 10.6% 10.6% 10.6% 10.6% 10.6% 10.6% 10.6% 10.6% 10.6%;
|
|
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 unnatural characteristics, size dropdown, movement, and carryweight ______________________________ */
|
|
|
|
|
|
.sheet-unnat_centering { grid-area: e1; margin-left: 50px; }
|
|
.sheet-unnat_centering_container {
|
|
display: grid;
|
|
justify-items:center;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-template-areas:
|
|
'. e1 .';
|
|
}
|
|
|
|
.sheet-unnatgs_width { width: 40px; }
|
|
.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-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; 3px; font-size: 14px; font-family: inherit; }
|
|
.sheet-movementgs7 { grid-area: amm7; 5px; font-size: 14px; font-family: inherit; }
|
|
.sheet-movementgs8 { grid-area: amm8; 5px; font-size: 14px; font-family: inherit; }
|
|
.sheet-movementgs9 { grid-area: amm9; 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;
|
|
grid-template-areas:
|
|
'amm1 amm1 amm1 amm1'
|
|
'amm2 amm3 amm4 amm5'
|
|
'amm6 amm7 amm8 amm9';
|
|
}
|
|
|
|
.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 103px 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_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_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; border-top-right-radius: 10px; }
|
|
.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: 30px; margin-top: -27px; text-align: center; height: 15px; }
|
|
.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: 15px; }
|
|
.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; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs20 { grid-area: rw20; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs21 { grid-area: rw21; color: white; font-size: 30px; margin-top: -27px; text-align: center; height: 15px; }
|
|
.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; width: 50px!important;}
|
|
.sheet-equipment_ranged_weapons_gs24 { grid-area: rw24; color: white; font-size: 12px; width: 50px!important;}
|
|
|
|
.sheet-equipment_ranged_weapons_gs25 { grid-area: rw25; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs26 { grid-area: rw26; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs27 { grid-area: rw27; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs28 { grid-area: rw28; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs29 { grid-area: rw29; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs30 { grid-area: rw30; 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; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs32 { grid-area: rw32; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
|
|
.sheet-equipment_ranged_weapons_gs33 { grid-area: rw33; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs34 { grid-area: rw34; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs35 { grid-area: rw35; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs36 { grid-area: rw36; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs37 { grid-area: rw37; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs38 { grid-area: rw38; color: white; font-size: 12px; padding: 0px 2px; }
|
|
|
|
.sheet-equipment_ranged_weapons_grid1 { /* gs1-4, Name, Class */
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
|
|
grid-template-areas:
|
|
'rw1 rw2 rw2 rw2 rw2 rw2 rw3 rw4 rw4 rw4';
|
|
}
|
|
|
|
.sheet-equipment_ranged_weapons_grid2 { /* gs5-12, Range, Dmg, Pen, Type */
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
|
|
grid-template-areas:
|
|
'rw5 rw6 rw7 rw8 rw8 rw9 rw10 rw11 rw12 rw12';
|
|
}
|
|
|
|
.sheet-equipment_ranged_weapons_grid3 { /* gs13-24 RoF, Magazine, Hit/Dmg buttons */
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto 8% 4% 8% 4% 8% auto 8% 4% 8% 61px 61px; /* 12 columns, nonstandard */
|
|
grid-template-areas:
|
|
'rw13 rw14 rw15 rw16 rw17 rw18 rw19 rw20 rw21 rw22 rw23 rw24';
|
|
}
|
|
|
|
|
|
.sheet-equipment_ranged_weapons_grid4 { /* gs25-32 Trained?, HitMod, Reload, Weight */
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto 20px auto auto auto auto auto auto auto; /* 9 columns, nonstandard */
|
|
grid-template-areas:
|
|
'rw25 rw26 rw27 rw28 rw29 rw30 rw30 rw31 rw32';
|
|
}
|
|
|
|
.sheet-equipment_ranged_weapons_grid5 { /* gs33-38 Domain, Mishap chance, Spray */
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto auto 20px;
|
|
grid-template-areas:
|
|
'rw33 rw34 rw34 rw35 rw35 rw36 rw36 rw36 rw37 rw38';
|
|
}
|
|
|
|
.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: 12px; padding: 0px 2px; }
|
|
.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; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs10 { grid-area: mw10; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_melee_weapons_gs11 { grid-area: mw11; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs12 { grid-area: mw12; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
|
|
.sheet-equipment_melee_weapons_gs13 { grid-area: mw13; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs14 { grid-area: mw14; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs15 { grid-area: mw15; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs16 { grid-area: mw16; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_melee_weapons_gs17 { grid-area: mw17; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_melee_weapons_gs18 { grid-area: mw18; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_melee_weapons_gs19 { grid-area: mw19; color: white; font-size: 12px; width: 50px!important; }
|
|
.sheet-equipment_melee_weapons_gs20 { grid-area: mw20; color: white; font-size: 12px; width: 50px!important; }
|
|
|
|
.sheet-equipment_melee_weapons_grid1 { /* gs1-4 name, domain */
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
|
|
grid-template-areas:
|
|
'mw1 mw2 mw2 mw2 mw2 mw2 mw2 mw3 mw4 mw4';
|
|
}
|
|
|
|
.sheet-equipment_melee_weapons_grid2 { /* gs5-12 reach, damage, pen, type */
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
|
|
grid-template-areas:
|
|
'mw5 mw6 mw7 mw8 mw8 mw9 mw10 mw11 mw12 mw12';
|
|
}
|
|
|
|
.sheet-equipment_melee_weapons_grid3 { /* gs13-20 trained?, hitmod, weight, buttons */
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto 20px auto auto auto auto auto auto 61px 61px;
|
|
grid-template-areas:
|
|
'mw13 mw14 mw15 mw16 mw16 mw17 mw18 mw18 mw19 mw20';
|
|
}
|
|
|
|
|
|
.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 { margin-top: 5px !important; }
|
|
.sheet-equipment_gear {
|
|
display: grid;
|
|
grid-template-columns: auto 100px 60px 100px 80px 60px 25px;
|
|
grid-template-areas:
|
|
'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_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 .'
|
|
'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_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;
|
|
grid-template-areas:
|
|
'cn3 cn4';
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ______________________________ 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 . e3'
|
|
'e2 . e3';
|
|
}
|
|
|
|
.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; }
|
|
.sheet-psykana_ability { grid-area: e3; background:#6E8B3D; border-radius: 10px; padding: 2px; }
|
|
|
|
.sheet-minormanifestation_rep, .sheet-psykana_ability_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_gs1 { grid-area: pa1; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs2 { grid-area: pa2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-psykana_ability_gs3 { grid-area: pa3; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs4 { grid-area: pa4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; border-top-right-radius: 10px; }
|
|
|
|
.sheet-psykana_ability_gs5 { grid-area: pa5; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs6 { grid-area: pa6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-psykana_ability_gs7 { grid-area: pa7; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs8 { grid-area: pa8; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-psykana_ability_gs9 { grid-area: pa9; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs10 { grid-area: pa10; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-psykana_ability_gs11 { grid-area: pa11; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs12 { grid-area: pa12; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
|
|
.sheet-psykana_ability_gs13 { grid-area: pa13; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs14 { grid-area: pa14; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs15 { grid-area: pa15; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs16 { grid-area: pa16; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-psykana_ability_gs17 { grid-area: pa17; color: white; font-size: 12px; width: 50px!important;}
|
|
.sheet-psykana_ability_gs18 { grid-area: pa18; color: white; font-size: 12px; width: 50px!important;}
|
|
|
|
.sheet-psykana_ability_gs19 { grid-area: pa19; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs20 { grid-area: pa20; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-psykana_ability_gs21 { grid-area: pa21; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-psykana_ability_gs22 { grid-area: pa22; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
|
|
.sheet-psykana_ability_grid1 { /* gs1-4, Name, Subtype */
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
|
|
grid-template-areas:
|
|
'pa1 pa2 pa2 pa2 pa2 pa3 pa4 pa4 pa4 pa4';
|
|
}
|
|
|
|
.sheet-psykana_ability_grid2 { /* gs5-12, 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:
|
|
'pa5 pa6 pa6 pa7 pa8 pa8 pa9 pa10 pa10 pa10 pa11 pa12';
|
|
}
|
|
|
|
.sheet-psykana_ability_grid3 { /* gs13-18 Focus Power, Hit Mod, Hit/Dmg buttons */
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto 61px 61px;
|
|
grid-template-areas:
|
|
'pa13 pa14 pa14 pa14 pa14 pa15 pa16 pa16 pa17 pa18';
|
|
}
|
|
|
|
.sheet-psykana_ability_grid4 { /* gs19-22 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:
|
|
'pa19 pa19 pa20 pa20 pa20 pa21 pa22 pa22 pa22 .';
|
|
}
|
|
|
|
|
|
/* ______________________________ 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_G1 { grid-area: v1 }
|
|
|
|
.sheet-vehicles_G2 { grid-area: v2 }
|
|
.sheet-vehicles_G3 { grid-area: v3; text-align: center }
|
|
.sheet-vehicles_G4 { grid-area: v4; text-align: center }
|
|
.sheet-vehicles_G5 { grid-area: v5; text-align: center }
|
|
.sheet-vehicles_G6 { grid-area: v6; text-align: center }
|
|
.sheet-vehicles_G7 { grid-area: v7 }
|
|
.sheet-vehicles_G8 { grid-area: v8 }
|
|
.sheet-vehicles_G9 { grid-area: v9 }
|
|
.sheet-vehicles_G10 { grid-area: v10 }
|
|
|
|
.sheet-vehicles_G11 { grid-area: v11; }
|
|
.sheet-vehicles_G12 { grid-area: v12; text-align: center }
|
|
.sheet-vehicles_G13 { grid-area: v13; text-align: center }
|
|
.sheet-vehicles_G14 { grid-area: v14 }
|
|
.sheet-vehicles_G15 { grid-area: v15 }
|
|
.sheet-vehicles_grid1 {
|
|
display: grid;
|
|
grid-template-columns: 25% 25% 25% 25%;
|
|
grid-template-areas:
|
|
'vn vn vn vn'
|
|
'vs v1 v1 vt'
|
|
'v2 v2 v2 v2'
|
|
'v3 v4 v5 v6'
|
|
'v7 v8 v9 v10'
|
|
'v11 v11 v11 v11'
|
|
'v12 v12 v13 v13'
|
|
'v14 v14 v15 v15';
|
|
}
|
|
.sheet-vehicles_G16 { grid-area: v16 }
|
|
.sheet-vehicles_G17 { grid-area: v17; text-align: center }
|
|
.sheet-vehicles_G18 { grid-area: v18; text-align: center }
|
|
.sheet-vehicles_G19 { grid-area: v19; text-align: center }
|
|
.sheet-vehicles_G20 { grid-area: v20; text-align: center }
|
|
.sheet-vehicles_G21 { grid-area: v21 }
|
|
.sheet-vehicles_G22 { grid-area: v22 }
|
|
.sheet-vehicles_G23 { grid-area: v23 }
|
|
.sheet-vehicles_G24 { grid-area: v24 }
|
|
.sheet-vehicles_G25 { grid-area: v25 }
|
|
.sheet-vehicles_G26 { grid-area: v26; margin-top: 3px; padding-bottom: 2px; }
|
|
.sheet-vehicles_grid2 {
|
|
display: grid;
|
|
grid-template-columns: 14% 14% 24% 24% 24%;
|
|
grid-template-areas:
|
|
'v16 v16 v16 v16 v16'
|
|
'v17 v17 v18 v19 v20'
|
|
'v21 v22 v23 v24 v25'
|
|
'v26 v26 v26 v26 v26';
|
|
}
|
|
|
|
.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 rolltemplate ___________________________________________________________ */
|
|
|
|
|
|
|
|
.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;
|
|
}
|