diff --git a/Shadowrun5thEdition/Shadowrun5thEdition.css b/Shadowrun5thEdition/Shadowrun5thEdition.css
index 02938f2c09..f8dda6b38f 100644
--- a/Shadowrun5thEdition/Shadowrun5thEdition.css
+++ b/Shadowrun5thEdition/Shadowrun5thEdition.css
@@ -1,8 +1,6 @@
-/********************************************************************************************************/
-/********************************* GLOBAL SETTINGS *******************************************************/
-/********************************************************************************************************/
-/* GLOBALS
- ============================= */
+/******************************************************************************/
+/********************************* VARIABLES *********************************/
+/****************************************************************************/
* {
box-sizing: border-box;
font-family: sans-serif; }
@@ -13,24 +11,24 @@ button {
text-shadow: none; }
button[type='roll'], button[type='action'] {
font-size: 1em;
- margin: 0px !important;
padding: 1px 2px;
border-bottom: 0.01em solid #666;
border-bottom-right-radius: 0.01em;
- border-color: #b3b3b3;
+ border-color: #9a9a9a;
border-radius: 0.25em !important;
- border-right: 0.02em solid #333333;
+ border-right: 0.02em solid rgba(28, 28, 28, 0.14902);
border-style: outset; }
- button:before {
- display: none; }
button:hover, button:focus, button:active {
font-weight: bold;
- background-color: #FCD116; }
+ background-color: #610b0d;
+ color: #fff; }
button > span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
width: 100%; }
+ button:before {
+ display: none; }
div {
background-color: transparent; }
@@ -66,14 +64,19 @@ input {
input[type='text']:placeholder-shown, input[type='number']:placeholder-shown {
border: 1px dotted #555;
background-color: rgba(28, 28, 28, 0.14902);
- color: white; }
+ color: #fff; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
+ input[name='attr_stats_toggle'], input[name='attr_stats_toggle'] + span {
+ position: relative; }
+ input[name='attr_stats_toggle'] {
+ opacity: 0;
+ z-index: 2; }
select {
border-radius: 2px;
- border: 1px solid #000;
+ border: 1px solid #040404;
box-shadow: inset 0px 0px 3px 1px #7c7c7c;
margin-bottom: 0px;
width: auto; }
@@ -83,7 +86,7 @@ span {
textarea {
border-radius: 2px;
- border: 1px solid #000;
+ border: 1px solid #040404;
box-shadow: inset 0px 0px 3px 1px #7c7c7c;
height: 50px;
overflow-wrap: break-word;
@@ -98,24 +101,137 @@ textarea {
.sheet-red {
color: #610b0d; }
-.sheet-text-align-center {
+.sheet-text-center {
text-align: center; }
-input[name='attr_stats_toggle'],
-input[name='attr_stats_toggle'] + span {
- position: relative; }
-
-input[name='attr_stats_toggle'] {
- opacity: 0;
- z-index: 2; }
-
.sheet-eclipse {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
-/* SWITCHES
- ============================= */
+.sheet-text-left {
+ text-align: left; }
+
+.sheet-text-capitalize {
+ text-transform: capitalize; }
+
+.sheet-dicefontd6 {
+ font-family: "dicefontd6"; }
+
+.sheet-pc div.sheet-skill-box input[name='attr_specialization'][value=' '] ~ div.sheet-buttons button[name*='specialization'],
+.sheet-pc div.sheet-skill-box input[name='attr_specialization'][value=''] ~ div.sheet-buttons button[name*='specialization'], .sheet-pc div.sheet-magic input.sheet-magic-toggle[value='rituals'] ~ .sheet-headers h2:nth-of-type(1n+2), .sheet-matrix,
+.sheet-magic,
+.sheet-resonance,
+.sheet-optional,
+.sheet-textboxes,
+.sheet-optional-flag[value='0'] + .sheet-attr-header,
+.sheet-category + div,
+.sheet-category + div + div, .sheet-npc, .sheet-pc, .sheet-options_toggle:not([value='arms']) ~ .sheet-arms, .sheet-options_toggle:not([value='augs']) ~ .sheet-augs, .sheet-options_toggle:not([value='core']) ~ .sheet-core, .sheet-options_toggle:not([value='gear']) ~ .sheet-gear, .sheet-options_toggle:not([value='options']) ~ .sheet-options, .sheet-options_toggle:not([value='social']) ~ .sheet-social, .sheet-options_toggle:not([value='magic']) ~ .sheet-magic, .sheet-options_toggle:not([value='matrix']) ~ .sheet-matrix, .sheet-options_toggle:not([value='vehicle']) ~ .sheet-vehicle, .sheet-skills-active,
+.sheet-skills-know,
+.sheet-skills-lang, .sheet-magic-spells, .sheet-magic-preps, .sheet-magic-rituals, .sheet-quality, .sheet-martial, .sheet-settings, input.sheet-settings-toggle:checked ~ div.sheet-display,
+input.sheet-settings-toggle:checked ~ .sheet-attr-col .sheet-attr-und div.sheet-display,
+input.sheet-settings-toggle ~ .sheet-attr-lim div.sheet-settings,
+input.sheet-settings-toggle:checked ~ .sheet-attr-lim div.sheet-display,
+input.sheet-settings-toggle[value='settings'] ~ div.sheet-display,
+input.sheet-settings-toggle[value='display'] ~ div.sheet-settings,
+input.sheet-settings-toggle[value='display'] ~ div.sheet-settings-grid, input.sheet-settings-toggle[value='display'] ~ .sheet-settings, .sheet-hide-magic, .sheet-hide-resonance, div.sheet-weapon-range,
+div.sheet-weapon-melee, .sheet-grunt, .sheet-host, .sheet-sprite, .sheet-vehicle, input[name='attr_sheet_type'][value='host'] ~ .sheet-npc .sheet-column:nth-of-type(2),
+input[name='attr_sheet_type'][value='sprite'] ~ .sheet-npc .sheet-column:nth-of-type(1n+2), input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-hide-magic,
+input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-hide-resonance,
+input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-grunt.sheet-hide-magic,
+input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-grunt.sheet-hide-resonance,
+input[name='attr_flag_special'][value='resonance'] ~ div.sheet-npc .sheet-hide-magic,
+input[name='attr_flag_special'][value='resonance'] ~ div.sheet-npc .sheet-grunt.sheet-hide-magic,
+input[name='attr_flag_special'][value='magic'] ~ div.sheet-npc .sheet-hide-resonance,
+input[name='attr_flag_special'][value='magic'] ~ div.sheet-npc .sheet-grunt.sheet-hide-resonance,
+input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-attribute .sheet-settings.sheet-hide-magic,
+input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-attribute .sheet-settings.sheet-hide-resonance,
+input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body .sheet-settings.sheet-hide-magic,
+input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body .sheet-settings.sheet-hide-resonance, input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body input[type='hidden'][value=''] + div.sheet-textrow, input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body input[type='hidden'][value=''] + div.sheet-rows.sheet-grunt, input[name='attr_specialization'][value=''] ~ button[name*='specialization'],
+input[name='attr_specialization'][value=' '] ~ button[name*='specialization'],
+input[name='attr_specialization'][value=''] ~ div.sheet-row-long div.sheet-buttons button[name*='specialization'],
+input[name='attr_specialization'][value=' '] ~ div.sheet-row-long div.sheet-buttons button[name*='specialization'], input[name='attr_weapon_range'][value='range'] ~ div.sheet-settings h2[data-i18n='reach'],
+input[name='attr_weapon_range'][value='range'] ~ div.sheet-settings label[data-i18n-title='reach'], input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings h2[data-i18n='modes'],
+input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings h2[data-i18n='recoil'],
+input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings h2[data-i18n='ammo'],
+input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings label[data-i18n-title='modes'],
+input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings label[data-i18n-title='recoil'],
+input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings label[data-i18n-title='ammo'],
+input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings span, input[name='attr_category']:not([value='Combat']) ~ h2[data-i18n='combat'],
+input[name='attr_category']:not([value='Combat']) ~ h2[data-i18n='dam'],
+input[name='attr_category']:not([value='Combat']) ~ select[name='attr_combat_type'],
+input[name='attr_category']:not([value='Combat']) ~ label[data-i18n-title='dam'],
+.sheet-display-none {
+ display: none; }
+
+.sheet-tab-switch[value='active'] ~ .sheet-skills-active,
+.sheet-tab-switch[value='knowledge'] ~ .sheet-skills-know,
+.sheet-tab-switch[value='language'] ~ .sheet-skills-lang, .sheet-magic-toggle[value='spells'] ~ .sheet-magic-spells, .sheet-magic-toggle[value='preps'] ~ .sheet-magic-preps, .sheet-magic-toggle[value='rituals'] ~ .sheet-magic-rituals, .sheet-tab-switch[value='quality'] ~ .sheet-quality, .sheet-tab-switch[value='martial'] ~ .sheet-martial {
+ display: inline; }
+
+.sheet-pc h2, .sheet-pc h3, .sheet-pc .sheet-tabs, .sheet-pc div.sheet-skill-box div.sheet-row-long, .sheet-npc div.sheet-tabs, .sheet-npc div.sheet-mid, input[name='attr_sheet_type'][value='grunt'] ~ .sheet-npc .sheet-attribute.sheet-grunt, input[name='attr_sheet_type'][value='host'] ~ .sheet-npc .sheet-attribute.sheet-host, input[name='attr_sheet_type'][value='sprite'] ~ .sheet-npc .sheet-attribute.sheet-sprite, input[name='attr_sheet_type'][value='vehicle'] ~ .sheet-npc .sheet-attribute.sheet-vehicle {
+ display: inline-grid; }
+
+.sheet-pictos, .sheet-settings-toggle input[type='checkbox'] + span,
+.sheet-settings-flag input[type='checkbox'] + span, .sheet-flag-primary + div > span, .repcontrol .repcontrol_edit:after,
+.repcontrol .repcontrol_add:after, .itemcontrol .repcontrol_del {
+ font-family: 'Pictos'; }
+
+.sheet-optional-flag:not([value='0']) + .sheet-optional, .sheet-npc div.sheet-mid div.sheet-column, input[name='attr_sheet_type']:not([value='pc']) ~ .sheet-npc,
+input[name='attr_sheet_type'][value='pc'] ~ .sheet-pc, .sheet-options_toggle[value='arms'] ~ .sheet-arms, .sheet-options_toggle[value='augs'] ~ .sheet-augs, .sheet-options_toggle[value='core'] ~ .sheet-core, .sheet-options_toggle[value='gear'] ~ .sheet-gear, .sheet-options_toggle[value='options'] ~ .sheet-options, .sheet-options_toggle[value='social'] ~ .sheet-social, .sheet-options_toggle[value='magic'] ~ .sheet-magic, .sheet-options_toggle[value='matrix'] ~ .sheet-matrix, .sheet-options_toggle[value='vehicle'] ~ .sheet-vehicle, input[name='attr_stats_toggle'][value='settings'] ~ .sheet-attribute .sheet-settings,
+input[name='attr_stats_toggle'][value='settings'] ~ .sheet-body .sheet-column .sheet-settings,
+input[name='attr_stats_toggle'][value='settings'] ~ .sheet-body .sheet-textrow .sheet-settings, input.sheet-settings-toggle[value='settings'] ~ .sheet-settings, .sheet-character-type[value='magic'] ~ .sheet-pc .sheet-pc-row .sheet-attr-col .sheet-hide-magic, input[name='attr_flag_special'][value='magic'] ~ .sheet-npc .sheet-hide-magic, .sheet-character-type[value='resonance'] ~ .sheet-pc .sheet-pc-row .sheet-attr-col .sheet-hide-resonance, input[name='attr_flag_special'][value='resonance'] ~ .sheet-npc .sheet-hide-resonance, input.sheet-tab-switch[value='range'] ~ .sheet-weapon-range,
+input.sheet-tab-switch[value='melee'] ~ .sheet-weapon-melee, input[name='attr_sheet_type'][value='grunt'] ~ .sheet-npc .sheet-rows.sheet-grunt,
+input[name='attr_sheet_type'][value='grunt'] ~ .sheet-npc .sheet-textrow.sheet-grunt, input[name='attr_sheet_type'][value='host'] ~ .sheet-npc .sheet-rows.sheet-host,
+input[name='attr_sheet_type'][value='host'] ~ .sheet-npc .sheet-textrow.sheet-host, input[name='attr_sheet_type'][value='sprite'] ~ .sheet-npc .sheet-rows.sheet-sprite,
+input[name='attr_sheet_type'][value='sprite'] ~ .sheet-npc .sheet-textrow.sheet-sprite, input[name='attr_sheet_type'][value='vehicle'] ~ .sheet-npc .sheet-rows.sheet-vehicle,
+input[name='attr_sheet_type'][value='vehicle'] ~ .sheet-npc .sheet-textrow.sheet-vehicle, input[name='attr_flag_matrix'][value='matrix'] ~ div.sheet-matrix,
+.sheet-static {
+ display: inline-block; }
+
+.sheet-npc div.sheet-end div.sheet-weapons span[name='attr_weapon_dice'], .sheet-npc div.sheet-end div.sheet-spells span[name='attr_dice'], .sheet-npc div.sheet-end div.sheet-forms span[name='attr_form_dice'], .sheet-npc div.sheet-end div.sheet-ic span[name='attr_software_dice'] {
+ vertical-align: middle; }
+ .sheet-npc div.sheet-end div.sheet-weapons span[name='attr_weapon_dice']:before, .sheet-npc div.sheet-end div.sheet-spells span[name='attr_dice']:before, .sheet-npc div.sheet-end div.sheet-forms span[name='attr_form_dice']:before, .sheet-npc div.sheet-end div.sheet-ic span[name='attr_software_dice']:before {
+ content: '('; }
+ .sheet-npc div.sheet-end div.sheet-weapons span[name='attr_weapon_dice']:after, .sheet-npc div.sheet-end div.sheet-spells span[name='attr_dice']:after, .sheet-npc div.sheet-end div.sheet-forms span[name='attr_form_dice']:after, .sheet-npc div.sheet-end div.sheet-ic span[name='attr_software_dice']:after {
+ content: ')'; }
+
+.sheet-npc div.sheet-repeating input[name='attr_flag'],
+input.sheet-toggle {
+ position: absolute;
+ opacity: 0;
+ z-index: 2; }
+
+.sheet-pc input.sheet-settings-toggle,
+.sheet-pc input.sheet-settings-flag,
+.sheet-pc input.sheet-collapse-flag,
+.sheet-pc input[type='radio'] {
+ position: relative;
+ opacity: 0;
+ z-index: 2; }
+
+.sheet-npc div.sheet-repeating input[name='attr_flag'] + span {
+ opacity: 0; }
+.sheet-npc div.sheet-repeating input[name='attr_flag']:checked + span {
+ opacity: 1; }
+.sheet-npc div.sheet-repeating input[name='attr_flag']:checked ~ .sheet-settings {
+ display: inline-grid;
+ margin-bottom: 2%; }
+
+.sheet-pc div.sheet-repeating-container div.repitem, .sheet-pc div.sheet-repeating-container div.repitem input[type='text'], .sheet-pc div.sheet-repeating-container div.repitem input[type='number'], .sheet-pc div.sheet-skill-box label > input, .sheet-pc div.sheet-skill-box input[name='attr_skill'], .sheet-pc div.sheet-matrix div.sheet-programs div.repitem {
+ border-bottom: 1px solid #040404; }
+
+div.sheet-grid {
+ display: inline-grid;
+ grid-column-gap: 1%;
+ grid-row-gap: 0.5%; }
+
+div.sheet-2column {
+ grid-template-columns: 1fr 1fr; }
+
+div.sheet-2autocolumn {
+ grid-template-columns: auto 1fr; }
+
/* The switch - the box around the slider */
.sheet-switch {
position: relative;
@@ -165,39 +281,71 @@ input:checked + .sheet-slider:before {
-ms-transform: translateX(26px);
transform: translateX(26px); }
-/* MIXIN
- ============================= */
-/***** TABS FOR SHEETS *****/
-.sheet-tabs button[type='action'] {
- background-color: #333;
- border-radius: 2px;
- border: 1px solid #000;
- box-shadow: inset 0px 0px 3px 1px #7c7c7c;
- color: #fff;
- font-size: 1em;
- font-weight: bolder;
- text-transform: capitalize;
- padding: 5px; }
- .sheet-tabs button[type='action'].sheet-pictos, .sheet-tabs .sheet-cc-row button[type='action'][name*='shots'], .sheet-cc-row .sheet-tabs button[type='action'][name*='shots'], .sheet-tabs .sheet-cc-row button[type='action'][name='act_reload'], .sheet-cc-row .sheet-tabs button[type='action'][name='act_reload'], .sheet-tabs .sheet-cc-row button[type='action'][name='act_primary_ammo'], .sheet-cc-row .sheet-tabs button[type='action'][name='act_primary_ammo'], .sheet-tabs .repcontrol button[type='action'].repcontrol_edit:after, .repcontrol .sheet-tabs button[type='action'].repcontrol_edit:after,
- .sheet-tabs .repcontrol button[type='action'].repcontrol_add:after,
- .repcontrol .sheet-tabs button[type='action'].repcontrol_add:after, .sheet-tabs .itemcontrol button[type='action'].repcontrol_del, .itemcontrol .sheet-tabs button[type='action'].repcontrol_del {
- text-transform: lowercase; }
-.sheet-tabs button[type='roll'] {
- background: none;
- border: none;
- color: #fff;
- font-family: 'dicefontd6';
- font-size: 2.5em;
- vertical-align: top; }
- .sheet-tabs button[type='roll']:hover {
- text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #e31715; }
-.sheet-tabs h2 {
- color: #fff;
- font-size: 1em;
- text-transform: capitalize;
- text-align: right;
- line-height: 2em;
- margin-right: 5%; }
+div.sheet-collapse {
+ opacity: 0;
+ height: 0;
+ transition: all .5s; }
+
+input.sheet-collapse-flag:checked ~ div.sheet-collapse {
+ opacity: 1;
+ height: 100%;
+ transition: all .5s; }
+
+input.sheet-indicator {
+ height: 1.8em;
+ width: 1.5em;
+ transition: all .2s;
+ top: 5px; }
+ input.sheet-indicator + span {
+ display: inline-block;
+ height: 1.5em;
+ width: 1.5em; }
+ input.sheet-indicator:hover + span {
+ transform: scale(1.3); }
+ input.sheet-indicator:checked + span {
+ background-color: #610b0d;
+ color: #fff;
+ font-weight: bolder;
+ border-radius: 3px;
+ padding: 15%; }
+ input.sheet-indicator:checked + span + span {
+ font-weight: bolder; }
+
+.sheet-tabs {
+ color: #fff; }
+ .sheet-tabs button[type='action'] {
+ background-color: #333;
+ border-radius: 2px;
+ border: 1px solid #7c7c7c;
+ font-size: 1em;
+ font-weight: bolder;
+ text-transform: capitalize;
+ padding: 5px;
+ transition: transform .2s; }
+ .sheet-tabs button[type='action'].sheet-pictos, .sheet-tabs .repcontrol button[type='action'].repcontrol_edit:after, .repcontrol .sheet-tabs button[type='action'].repcontrol_edit:after,
+ .sheet-tabs .repcontrol button[type='action'].repcontrol_add:after,
+ .repcontrol .sheet-tabs button[type='action'].repcontrol_add:after, .sheet-tabs .itemcontrol button[type='action'].repcontrol_del, .itemcontrol .sheet-tabs button[type='action'].repcontrol_del {
+ text-transform: lowercase; }
+ .sheet-tabs button[type='action']:hover, .sheet-tabs button[type='action']:focus, .sheet-tabs button[type='action']:active {
+ text-shadow: inset 0px 0px 3px 1px #e31715;
+ background-color: #610b0d;
+ transform: scale(1.1); }
+ .sheet-tabs button[type='roll'] {
+ background: none;
+ border: none;
+ color: #fff;
+ font-family: 'dicefontd6';
+ font-size: 2.5em;
+ vertical-align: top; }
+ .sheet-tabs button[type='roll']:hover {
+ text-shadow: 1px 1px 2px #040404, 0 0 25px #610b0d, 0 0 5px #e31715; }
+ .sheet-tabs h2 {
+ color: #fff;
+ font-size: 1em;
+ text-transform: capitalize;
+ text-align: right;
+ line-height: 2em;
+ margin-right: 5%; }
/***** TABS FOR SHEETS *****/
.sheet-settings-toggle input,
@@ -212,41 +360,6 @@ input:checked + .sheet-slider:before {
width: 20px; }
/***** GENERIC STYLES *****/
-.sheet-npc div.sheet-end div.sheet-weapons span[name='attr_weapon_dice'], .sheet-npc div.sheet-end div.sheet-spells span[name='attr_dice'], .sheet-npc div.sheet-end div.sheet-forms span[name='attr_form_dice'], .sheet-npc div.sheet-end div.sheet-ic span[name='attr_software_dice'] {
- vertical-align: middle; }
- .sheet-npc div.sheet-end div.sheet-weapons span[name='attr_weapon_dice']:before, .sheet-npc div.sheet-end div.sheet-spells span[name='attr_dice']:before, .sheet-npc div.sheet-end div.sheet-forms span[name='attr_form_dice']:before, .sheet-npc div.sheet-end div.sheet-ic span[name='attr_software_dice']:before {
- content: '('; }
- .sheet-npc div.sheet-end div.sheet-weapons span[name='attr_weapon_dice']:after, .sheet-npc div.sheet-end div.sheet-spells span[name='attr_dice']:after, .sheet-npc div.sheet-end div.sheet-forms span[name='attr_form_dice']:after, .sheet-npc div.sheet-end div.sheet-ic span[name='attr_software_dice']:after {
- content: ')'; }
-
-.sheet-npc div.sheet-repeating input[name='attr_flag'],
-input.sheet-toggle {
- position: absolute;
- opacity: 0;
- z-index: 2; }
-
-.sheet-pc input.sheet-settings-toggle,
-.sheet-pc input.sheet-settings-flag,
-.sheet-pc input.sheet-collapse-flag,
-.sheet-pc input[type='radio'] {
- position: relative;
- opacity: 0;
- z-index: 2; }
-
-.sheet-npc div.sheet-repeating input[name='attr_flag'] + span {
- opacity: 0; }
-.sheet-npc div.sheet-repeating input[name='attr_flag']:checked + span {
- opacity: 1; }
-.sheet-npc div.sheet-repeating input[name='attr_flag']:checked ~ .sheet-settings {
- display: inline-grid;
- margin-bottom: 2%; }
-
-.sheet-pc div.sheet-repeating-container div.repitem, .sheet-pc div.sheet-repeating-container div.repitem input[type='text'], .sheet-pc div.sheet-repeating-container div.repitem input[type='number'], .sheet-pc div.sheet-skill-box label > input, .sheet-pc div.sheet-skill-box input[name='attr_skill'], .sheet-pc div.sheet-matrix div.sheet-programs div.repitem {
- border-bottom: 1px solid #333; }
-
-.sheet-center {
- text-align: center; }
-
select.sheet-attribute-select option:nth-of-type(1n+5) {
color: #610b0d; }
select.sheet-attribute-select option:nth-of-type(1n+9) {
@@ -278,20 +391,11 @@ div.sheet-matrix-device .sheet-matrixData {
div.sheet-matrix-device .sheet-matrixFirewall {
box-shadow: 0px 0px 29px 8px #f88703; }
-.sheet-text-capitalize {
- text-transform: capitalize; }
-
-.sheet-text-left {
- text-align: left; }
-
/***** GRID *****/
.sheet-pc div.sheet-repeating-container div.repitem, .sheet-pc div.sheet-repeating-container div.repitem div.sheet-settings, .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.sheet-headers, .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.sheet-headers, .sheet-pc div.sheet-skill-box div.sheet-row-long, .sheet-pc div.sheet-arms div.sheet-headers, .sheet-pc div.sheet-magic div.sheet-headers, .sheet-pc div.sheet-matrix div.sheet-complex-forms div.sheet-headers {
grid-column-gap: 1%;
grid-row-gap: 1%; }
-/******************************************************************************/
-/********************************* VARIABLES *********************************/
-/****************************************************************************/
/***************************************************************************************/
/************************** START OF THE PC SHEET *************************************/
/*************************************************************************************/
@@ -313,8 +417,8 @@ div.sheet-matrix-device .sheet-matrixFirewall {
/*** GEAR ****/
/***** MAGIC *****/
/*** MATRIX ****/
- /*** SOCIAL ****/
- /*** Vehicle ****/ }
+ /*** SOCIAL ****/ }
+ .sheet-pc button[name*='shots']:hover,
.sheet-pc button > h2:hover,
.sheet-pc button > span:hover,
.sheet-pc label > button[type='roll']:hover,
@@ -322,7 +426,9 @@ div.sheet-matrix-device .sheet-matrixFirewall {
.sheet-pc .sheet-con-track button[type='action']:hover,
.sheet-pc button[data-i18n='default']:hover {
color: #fff;
- text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #610b0d; }
+ text-shadow: 1px 1px 2px #555, 0 0 25px #fff, 0 0 5px #fff; }
+ .sheet-pc button:hover > span {
+ color: #fff; }
.sheet-pc h1 {
background-color: #610b0d;
color: #fff;
@@ -399,6 +505,11 @@ div.sheet-matrix-device .sheet-matrixFirewall {
grid-area: 3 / 2 / 3 / 3; }
.sheet-pc .sheet-tabs label[data-i18n-title='edge'] {
grid-area: 3 / 4 / 3 / 5; }
+ .sheet-pc input.sheet-settings-toggle:hover,
+ .sheet-pc input.sheet-settings-flag:hover,
+ .sheet-pc input.sheet-collapse-flag:hover,
+ .sheet-pc input[type='radio']:hover {
+ cursor: pointer; }
.sheet-pc input.sheet-settings-toggle + span,
.sheet-pc input.sheet-settings-flag + span,
.sheet-pc input.sheet-collapse-flag + span,
@@ -409,6 +520,11 @@ div.sheet-matrix-device .sheet-matrixFirewall {
.sheet-pc input.sheet-collapse-flag:checked + span,
.sheet-pc input[type='radio']:checked + span {
color: #610b0d; }
+ .sheet-pc input.sheet-settings-toggle:hover + span,
+ .sheet-pc input.sheet-settings-flag:hover + span,
+ .sheet-pc input.sheet-collapse-flag:hover + span,
+ .sheet-pc input[type='radio']:hover + span {
+ transform: scale(1.1); }
.sheet-pc select {
height: 1.8em;
padding: 0px;
@@ -440,10 +556,10 @@ div.sheet-matrix-device .sheet-matrixFirewall {
border-top-left-radius: 0px; }
.sheet-pc div.sheet-repeating-container div.repitem {
display: inline-grid;
- padding: 1% 0.5%;
- margin-bottom: 0px; }
+ padding: 1% 0.5%; }
.sheet-pc div.sheet-repeating-container div.repitem button[type='roll'] {
- text-align: left; }
+ text-align: left;
+ margin: 0px; }
.sheet-pc div.sheet-repeating-container div.repitem input:nth-of-type(1n+2) {
text-align: center; }
.sheet-pc div.sheet-repeating-container div.repitem input[type='text'], .sheet-pc div.sheet-repeating-container div.repitem input[type='number'] {
@@ -470,11 +586,16 @@ div.sheet-matrix-device .sheet-matrixFirewall {
.sheet-pc div.repitem input[type='number'] {
text-align: center; }
.sheet-pc div.sheet-static {
- margin-right: 0.5%; }
+ margin-right: 0.5%;
+ transition: transform .2s; }
.sheet-pc div.sheet-static div.sheet-border-box,
.sheet-pc div.sheet-static div.sheet-border-box .sheet-pc-box {
border-top-right-radius: 0px;
border-top-left-radius: 10px; }
+ .sheet-pc div.sheet-static div.sheet-attr-box button {
+ margin-bottom: 2%; }
+ .sheet-pc div.sheet-static div.sheet-attr-box button:hover, .sheet-pc div.sheet-static div.sheet-attr-box button:focus, .sheet-pc div.sheet-static div.sheet-attr-box button:active {
+ transform: scale(1.1); }
.sheet-pc div.sheet-core {
/***** QUALITIES *****/ }
.sheet-pc div.sheet-core div.sheet-armor-buttons {
@@ -490,6 +611,8 @@ div.sheet-matrix-device .sheet-matrixFirewall {
color: #fff; }
.sheet-pc div.sheet-core div.sheet-armor-buttons span {
font-size: 1em; }
+ .sheet-pc div.sheet-core button[name="act_primary_ammo"]:hover > img {
+ filter: brightness(0) invert(1); }
.sheet-pc div.sheet-core div.sheet-quality-box div.sheet-htab input[type='radio'] {
margin-right: -100px;
width: 100px; }
@@ -507,6 +630,10 @@ div.sheet-matrix-device .sheet-matrixFirewall {
.sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem h3[data-i18n='notes'],
.sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem div.sheet-collapse {
grid-column: 1 / 6; }
+ .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem h3[data-i18n='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem div.sheet-collapse span[name='attr_notes'] {
+ white-space: pre-line; }
.sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input.sheet-collapse-flag {
grid-area: 1 / 4 / 1 / 5; }
.sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-quality div.repitem input[type='checkbox'].sheet-collapse-flag + span,
@@ -543,6 +670,10 @@ div.sheet-matrix-device .sheet-matrixFirewall {
.sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem h3[data-i18n='notes'],
.sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem div.sheet-collapse {
grid-column: 1 / 6; }
+ .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem h3[data-i18n='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem div.sheet-collapse span[name='attr_notes'] {
+ white-space: pre-line; }
.sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input.sheet-collapse-flag {
grid-area: 1 / 4 / 1 / 5; }
.sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-core div.sheet-quality-box div.sheet-martial div.repitem input[type='checkbox'].sheet-collapse-flag + span,
@@ -612,6 +743,10 @@ div.sheet-matrix-device .sheet-matrixFirewall {
.sheet-pc div.sheet-skill-box div.repitem h3[data-i18n='notes'],
.sheet-pc div.sheet-skill-box div.repitem div.sheet-collapse {
grid-column: 1 / 7; }
+ .sheet-pc div.sheet-skill-box div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-skill-box div.repitem h3[data-i18n='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-skill-box div.repitem div.sheet-collapse span[name='attr_notes'] {
+ white-space: pre-line; }
.sheet-pc div.sheet-skill-box div.repitem input.sheet-collapse-flag {
grid-area: 1 / 5 / 1 / 6; }
.sheet-pc div.sheet-skill-box div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-skill-box div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-skill-box div.repitem input[type='checkbox'].sheet-collapse-flag + span,
@@ -659,6 +794,10 @@ div.sheet-matrix-device .sheet-matrixFirewall {
.sheet-pc div.sheet-arms div.sheet-weapons div.repitem h3[data-i18n='notes'],
.sheet-pc div.sheet-arms div.sheet-weapons div.repitem div.sheet-collapse {
grid-column: 1 / 10; }
+ .sheet-pc div.sheet-arms div.sheet-weapons div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-arms div.sheet-weapons div.repitem h3[data-i18n='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-arms div.sheet-weapons div.repitem div.sheet-collapse span[name='attr_notes'] {
+ white-space: pre-line; }
.sheet-pc div.sheet-arms div.sheet-weapons div.repitem input.sheet-collapse-flag {
grid-area: 1 / 8 / 1 / 9; }
.sheet-pc div.sheet-arms div.sheet-weapons div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-arms div.sheet-weapons div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-arms div.sheet-weapons div.repitem input[type='checkbox'].sheet-collapse-flag + span,
@@ -715,6 +854,10 @@ div.sheet-matrix-device .sheet-matrixFirewall {
.sheet-pc div.sheet-arms div.sheet-armor div.repitem h3[data-i18n='notes'],
.sheet-pc div.sheet-arms div.sheet-armor div.repitem div.sheet-collapse {
grid-column: 1 / 11; }
+ .sheet-pc div.sheet-arms div.sheet-armor div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-arms div.sheet-armor div.repitem h3[data-i18n='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-arms div.sheet-armor div.repitem div.sheet-collapse span[name='attr_notes'] {
+ white-space: pre-line; }
.sheet-pc div.sheet-arms div.sheet-armor div.repitem input.sheet-collapse-flag {
grid-area: 1 / 9 / 1 / 10; }
.sheet-pc div.sheet-arms div.sheet-armor div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-arms div.sheet-armor div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-arms div.sheet-armor div.repitem input[type='checkbox'].sheet-collapse-flag + span,
@@ -751,6 +894,10 @@ div.sheet-matrix-device .sheet-matrixFirewall {
.sheet-pc div.sheet-augs div.repitem h3[data-i18n='notes'],
.sheet-pc div.sheet-augs div.repitem div.sheet-collapse {
grid-column: 1 / 6; }
+ .sheet-pc div.sheet-augs div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-augs div.repitem h3[data-i18n='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-augs div.repitem div.sheet-collapse span[name='attr_notes'] {
+ white-space: pre-line; }
.sheet-pc div.sheet-augs div.repitem input.sheet-collapse-flag {
grid-area: 1/1/1 / 5;
position: absolute;
@@ -775,30 +922,32 @@ div.sheet-matrix-device .sheet-matrixFirewall {
.sheet-pc div.sheet-augs div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del,
.itemcontrol .sheet-pc div.sheet-augs div.repitem input.sheet-settings-flag + span.repcontrol_del {
grid-area: 1 / 5 / 1 / 6; }
- .sheet-pc div.sheet-augs div.repitem input[name='attr_augementation'] {
- text-align: left; }
.sheet-pc div.sheet-augs div.repitem div.sheet-settings {
grid-column: 1 / 6;
grid-template-columns: 1fr 5em 5em 1em 1em; }
.sheet-pc div.sheet-gear div.sheet-headers {
display: grid;
- grid-template-columns: 1fr 5em 5em 1em 1em; }
+ grid-template-columns: 1.5em 1fr 5em 5em 1em 1em; }
+ .sheet-pc div.sheet-gear div.sheet-headers h2[data-i18n='item'] {
+ grid-column: 1 / 3; }
.sheet-pc div.sheet-gear div.repitem {
- grid-template-columns: 1fr 5em 5em 1em 1em; }
+ grid-template-columns: 1.5em 1fr 5em 5em 1em 1em; }
.sheet-pc div.sheet-gear div.repitem label[data-i18n-title='notes'],
.sheet-pc div.sheet-gear div.repitem h3[data-i18n='notes'],
.sheet-pc div.sheet-gear div.repitem div.sheet-collapse {
- grid-column: 1 / 6; }
+ grid-column: 1 / 7; }
+ .sheet-pc div.sheet-gear div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-gear div.repitem h3[data-i18n='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-gear div.repitem div.sheet-collapse span[name='attr_notes'] {
+ white-space: pre-line; }
.sheet-pc div.sheet-gear div.repitem input.sheet-collapse-flag {
- grid-area: 1/1/1 / 5;
- position: absolute;
- width: 100%; }
+ grid-area: 1 / 5 / 1 / 6; }
.sheet-pc div.sheet-gear div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-gear div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-gear div.repitem input[type='checkbox'].sheet-collapse-flag + span,
.sheet-pc div.sheet-gear div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span,
.sheet-settings-flag .sheet-pc div.sheet-gear div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-gear div.repitem .sheet-flag-primary + div > input.sheet-collapse-flag + span, .sheet-pc div.sheet-gear div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-gear div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after,
.sheet-pc div.sheet-gear div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after,
.repcontrol .sheet-pc div.sheet-gear div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-gear div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-gear div.repitem input.sheet-collapse-flag + span.repcontrol_del {
- grid-area: 1 / 4 / 1 / 5; }
+ grid-area: 1 / 5 / 1 / 6; }
.sheet-pc div.sheet-gear div.repitem input.sheet-settings-flag,
.sheet-pc div.sheet-gear div.repitem input.sheet-settings-flag + span.sheet-pictos,
.sheet-pc div.sheet-gear div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-settings-flag + span,
@@ -812,12 +961,35 @@ div.sheet-matrix-device .sheet-matrixFirewall {
.repcontrol .sheet-pc div.sheet-gear div.repitem input.sheet-settings-flag + span.repcontrol_add:after,
.sheet-pc div.sheet-gear div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del,
.itemcontrol .sheet-pc div.sheet-gear div.repitem input.sheet-settings-flag + span.repcontrol_del {
- grid-area: 1 / 5 / 1 / 6; }
- .sheet-pc div.sheet-gear div.repitem input[name='attr_item'] {
- text-align: left; }
+ grid-area: 1 / 6 / 1 / 7; }
+ .sheet-pc div.sheet-gear div.repitem label[data-i18n-title='item'] {
+ grid-column: 1 / 3; }
+ .sheet-pc div.sheet-gear div.repitem label[data-i18n-title='item'] input[type='number'] {
+ width: 100%; }
+ .sheet-pc div.sheet-gear div.repitem label[data-i18n-title='rating'] {
+ grid-column: 3 / 4; }
+ .sheet-pc div.sheet-gear div.repitem label[data-i18n-title='quantity'] {
+ grid-column: 4 / 5; }
+ .sheet-pc div.sheet-gear div.repitem select {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ text-indent: 3px;
+ border: none;
+ background: transparent;
+ box-shadow: none;
+ font-size: 1.3em;
+ max-height: 18px;
+ transition: all .2s; }
+ .sheet-pc div.sheet-gear div.repitem select:hover {
+ cursor: pointer;
+ transform: scale(1.3); }
+ .sheet-pc div.sheet-gear div.repitem input[name='attr_location'][value='person'] + span {
+ font-weight: bold; }
.sheet-pc div.sheet-gear div.repitem div.sheet-settings {
- grid-column: 1 / 6;
- grid-template-columns: 1fr 5em 5em 1em 1em; }
+ grid-column: 1 / 7;
+ grid-template-columns: 1.5em 1fr 5em 5em 1em 1em; }
+ .sheet-pc select.sheet-attribute-select {
+ margin-top: 1%; }
.sheet-pc div.sheet-magic {
/***** SPELLS & PREPARTATIONS *****/
/***** RITUALS *****/
@@ -838,6 +1010,10 @@ div.sheet-matrix-device .sheet-matrixFirewall {
.sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem h3[data-i18n='notes'],
.sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem div.sheet-collapse {
grid-column: 1 / 8; }
+ .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem h3[data-i18n='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem div.sheet-collapse span[name='attr_notes'] {
+ white-space: pre-line; }
.sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input.sheet-collapse-flag {
grid-area: 1 / 6 / 1 / 7; }
.sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-magic div.sheet-spellsForumlas div.repitem input[type='checkbox'].sheet-collapse-flag + span,
@@ -874,6 +1050,10 @@ div.sheet-matrix-device .sheet-matrixFirewall {
.sheet-pc div.sheet-magic div.sheet-magic-rituals h3[data-i18n='notes'],
.sheet-pc div.sheet-magic div.sheet-magic-rituals div.sheet-collapse {
grid-column: 1 / 4; }
+ .sheet-pc div.sheet-magic div.sheet-magic-rituals label[data-i18n-title='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-magic div.sheet-magic-rituals h3[data-i18n='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-magic div.sheet-magic-rituals div.sheet-collapse span[name='attr_notes'] {
+ white-space: pre-line; }
.sheet-pc div.sheet-magic div.sheet-magic-rituals input.sheet-collapse-flag {
grid-area: 1 / 2 / 1 / 3; }
.sheet-pc div.sheet-magic div.sheet-magic-rituals input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-magic div.sheet-magic-rituals .sheet-settings-toggle input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-magic div.sheet-magic-rituals input[type='checkbox'].sheet-collapse-flag + span,
@@ -917,6 +1097,10 @@ div.sheet-matrix-device .sheet-matrixFirewall {
.sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem h3[data-i18n='notes'],
.sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem div.sheet-collapse {
grid-column: 1 / 7; }
+ .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem h3[data-i18n='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem div.sheet-collapse span[name='attr_notes'] {
+ white-space: pre-line; }
.sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input.sheet-collapse-flag {
grid-area: 1 / 5 / 1 / 6; }
.sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-magic div.sheet-magic-preps div.sheet-prepared-preparations div.repitem input[type='checkbox'].sheet-collapse-flag + span,
@@ -954,6 +1138,10 @@ div.sheet-matrix-device .sheet-matrixFirewall {
.sheet-pc div.sheet-magic div.sheet-powers div.repitem h3[data-i18n='notes'],
.sheet-pc div.sheet-magic div.sheet-powers div.repitem div.sheet-collapse {
grid-column: 1 / 5; }
+ .sheet-pc div.sheet-magic div.sheet-powers div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-magic div.sheet-powers div.repitem h3[data-i18n='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-magic div.sheet-powers div.repitem div.sheet-collapse span[name='attr_notes'] {
+ white-space: pre-line; }
.sheet-pc div.sheet-magic div.sheet-powers div.repitem input.sheet-collapse-flag {
grid-area: 1/1/1 / 4;
position: absolute;
@@ -981,96 +1169,116 @@ div.sheet-matrix-device .sheet-matrixFirewall {
.sheet-pc div.sheet-magic div.sheet-powers div.repitem div.sheet-settings {
grid-column: 1 / 5;
grid-template-columns: 1fr 3em 1em 1em; }
- .sheet-pc div.sheet-matrix h3 {
- color: #040404; }
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem {
- grid-template-columns: 1em 1fr 1.5em 1em 1em; }
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem label[data-i18n-title='notes'],
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem h3[data-i18n='notes'],
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem div.sheet-collapse {
- grid-column: 1 / 6; }
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-collapse-flag {
- grid-area: 1 / 4 / 1 / 5; }
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input[type='checkbox'].sheet-collapse-flag + span,
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span,
- .sheet-settings-flag .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .sheet-flag-primary + div > input.sheet-collapse-flag + span, .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after,
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after,
- .repcontrol .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-collapse-flag + span.repcontrol_del {
- grid-area: 1 / 4 / 1 / 5; }
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-settings-flag,
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-settings-flag + span.sheet-pictos,
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-settings-flag + span,
- .sheet-settings-toggle .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input[type='checkbox'].sheet-settings-flag + span,
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span,
- .sheet-settings-flag .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input[type='checkbox'].sheet-settings-flag + span,
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .sheet-flag-primary + div > input.sheet-settings-flag + span,
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after,
- .repcontrol .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-settings-flag + span.repcontrol_edit:after,
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after,
- .repcontrol .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-settings-flag + span.repcontrol_add:after,
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del,
- .itemcontrol .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-settings-flag + span.repcontrol_del {
- grid-area: 1 / 5 / 1 / 6; }
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input[name='attr_program_on'] {
- grid-area: 1 / 1 / 1 / 1; }
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input[name='attr_program_on']:checked + span {
- color: #FCD116;
- font-weight: bolder; }
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input[name='attr_program_on']:checked + span + span {
- font-weight: bolder; }
- .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input[name='attr_program_on'] + span {
+ .sheet-pc div.sheet-matrix {
+ /* Needs to be refactored into Grid */ }
+ .sheet-pc div.sheet-matrix button[type='roll'] {
+ font-size: 0.9em; }
+ .sheet-pc div.sheet-matrix h3 {
+ color: #040404; }
+ .sheet-pc div.sheet-matrix div.sheet-device-attr {
+ display: inline;
+ transition: transform .2s; }
+ .sheet-pc div.sheet-matrix div.sheet-device-attr span {
+ position: relative; }
+ .sheet-pc div.sheet-matrix div.sheet-device-attr input[type='radio']:hover + span {
+ transform: scale(1.3); }
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem {
+ grid-template-columns: 1.5em 1fr 1.5em 1em 1em; }
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem label[data-i18n-title='notes'],
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem h3[data-i18n='notes'],
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem div.sheet-collapse {
+ grid-column: 1 / 6; }
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem h3[data-i18n='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem div.sheet-collapse span[name='attr_notes'] {
+ white-space: pre-line; }
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-collapse-flag {
+ grid-area: 1 / 4 / 1 / 5; }
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input[type='checkbox'].sheet-collapse-flag + span,
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span,
+ .sheet-settings-flag .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .sheet-flag-primary + div > input.sheet-collapse-flag + span, .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after,
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after,
+ .repcontrol .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-collapse-flag + span.repcontrol_del {
+ grid-area: 1 / 4 / 1 / 5; }
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-settings-flag,
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-settings-flag + span.sheet-pictos,
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-settings-flag + span,
+ .sheet-settings-toggle .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input[type='checkbox'].sheet-settings-flag + span,
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span,
+ .sheet-settings-flag .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input[type='checkbox'].sheet-settings-flag + span,
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .sheet-flag-primary + div > input.sheet-settings-flag + span,
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after,
+ .repcontrol .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-settings-flag + span.repcontrol_edit:after,
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after,
+ .repcontrol .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-settings-flag + span.repcontrol_add:after,
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del,
+ .itemcontrol .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-settings-flag + span.repcontrol_del {
+ grid-area: 1 / 5 / 1 / 6; }
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-indicator {
grid-area: 1 / 1 / 1 / 1; }
- .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings {
- grid-column: 1 / 5; }
- .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings input[type='text'] {
- grid-column: 1 / 4;
- text-align: left; }
- .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings label {
- grid-column: 1 / 4; }
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.sheet-headers {
- display: grid;
- grid-template-columns: 30% 1fr 1fr 4em 1em 1em; }
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.sheet-headers h2:nth-of-type(1n+2) {
- text-align: center; }
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem {
- grid-template-columns: 30% 1fr 1fr 4em 1em 1em; }
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem label[data-i18n-title='notes'],
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem h3[data-i18n='notes'],
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem div.sheet-collapse {
- grid-column: 1 / 7; }
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-collapse-flag {
- grid-area: 1 / 5 / 1 / 6; }
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input[type='checkbox'].sheet-collapse-flag + span,
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span,
- .sheet-settings-flag .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .sheet-flag-primary + div > input.sheet-collapse-flag + span, .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after,
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after,
- .repcontrol .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-collapse-flag + span.repcontrol_del {
- grid-area: 1 / 5 / 1 / 6; }
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-settings-flag,
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-settings-flag + span.sheet-pictos,
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-settings-flag + span,
- .sheet-settings-toggle .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input[type='checkbox'].sheet-settings-flag + span,
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span,
- .sheet-settings-flag .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input[type='checkbox'].sheet-settings-flag + span,
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .sheet-flag-primary + div > input.sheet-settings-flag + span,
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after,
- .repcontrol .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-settings-flag + span.repcontrol_edit:after,
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after,
- .repcontrol .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-settings-flag + span.repcontrol_add:after,
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del,
- .itemcontrol .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-settings-flag + span.repcontrol_del {
- grid-area: 1 / 6 / 1 / 7; }
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem div.sheet-row {
- grid-column: 1 / 7; }
- .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem div.sheet-settings {
- grid-column: 1 / 7;
+ .sheet-pc div.sheet-matrix div.sheet-programs div.repitem input.sheet-indicator + span {
+ grid-area: 1 / 1 / 1 / 1; }
+ .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings {
+ grid-column: 1 / 5; }
+ .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings input[type='text'] {
+ grid-column: 1 / 4;
+ text-align: left; }
+ .sheet-pc div.sheet-matrix div.sheet-programs div.sheet-settings label {
+ grid-column: 1 / 4; }
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.sheet-headers {
+ display: grid;
grid-template-columns: 30% 1fr 1fr 4em 1em 1em; }
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.sheet-headers h2:nth-of-type(1n+2) {
+ text-align: center; }
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem {
+ grid-template-columns: 30% 1fr 1fr 4em 1em 1em; }
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem label[data-i18n-title='notes'],
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem h3[data-i18n='notes'],
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem div.sheet-collapse {
+ grid-column: 1 / 7; }
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem h3[data-i18n='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem div.sheet-collapse span[name='attr_notes'] {
+ white-space: pre-line; }
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-collapse-flag {
+ grid-area: 1 / 5 / 1 / 6; }
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input[type='checkbox'].sheet-collapse-flag + span,
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span,
+ .sheet-settings-flag .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .sheet-flag-primary + div > input.sheet-collapse-flag + span, .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after,
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after,
+ .repcontrol .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-collapse-flag + span.repcontrol_del {
+ grid-area: 1 / 5 / 1 / 6; }
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-settings-flag,
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-settings-flag + span.sheet-pictos,
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-settings-flag + span,
+ .sheet-settings-toggle .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input[type='checkbox'].sheet-settings-flag + span,
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span,
+ .sheet-settings-flag .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input[type='checkbox'].sheet-settings-flag + span,
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .sheet-flag-primary + div > input.sheet-settings-flag + span,
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after,
+ .repcontrol .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-settings-flag + span.repcontrol_edit:after,
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after,
+ .repcontrol .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-settings-flag + span.repcontrol_add:after,
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del,
+ .itemcontrol .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem input.sheet-settings-flag + span.repcontrol_del {
+ grid-area: 1 / 6 / 1 / 7; }
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem div.sheet-row {
+ grid-column: 1 / 7; }
+ .sheet-pc div.sheet-matrix div.sheet-complex-forms div.repitem div.sheet-settings {
+ grid-column: 1 / 7;
+ grid-template-columns: 30% 1fr 1fr 4em 1em 1em; }
+ .sheet-pc div.sheet-social input:not(:placeholder-shown) {
+ background-color: transparent; }
.sheet-pc div.sheet-social div.sheet-lifestyle div.repitem {
grid-template-columns: 1fr 1.5em 1em 1em; }
.sheet-pc div.sheet-social div.sheet-lifestyle div.repitem label[data-i18n-title='notes'],
.sheet-pc div.sheet-social div.sheet-lifestyle div.repitem h3[data-i18n='notes'],
.sheet-pc div.sheet-social div.sheet-lifestyle div.repitem div.sheet-collapse {
grid-column: 1 / 5; }
+ .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem h3[data-i18n='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem div.sheet-collapse span[name='attr_notes'] {
+ white-space: pre-line; }
.sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input.sheet-collapse-flag {
grid-area: 1 / 3 / 1 / 4; }
.sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-social div.sheet-lifestyle div.repitem input[type='checkbox'].sheet-collapse-flag + span,
@@ -1107,6 +1315,7 @@ div.sheet-matrix-device .sheet-matrixFirewall {
.sheet-pc div.sheet-social div.sheet-contacts div.sheet-headers {
display: grid;
grid-template-columns: 1fr 4em 5.5em 4em 1.5em 1em 1em;
+ grid-column-gap: 0.5%;
width: 100%; }
.sheet-pc div.sheet-social div.sheet-contacts div.repitem {
grid-template-columns: 1fr 4em 5.5em 4em 1.5em 1em 1em; }
@@ -1114,6 +1323,10 @@ div.sheet-matrix-device .sheet-matrixFirewall {
.sheet-pc div.sheet-social div.sheet-contacts div.repitem h3[data-i18n='notes'],
.sheet-pc div.sheet-social div.sheet-contacts div.repitem div.sheet-collapse {
grid-column: 1 / 8; }
+ .sheet-pc div.sheet-social div.sheet-contacts div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-social div.sheet-contacts div.repitem h3[data-i18n='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-social div.sheet-contacts div.repitem div.sheet-collapse span[name='attr_notes'] {
+ white-space: pre-line; }
.sheet-pc div.sheet-social div.sheet-contacts div.repitem input.sheet-collapse-flag {
grid-area: 1 / 6 / 1 / 7; }
.sheet-pc div.sheet-social div.sheet-contacts div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-social div.sheet-contacts div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-social div.sheet-contacts div.repitem input[type='checkbox'].sheet-collapse-flag + span,
@@ -1138,6 +1351,71 @@ div.sheet-matrix-device .sheet-matrixFirewall {
grid-area: 1 / 7 / 1 / 8; }
.sheet-pc div.sheet-social div.sheet-contacts div.repitem div.sheet-settings {
grid-column: 1 / 8; }
+ .sheet-pc div.sheet-vehicle div.sheet-row-long {
+ display: inline-grid;
+ grid-column: 1 / 5; }
+ .sheet-pc div.sheet-vehicle div.sheet-vehicle-name {
+ grid-column: 1 / 3; }
+ .sheet-pc div.sheet-vehicle h3 {
+ color: #1c1c1c;
+ overflow: hidden; }
+ .sheet-pc div.sheet-vehicle label {
+ width: 100%; }
+ .sheet-pc div.sheet-vehicle div.sheet-col {
+ display: inline-grid;
+ grid-template-columns: 1fr 5em; }
+ .sheet-pc div.sheet-vehicle div.repitem {
+ grid-template-columns: 1fr 1fr 1em 1em; }
+ .sheet-pc div.sheet-vehicle div.repitem label[data-i18n-title='notes'],
+ .sheet-pc div.sheet-vehicle div.repitem h3[data-i18n='notes'],
+ .sheet-pc div.sheet-vehicle div.repitem div.sheet-collapse {
+ grid-column: 1 / 5; }
+ .sheet-pc div.sheet-vehicle div.repitem label[data-i18n-title='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-vehicle div.repitem h3[data-i18n='notes'] span[name='attr_notes'],
+ .sheet-pc div.sheet-vehicle div.repitem div.sheet-collapse span[name='attr_notes'] {
+ white-space: pre-line; }
+ .sheet-pc div.sheet-vehicle div.repitem input.sheet-collapse-flag {
+ grid-area: 1/1/1 / 4;
+ position: absolute;
+ width: 100%; }
+ .sheet-pc div.sheet-vehicle div.repitem input.sheet-collapse-flag + span.sheet-pictos, .sheet-pc div.sheet-vehicle div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-collapse-flag + span, .sheet-settings-toggle .sheet-pc div.sheet-vehicle div.repitem input[type='checkbox'].sheet-collapse-flag + span,
+ .sheet-pc div.sheet-vehicle div.repitem .sheet-settings-flag input[type='checkbox'].sheet-collapse-flag + span,
+ .sheet-settings-flag .sheet-pc div.sheet-vehicle div.repitem input[type='checkbox'].sheet-collapse-flag + span, .sheet-pc div.sheet-vehicle div.repitem .sheet-flag-primary + div > input.sheet-collapse-flag + span, .sheet-pc div.sheet-vehicle div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_edit:after, .repcontrol .sheet-pc div.sheet-vehicle div.repitem input.sheet-collapse-flag + span.repcontrol_edit:after,
+ .sheet-pc div.sheet-vehicle div.repitem .repcontrol input.sheet-collapse-flag + span.repcontrol_add:after,
+ .repcontrol .sheet-pc div.sheet-vehicle div.repitem input.sheet-collapse-flag + span.repcontrol_add:after, .sheet-pc div.sheet-vehicle div.repitem .itemcontrol input.sheet-collapse-flag + span.repcontrol_del, .itemcontrol .sheet-pc div.sheet-vehicle div.repitem input.sheet-collapse-flag + span.repcontrol_del {
+ grid-area: 1 / 3 / 1 / 4; }
+ .sheet-pc div.sheet-vehicle div.repitem input.sheet-settings-flag,
+ .sheet-pc div.sheet-vehicle div.repitem input.sheet-settings-flag + span.sheet-pictos,
+ .sheet-pc div.sheet-vehicle div.repitem .sheet-settings-toggle input[type='checkbox'].sheet-settings-flag + span,
+ .sheet-settings-toggle .sheet-pc div.sheet-vehicle div.repitem input[type='checkbox'].sheet-settings-flag + span,
+ .sheet-pc div.sheet-vehicle div.repitem .sheet-settings-flag input[type='checkbox'].sheet-settings-flag + span,
+ .sheet-settings-flag .sheet-pc div.sheet-vehicle div.repitem input[type='checkbox'].sheet-settings-flag + span,
+ .sheet-pc div.sheet-vehicle div.repitem .sheet-flag-primary + div > input.sheet-settings-flag + span,
+ .sheet-pc div.sheet-vehicle div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_edit:after,
+ .repcontrol .sheet-pc div.sheet-vehicle div.repitem input.sheet-settings-flag + span.repcontrol_edit:after,
+ .sheet-pc div.sheet-vehicle div.repitem .repcontrol input.sheet-settings-flag + span.repcontrol_add:after,
+ .repcontrol .sheet-pc div.sheet-vehicle div.repitem input.sheet-settings-flag + span.repcontrol_add:after,
+ .sheet-pc div.sheet-vehicle div.repitem .itemcontrol input.sheet-settings-flag + span.repcontrol_del,
+ .itemcontrol .sheet-pc div.sheet-vehicle div.repitem input.sheet-settings-flag + span.repcontrol_del {
+ grid-area: 1 / 4 / 1 / 5; }
+ .sheet-pc div.sheet-vehicle div.repitem div.sheet-settings {
+ grid-column: 1 / 5;
+ grid-template-columns: 1fr 1fr 1em 1em; }
+ .sheet-pc div.sheet-vehicle div.repitem div.sheet-settings div.sheet-col {
+ grid-column-gap: 2%; }
+ .sheet-pc div.sheet-vehicle div.repitem div.sheet-settings div.sheet-col:nth-of-type(1) {
+ grid-template-columns: 40% 2.1em 2.1em 2.1em;
+ margin-right: 5px; }
+ .sheet-pc div.sheet-vehicle div.repitem div.sheet-settings div.sheet-col:nth-of-type(2) {
+ grid-template-columns: 1fr 2.1em 2.1em 2.1em; }
+ .sheet-pc div.sheet-vehicle div.repitem div.sheet-settings div.sheet-headers h2[data-i18n='base'] {
+ grid-column: 2 / 3; }
+ .sheet-pc div.sheet-vehicle div.repitem div.sheet-settings div.sheet-headers h2[data-i18n='mod'] {
+ grid-column: 3 / 4; }
+ .sheet-pc div.sheet-vehicle div.repitem div.sheet-settings div.sheet-headers h2[data-i18n='temp'] {
+ grid-column: 4 / 5; }
+ .sheet-pc div.sheet-vehicle div.repcontrol {
+ margin-top: 5%; }
/***** PC ROWS & COLUMNS SETTINGS *****/
.sheet-pc-row {
@@ -1158,62 +1436,6 @@ div.sheet-matrix-device .sheet-matrixFirewall {
.sheet-settings-row select.sheet-skill-select {
width: 29%; }
-/***** VEHICLE *****/
-.sheet-vehicle-box .sheet-settings div,
-.sheet-vehicle-box .sheet-display {
- display: inline-block;
- width: 100%; }
-
-.sheet-vehicle-box input[type='text'] {
- width: 44%; }
-
-.sheet-vehicle-box label {
- width: 20%; }
-
-.sheet-vehicle-box .sheet-row-long:first-child label {
- width: 12%; }
-
-.sheet-vehicle-box label:nth-child(1n+4) {
- text-align: right;
- width: 21%; }
-
-/***** VEHICLE SETTING *****/
-.sheet-vehicle-box .sheet-settings h3 {
- margin-right: 2%; }
-
-.sheet-vehicle-box .sheet-settings h3:nth-child(1) {
- margin-left: 18%;
- margin-top: -5px; }
-
-.sheet-vehicle-box .sheet-settings h3:nth-child(4) {
- margin-left: 22%; }
-
-.sheet-vehicle-box .sheet-settings h3:nth-child(6) {
- margin-right: 0px; }
-
-.sheet-vehicle-box .sheet-settings input[type='text'],
-.sheet-vehicle-box .sheet-settings input[type='number'] {
- border: none; }
-
-/***** VEHICLE DISPLAY *****/
-.sheet-vehicle-box .sheet-display-row {
- text-align: left;
- width: 49%; }
-
-.sheet-vehicle-box .sheet-display-row h3 {
- width: 35%; }
-
-.sheet-vehicle-box .sheet-display-row div {
- display: inline-block;
- font-weight: normal;
- text-align: center; }
-
-.sheet-vehicle-box .sheet-display-row div.sheet-vehicle-stat {
- width: 60%; }
-
-.sheet-vehicle-box .sheet-collapsable {
- padding-left: 0.2em; }
-
/***** HEADERS AND TRIANGLES *****/
div.sheet-header {
display: inline-flex;
@@ -1322,13 +1544,16 @@ div.sheet-htab {
border-color: #aaa;
border-radius: 5px;
border-right: 3px solid #999;
- border-style: outset; }
+ border-style: outset;
+ font-family: 'Pictos'; }
.sheet-cc-row button[name*='shots_remove'] {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
/* IE 9 */
-webkit-transform: rotate(180deg);
/* Safari 3-8 */ }
+ .sheet-cc-row button[name="act_reload"]:hover {
+ color: #fff; }
.sheet-cc-row button[type='roll'] > span,
.sheet-cc-row h3 + span {
display: inline-block;
@@ -1512,13 +1737,18 @@ div.sheet-htab {
box-shadow: inset 0px 0px 3px 1px #7c7c7c;
display: inline-block;
margin-bottom: -25px;
- margin-right: -7px; }
+ margin-right: -7px;
+ transition: transform .3s; }
.sheet-squares input[type='radio']:checked ~ input[type='radio'] + span,
.sheet-con-track input[type='radio']:checked ~ .sheet-squares span,
.sheet-con-track input[type='hidden'][value='0'] ~ .sheet-squares span {
background-color: transparent; }
+.sheet-squares input[type='radio']:hover + span {
+ background-color: rgba(124, 124, 124, 0.5);
+ transform: scale(1.1); }
+
/***** MAKE CONDTION SQUARES APPEAR & DISPPEAR *****/
.sheet-hex-hider[value='8'] ~ input[type='radio']:nth-child(1n+19),
.sheet-hex-hider[value='9'] ~ input[type='radio']:nth-child(1n+21),
@@ -1583,7 +1813,7 @@ div.sheet-htab {
.sheet-repeat-box h3 {
color: #000;
margin-bottom: -3px; }
- .sheet-repeat-box button.sheet-pictos, .sheet-repeat-box .sheet-cc-row button[name*='shots'], .sheet-cc-row .sheet-repeat-box button[name*='shots'], .sheet-repeat-box .sheet-cc-row button[name='act_reload'], .sheet-cc-row .sheet-repeat-box button[name='act_reload'], .sheet-repeat-box .sheet-cc-row button[name='act_primary_ammo'], .sheet-cc-row .sheet-repeat-box button[name='act_primary_ammo'], .sheet-repeat-box .repcontrol button.repcontrol_edit:after, .repcontrol .sheet-repeat-box button.repcontrol_edit:after,
+ .sheet-repeat-box button.sheet-pictos, .sheet-repeat-box .repcontrol button.repcontrol_edit:after, .repcontrol .sheet-repeat-box button.repcontrol_edit:after,
.sheet-repeat-box .repcontrol button.repcontrol_add:after,
.repcontrol .sheet-repeat-box button.repcontrol_add:after, .sheet-repeat-box .itemcontrol button.repcontrol_del, .itemcontrol .sheet-repeat-box button.repcontrol_del,
.sheet-repeat-box button.sheet-settings-button {
@@ -1639,24 +1869,6 @@ div.sheet-htab {
text-align: center;
width: 10%; }
-/***** COLLAPSABLE DIVS *****/
-.sheet-collapsable {
- padding-left: 1.5em;
- width: 100%;
- word-break: break-word; }
- .sheet-collapsable span {
- white-space: pre-line; }
- .sheet-display-flag:checked ~ .sheet-collapsable .sheet-desc-lifestyle {
- width: 100%; }
-
-/***** DISPLAY FLAG FOR THE COLLAPSABLE DIVS *****/
-.sheet-quality-box .sheet-display-flag, .sheet-contacts .sheet-display-flag, .sheet-social-box .sheet-display-flag, .sheet-vehicle-box .sheet-display-flag, div.sheet-augs div.sheet-repeat-box .sheet-display-flag {
- opacity: 0;
- position: absolute;
- top: 0px;
- width: 90%;
- height: 100%; }
-
/***** DISPLAY ROWS *****/
.sheet-display-row {
display: inline-block;
@@ -1667,14 +1879,6 @@ div.sheet-htab {
.sheet-display-row:nth-of-type(1), .sheet-display-row:nth-of-type(1) button {
text-align: left; }
-/***** DISPLAY & SETTINGS *****/
-.sheet-skills-row, .sheet-contacts .sheet-display,
-.sheet-contacts .sheet-settings div, .sheet-item-box .sheet-display,
-.sheet-item-box .sheet-settings div,
-.sheet-lifestyle .sheet-settings div {
- display: inline-block;
- width: 100%; }
-
/***** MATRIX *****/
.sheet-matrix select.sheet-skill-select {
width: 26.5%; }
@@ -1697,13 +1901,6 @@ div.sheet-htab {
vertical-align: top; }
/***** CYBERDECK *****/
-.sheet-cyberdeck button {
- font-weight: bold; }
- .sheet-cyberdeck button input[name="attr_flag"] {
- position: absolute; }
- .sheet-cyberdeck button input[name="attr_flag"] + span {
- position: absolute; }
-
.sheet-cyberdeck h3 {
line-height: 20px; }
.sheet-cyberdeck h3[data-i18n="total"] {
@@ -1737,11 +1934,6 @@ div.sheet-htab {
margin-right: 1%; }
/**** MATRIX BUBBLES ****/
-.sheet-pc .sheet-device-attr {
- display: inline; }
- .sheet-pc .sheet-device-attr span {
- position: relative; }
-
.sheet-matrix-tot {
display: inline-block;
height: 20px;
@@ -1850,15 +2042,8 @@ div.sheet-htab {
.sheet-edg-hex,
.sheet-con-hex {
position: relative;
- top: -60px; }
- .sheet-edg-hex .sheet-edg-hex input[type='checkbox'],
- .sheet-edg-hex .sheet-con-hex input[type='radio'],
- .sheet-con-hex .sheet-edg-hex input[type='checkbox'],
- .sheet-con-hex .sheet-con-hex input[type='radio'] {
- height: 20px;
- margin-right: -21px;
- top: -9px;
- width: 20px; }
+ top: -60px;
+ transition: transform .2s; }
.sheet-edg-hex input[type='checkbox'],
.sheet-con-hex input[type='radio'] {
@@ -1869,6 +2054,9 @@ div.sheet-htab {
opacity: 0;
z-index: 2;
position: relative; }
+ .sheet-edg-hex input[type='checkbox']:hover + span,
+ .sheet-con-hex input[type='radio']:hover + span {
+ transform: scale(1.3); }
.sheet-hexagon {
display: inline-block;
@@ -1911,7 +2099,6 @@ div.sheet-htab {
border-top-color: #9a9a9a; }
.sheet-edg-hex input[type='checkbox']:checked + .sheet-hexagon,
-.sheet-con-hex input[type='radio'] + .sheet-hexagon,
.sheet-con-hex input[type='radio']:checked + .sheet-hexagon {
background-color: #222; }
@@ -2360,77 +2547,6 @@ span.sheet-d6 {
/************************************************************************/
/* DISPLAY SETTINGS
============================= */
-.sheet-pc div.sheet-skill-box input[name='attr_specialization'][value=' '] ~ div.sheet-buttons button[name*='specialization'],
-.sheet-pc div.sheet-skill-box input[name='attr_specialization'][value=''] ~ div.sheet-buttons button[name*='specialization'], .sheet-pc div.sheet-magic input.sheet-magic-toggle[value='rituals'] ~ .sheet-headers h2:nth-of-type(1n+2), .sheet-collapsable .sheet-desc, .sheet-collapsable .sheet-desc-lifestyle, .sheet-matrix,
-.sheet-magic,
-.sheet-resonance,
-.sheet-optional,
-.sheet-textboxes,
-.sheet-optional-flag[value='0'] + .sheet-attr-header,
-.sheet-category + div,
-.sheet-category + div + div, .sheet-npc, .sheet-pc, .sheet-arms, .sheet-augs, .sheet-core, .sheet-gear, .sheet-options, .sheet-social, .sheet-vehicle, .sheet-skills-active,
-.sheet-skills-know,
-.sheet-skills-lang, .sheet-magic-spells, .sheet-magic-preps, .sheet-magic-rituals, .sheet-quality, .sheet-martial, div.sheet-collapse,
-.sheet-settings, input.sheet-settings-toggle:checked ~ div.sheet-display,
-input.sheet-settings-toggle:checked ~ .sheet-attr-col .sheet-attr-und div.sheet-display,
-input.sheet-settings-toggle ~ .sheet-attr-lim div.sheet-settings,
-input.sheet-settings-toggle:checked ~ .sheet-attr-lim div.sheet-display,
-input.sheet-settings-toggle[value='settings'] ~ div.sheet-display,
-input.sheet-settings-toggle[value='display'] ~ div.sheet-settings,
-input.sheet-settings-toggle[value='display'] ~ div.sheet-settings-grid, input.sheet-settings-toggle[value='display'] ~ .sheet-settings, .sheet-hide-magic, .sheet-hide-resonance, div.sheet-weapon-range,
-div.sheet-weapon-melee, .sheet-grunt, .sheet-host, .sheet-sprite, input[name='attr_sheet_type'][value='host'] ~ .sheet-npc .sheet-column:nth-of-type(2),
-input[name='attr_sheet_type'][value='sprite'] ~ .sheet-npc .sheet-column:nth-of-type(1n+2), input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-hide-magic,
-input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-hide-resonance,
-input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-grunt.sheet-hide-magic,
-input[name='attr_flag_special'][value='mundane'] ~ div.sheet-npc .sheet-grunt.sheet-hide-resonance,
-input[name='attr_flag_special'][value='resonance'] ~ div.sheet-npc .sheet-hide-magic,
-input[name='attr_flag_special'][value='resonance'] ~ div.sheet-npc .sheet-grunt.sheet-hide-magic,
-input[name='attr_flag_special'][value='magic'] ~ div.sheet-npc .sheet-hide-resonance,
-input[name='attr_flag_special'][value='magic'] ~ div.sheet-npc .sheet-grunt.sheet-hide-resonance,
-input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-attribute .sheet-settings.sheet-hide-magic,
-input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-attribute .sheet-settings.sheet-hide-resonance,
-input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body .sheet-settings.sheet-hide-magic,
-input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body .sheet-settings.sheet-hide-resonance, input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body input[type='hidden'][value=''] + div.sheet-textrow, input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body input[type='hidden'][value=''] + div.sheet-rows.sheet-grunt, input[name='attr_specialization'][value=''] ~ button[name*='specialization'],
-input[name='attr_specialization'][value=' '] ~ button[name*='specialization'],
-input[name='attr_specialization'][value=''] ~ div.sheet-row-long div.sheet-buttons button[name*='specialization'],
-input[name='attr_specialization'][value=' '] ~ div.sheet-row-long div.sheet-buttons button[name*='specialization'], input[name='attr_weapon_range'][value='range'] ~ div.sheet-settings h2[data-i18n='reach'],
-input[name='attr_weapon_range'][value='range'] ~ div.sheet-settings label[data-i18n-title='reach'], input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings h2[data-i18n='modes'],
-input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings h2[data-i18n='recoil'],
-input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings h2[data-i18n='ammo'],
-input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings label[data-i18n-title='modes'],
-input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings label[data-i18n-title='recoil'],
-input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings label[data-i18n-title='ammo'],
-input[name='attr_weapon_range'][value='melee'] ~ div.sheet-settings span, input[name='attr_category']:not([value='Combat']) ~ h2[data-i18n='combat'],
-input[name='attr_category']:not([value='Combat']) ~ h2[data-i18n='dam'],
-input[name='attr_category']:not([value='Combat']) ~ select[name='attr_combat_type'],
-input[name='attr_category']:not([value='Combat']) ~ label[data-i18n-title='dam'] {
- display: none; }
-
-.sheet-display-flag:checked ~ .sheet-collapsable .sheet-desc, .sheet-tab-switch[value='active'] ~ .sheet-skills-active,
-.sheet-tab-switch[value='knowledge'] ~ .sheet-skills-know,
-.sheet-tab-switch[value='language'] ~ .sheet-skills-lang, .sheet-magic-toggle[value='spells'] ~ .sheet-magic-spells, .sheet-magic-toggle[value='preps'] ~ .sheet-magic-preps, .sheet-magic-toggle[value='rituals'] ~ .sheet-magic-rituals, .sheet-tab-switch[value='quality'] ~ .sheet-quality, .sheet-tab-switch[value='martial'] ~ .sheet-martial {
- display: inline; }
-
-.sheet-pc h2, .sheet-pc h3, .sheet-pc .sheet-tabs, .sheet-pc div.sheet-skill-box div.sheet-row-long, .sheet-npc div.sheet-tabs, .sheet-npc div.sheet-mid, input[name='attr_sheet_type'][value='grunt'] ~ .sheet-npc .sheet-attribute.sheet-grunt, input[name='attr_sheet_type'][value='host'] ~ .sheet-npc .sheet-attribute.sheet-host, input[name='attr_sheet_type'][value='sprite'] ~ .sheet-npc .sheet-attribute.sheet-sprite, input[name='attr_sheet_type'][value='vehicle'] ~ .sheet-npc .sheet-attribute.sheet-vehicle {
- display: inline-grid; }
-
-.sheet-pictos, .sheet-settings-toggle input[type='checkbox'] + span,
-.sheet-settings-flag input[type='checkbox'] + span, .sheet-flag-primary + div > span, .sheet-cc-row button[name*='shots'], .sheet-cc-row button[name='act_reload'], .sheet-cc-row button[name='act_primary_ammo'], .repcontrol .repcontrol_edit:after,
-.repcontrol .repcontrol_add:after, .itemcontrol .repcontrol_del {
- font-family: 'Pictos'; }
-
-.sheet-display-flag:checked ~ .sheet-collapsable .sheet-desc-lifestyle, .sheet-optional-flag:not([value='0']) + .sheet-optional, .sheet-npc div.sheet-mid div.sheet-column, input[name='attr_sheet_type']:not([value='pc']) ~ .sheet-npc,
-input[name='attr_sheet_type'][value='pc'] ~ .sheet-pc, .sheet-options_toggle[value='arms'] ~ .sheet-arms, .sheet-options_toggle[value='augs'] ~ .sheet-augs, .sheet-options_toggle[value='core'] ~ .sheet-core, .sheet-options_toggle[value='gear'] ~ .sheet-gear, .sheet-options_toggle[value='options'] ~ .sheet-options, .sheet-options_toggle[value='social'] ~ .sheet-social, .sheet-options_toggle[value='magic'] ~ .sheet-magic, .sheet-options_toggle[value='matrix'] ~ .sheet-matrix, .sheet-options_toggle[value='vehicle'] ~ .sheet-vehicle, input[name='attr_stats_toggle'][value='settings'] ~ .sheet-attribute .sheet-settings,
-input[name='attr_stats_toggle'][value='settings'] ~ .sheet-body .sheet-column .sheet-settings,
-input[name='attr_stats_toggle'][value='settings'] ~ .sheet-body .sheet-textrow .sheet-settings, input.sheet-settings-toggle[value='settings'] ~ .sheet-settings, .sheet-character-type[value='magic'] ~ .sheet-pc .sheet-pc-row .sheet-attr-col .sheet-hide-magic, input[name='attr_flag_special'][value='magic'] ~ .sheet-npc .sheet-hide-magic, .sheet-character-type[value='resonance'] ~ .sheet-pc .sheet-pc-row .sheet-attr-col .sheet-hide-resonance, input[name='attr_flag_special'][value='resonance'] ~ .sheet-npc .sheet-hide-resonance, input.sheet-tab-switch[value='range'] ~ .sheet-weapon-range,
-input.sheet-tab-switch[value='melee'] ~ .sheet-weapon-melee, input[name='attr_sheet_type'][value='grunt'] ~ .sheet-npc .sheet-rows.sheet-grunt,
-input[name='attr_sheet_type'][value='grunt'] ~ .sheet-npc .sheet-textrow.sheet-grunt, input[name='attr_sheet_type'][value='host'] ~ .sheet-npc .sheet-rows.sheet-host,
-input[name='attr_sheet_type'][value='host'] ~ .sheet-npc .sheet-textrow.sheet-host, input[name='attr_sheet_type'][value='sprite'] ~ .sheet-npc .sheet-rows.sheet-sprite,
-input[name='attr_sheet_type'][value='sprite'] ~ .sheet-npc .sheet-textrow.sheet-sprite, input[name='attr_sheet_type'][value='vehicle'] ~ .sheet-npc .sheet-rows.sheet-vehicle,
-input[name='attr_sheet_type'][value='vehicle'] ~ .sheet-npc .sheet-textrow.sheet-vehicle, input[name='attr_flag_matrix'][value='matrix'] ~ div.sheet-matrix,
-.sheet-static {
- display: inline-block; }
-
/***** PC AND NPC *****/
/***** TABS *****/
/***** SWITCH BETWEEN DIFFERENT TABS *****/
@@ -2451,9 +2567,6 @@ input.sheet-settings-toggle:checked ~ .sheet-attr-lim div.sheet-settings {
input.sheet-settings-flag:checked ~ div.sheet-settings {
display: inherit; }
-input.sheet-collapse-flag:checked ~ div.sheet-collapse {
- display: block; }
-
/* OLD WAY TO SHOW & HIDE THINGS */
/***** PC WEAPONS *****/
/***** NPC TYPES *****/
@@ -2463,13 +2576,11 @@ input[name='attr_stats_toggle']:not([value='settings']) ~ div.sheet-body div.she
.sheet-pc .sheet-tabs input[value*='arms'] ~ button[name*='arms'], .sheet-pc .sheet-tabs input[value*='augs'] ~ button[name*='augs'], .sheet-pc .sheet-tabs input[value*='core'] ~ button[name*='core'], .sheet-pc .sheet-tabs input[value*='gear'] ~ button[name*='gear'], .sheet-pc .sheet-tabs input[value*='options'] ~ button[name*='options'], .sheet-pc .sheet-tabs input[value*='social'] ~ button[name*='social'], .sheet-pc .sheet-tabs input[value*='magic'] ~ button[name*='magic'], .sheet-pc .sheet-tabs input[value*='matrix'] ~ button[name*='matrix'], .sheet-pc .sheet-tabs input[value*='vehicle'] ~ button[name*='vehicle'] {
background-color: #610b0d;
- box-shadow: inset 0px 0px 3px 1px #e31715;
- color: #fff; }
+ box-shadow: inset 0px 0px 3px 1px #e31715; }
/*****************************************************************************************/
/**************************************** FOOTER ****************************************/
/***************************************************************************************/
-/**** Footer ****/
.sheet-footer {
border: none;
font-size: 0.55em;
@@ -2497,19 +2608,18 @@ div.sheet-footer img {
display: inline-block;
vertical-align: top;
min-height: 27px; }
-
-.repcontrol .btn {
- background: none;
- border: medium none;
- box-shadow: none;
- color: transparent !important;
- display: inline-block;
- font-size: 15px;
- margin-left: 10px;
- outline: 0;
- padding: 0px 0px 0px 0px;
- text-shadow: none;
- width: 25px; }
+ .repcontrol .btn {
+ background: none;
+ border: medium none;
+ box-shadow: none;
+ color: transparent !important;
+ display: inline-block;
+ font-size: 15px;
+ margin-left: 10px;
+ outline: 0;
+ padding: 0px;
+ text-shadow: none;
+ width: 25px; }
.repcontrol .repcontrol_edit:after,
.repcontrol .repcontrol_add:after {
@@ -2532,7 +2642,7 @@ div.sheet-footer img {
.repcontrol .repcontrol_edit:after,
.repcontrol .repcontrol_add:after {
- color: #000;
+ color: #040404;
position: relative; }
.sheet-npc .repcontrol .repcontrol_edit:after,
@@ -2556,48 +2666,63 @@ div.sheet-footer img {
width: 18px; }
.itemcontrol .repcontrol_del {
- background-color: darkred; }
+ background-color: #610b0d; }
/********************************************************************************************************/
/**************************************** Roll template *******************************************/
/********************************************************************************************************/
.sheet-rolltemplate-rolls div.sheet-template-body {
- border: 2px solid #000 !important;
+ border: 2px solid #040404 !important;
border-radius: 3px 3px 3px 3px; }
.sheet-rolltemplate-rolls .sheet-template-header {
- background-color: #431714;
- border: 1px solid #000;
- border-bottom: 2px solid #000;
- box-shadow: inset 0px 0px 3px 1px #000;
+ background-color: #610b0d;
+ border: 1px solid #040404;
+ border-bottom: 2px solid #040404;
+ box-shadow: inset 0px 0px 3px 1px #040404;
color: #fff;
font-size: 1.5em;
font-variant: small-caps;
- font-weight: bold;
letter-spacing: 2px;
- padding: 8px 0px 3px 0px;
+ padding: 3px 0px 5px 0px;
text-align: center;
- text-transform: capitalize; }
-
-.sheet-rolltemplate-rolls .sheet-template-header span {
- font-family: 'tahoma';
- font-size: 0.5em;
- font-weight: normal;
- font-variant: normal;
- letter-spacing: 1px; }
+ text-transform: capitalize;
+ font-weight: bold; }
+ .sheet-rolltemplate-rolls .sheet-template-header h1 {
+ font-size: 1em;
+ color: #fff;
+ line-height: 1em; }
+ .sheet-rolltemplate-rolls .sheet-template-header span {
+ font-family: 'tahoma';
+ font-size: 0.5em;
+ font-variant: normal;
+ letter-spacing: 1px; }
.sheet-rolltemplate-rolls .sheet-template-row {
color: #fff;
text-align: center;
font-size: 18px;
- background-color: #555;
- box-shadow: inset 0px 0px 3px 1px #000;
+ background-color: #1c1c1c;
+ box-shadow: inset 0px 0px 3px 1px #040404;
line-height: 1.1em;
font-family: 'helvetica';
padding: 5px 5px 3px 5px; }
-
-.sheet-rolltemplate-rolls .sheet-template-row:nth-child(2n+0) {
- background-color: #1c1c1c; }
+ .sheet-rolltemplate-rolls .sheet-template-row:nth-child(2n+0) {
+ background-color: #555; }
+ .sheet-rolltemplate-rolls .sheet-template-row a[href^="~"] {
+ font-family: "dicefontd6";
+ color: #1c1c1c;
+ border: none;
+ box-shadow: outset 0px 0px 3px 1px #040404;
+ font-size: 1.8em;
+ background: none !important;
+ padding: 1px;
+ color: #fff;
+ text-shadow: 1px 1px 2px black, 0 0 25px #1c1c1c, 0 0 5px #1c1c1c; }
+ .sheet-rolltemplate-rolls .sheet-template-row a[href^="~"]:hover, .sheet-rolltemplate-rolls .sheet-template-row a[href^="~"]:focus, .sheet-rolltemplate-rolls .sheet-template-row a[href^="~"]:active {
+ font-weight: bold;
+ color: #fff;
+ text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #610b0d; }
.sheet-rolltemplate-rolls .inlinerollresult {
display: inline-block;
@@ -2768,9 +2893,6 @@ div.sheet-hidden div {
margin-right: 2%;
width: 40%; }
-/********************************************************************************************************/
-/******************************* FireFox *******************************************/
-/******************************************************************************************************/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
@@ -2779,9 +2901,6 @@ input[type=number]::-webkit-inner-spin-button {
input[type=number] {
-moz-appearance: textfield; }
-/********************************************************************************************/
-/***************** French Adjustments ********************************/
-/*******************************************************************************************/
.charsheet.lang-fr .sheet-tab-whisper,
.charsheet.lang-fr .sheet-tab-toggles {
margin-right: 2%; }
diff --git a/Shadowrun5thEdition/Shadowrun5thEdition.html b/Shadowrun5thEdition/Shadowrun5thEdition.html
index 435be2009d..dd8e08e61c 100644
--- a/Shadowrun5thEdition/Shadowrun5thEdition.html
+++ b/Shadowrun5thEdition/Shadowrun5thEdition.html
@@ -1,5 +1,5 @@
-
+
@@ -28,7 +28,7 @@
-
+
@@ -404,7 +404,7 @@
-
-
+
-