johnmoney-code
91e8cb4cbc
Changed crit/critfail messages on to-hit rolls Added a d100 function. Queries for a target number, then rolls a d100, then divides the difference by 10, showing all 3 numbers. Changed Critical Damage attribute from attr_shields_max to attr_critical_dmg. Any existing number under Critical Damage will be deleted. On the bright side, clicking "Wounds" will now properly display information about current/max Wounds and Crit Dmg value. Added a Force Field section to the Infographic. Has spots for a Name, Overload Rating, and Protection Rating. Added a Shock roller. Queries for Fear DoF, then rolls Severity. Psyker Focus Power Tests on Unfettered or Push will show a red number when it's time to roll for Psychic Phenomena Phenomena and Perils buttons added. Will roll for Psychic Phenomena and Perils of the Warp respectively
1232 lines
47 KiB
CSS
1232 lines
47 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 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: 30px; margin-top: -27px; text-align: center; height: 15px; }
|
|
.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: 30px; margin-top: -27px; text-align: center; height: 15px; }
|
|
.sheet-equipment_ranged_weapons_gs12 { grid-area: rw12; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs13 { grid-area: rw13; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs14 { grid-area: rw14; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs15 { grid-area: rw15; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs16 { grid-area: rw16; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs17 { grid-area: rw17; color: white; font-size: 12px; padding: 0px 2px; }
|
|
.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; padding: 0px 2px; }
|
|
.sheet-equipment_ranged_weapons_gs24 { grid-area: rw24; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
|
|
.sheet-equipment_ranged_weapons_gs25 { grid-area: rw25; color: white; font-size: 12px; width: 50px!important;}
|
|
.sheet-equipment_ranged_weapons_gs26 { grid-area: rw26; color: white; font-size: 12px; width: 50px!important;}
|
|
|
|
.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; padding: 0px 2px; }
|
|
.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_grid1 { /* gs1-6, Name, Class, Range */
|
|
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 rw3 rw4 rw4 rw5 rw6 rw6';
|
|
}
|
|
|
|
.sheet-equipment_ranged_weapons_grid2 { /* gs7-18, RoF, Dmg, Type, Pen */
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto 8% 4% 8% 4% 8% auto auto auto auto;
|
|
grid-template-areas:
|
|
'rw7 rw8 rw9 rw10 rw11 rw12 rw13 rw14 rw15 rw16 rw17 rw18';
|
|
}
|
|
|
|
.sheet-equipment_ranged_weapons_grid3 { /* gs19-26 Magazine, Hit/Dmg buttons */
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto 61px 61px;
|
|
grid-template-areas:
|
|
'rw19 rw20 rw21 rw22 rw23 rw24 rw24 rw24 rw25 rw26';
|
|
}
|
|
|
|
|
|
.sheet-equipment_ranged_weapons_grid4 { /* gs27-34 Trained?, HitMod, Reload, Weight */
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto 20px auto auto auto auto auto auto auto auto;
|
|
grid-template-areas:
|
|
'rw27 rw28 rw29 rw30 rw31 rw31 rw32 rw32 rw33 rw34';
|
|
}
|
|
|
|
.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-6 name, domain, reach */
|
|
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 mw3 mw4 mw4 mw5 mw6 mw6';
|
|
}
|
|
|
|
.sheet-equipment_melee_weapons_grid2 { /* gs7-12 damage, type, pen */
|
|
align-items: center;
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
|
|
grid-template-areas:
|
|
'mw7 mw8 mw8 mw8 mw9 mw10 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; border: none; border-bottom: 1px dotted white; }
|
|
.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 5px; }
|
|
.sheet-psykana_ability_gs20 { grid-area: pa20; color: white; font-size: 12px; padding: 0px 5px; }
|
|
.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;
|
|
grid-template-areas:
|
|
'pa5 pa6 pa6 pa6 pa7 pa8 pa8 pa9 pa10 pa10 pa11 pa12';
|
|
}
|
|
|
|
.sheet-psykana_ability_grid3 { /* gs13-18 Action, Sustain, 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 pa15 pa16 pa16 pa16 pa17 pa18';
|
|
}
|
|
|
|
.sheet-psykana_ability_grid4 { /* gs19-22 Focus Power, HitMod, extra space */
|
|
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 . . . ';
|
|
}
|
|
|
|
|
|
/* ______________________________ 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;
|
|
}
|