mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
5756 lines
264 KiB
CSS
5756 lines
264 KiB
CSS
/********************************************************************************************************/
|
|
/********************************* GLOBAL SETTINGS *******************************************************/
|
|
/********************************************************************************************************/
|
|
/*=============================
|
|
GLOBALS
|
|
=============================*/
|
|
* {
|
|
box-sizing: border-box;
|
|
font-family: sans-serif; }
|
|
|
|
/* Drag and Drop */
|
|
.drop-zone {
|
|
display: none;
|
|
z-index: -1;
|
|
}
|
|
.active-drop-target > .drop-zone {
|
|
display: flex;
|
|
position: fixed;
|
|
z-index: 5;
|
|
background: rgb(128, 128, 128, .7);
|
|
color: white;
|
|
font-size: largest;
|
|
top: 45px;
|
|
bottom: 0px;
|
|
left: 20px;
|
|
right: 30px;
|
|
text-align: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.charsheet button {
|
|
background-image: none !important;
|
|
font-size: 0.8em !important;
|
|
text-shadow: none !important; }
|
|
.charsheet button[type='roll'], .charsheet button[type='action'] {
|
|
white-space: nowrap;
|
|
font-size: 1em;
|
|
margin: 0px !important;
|
|
padding: 1px 2px !important;
|
|
border-bottom: 0.01em solid #666 !important;
|
|
border-bottom-right-radius: 0.01em !important;
|
|
border-color: #b3b3b3 !important;
|
|
border-radius: 0.25em !important;
|
|
border-right: 0.02em solid #333333 !important;
|
|
border-style: outset !important; }
|
|
/*
|
|
.charsheet button[name='act_range_weapon'], button[name='act_soak'], button[name='act_defense'], button[name='act_melee_weapon'], button[name='act_spell'], button[name='act_preparation'], button[name='act_drain'], button[name='act_ritual'], button[name='act_conjuring'], button[name='act_matrix_attack_rating'], button[name='act_matrix_defense_rating'], button[name='act_matrix_device_rating'], button[name='act_matrix_attack'], button[name='act_matrix_sleaze'], button[name='act_matrix_data_processing'], button[name='act_matrix_firewall'], button[name='act_fade'],
|
|
.charsheet button[name='roll_range_weapon'], button[name='roll_soak'], button[name='roll_defense'], button[name='roll_melee_weapon'], button[name='roll_spell'], button[name='roll_preparation'], button[name='roll_drain'], button[name='roll_ritual'], button[name='roll_conjuring'], button[name='roll_matrix_attack_rating'], button[name='roll_matrix_defense_rating'], button[name='roll_matrix_device_rating'], button[name='roll_matrix_attack'], button[name='roll_matrix_sleaze'], button[name='roll_matrix_data_processing'], button[name='roll_matrix_firewall'], button[name='roll_fade'],
|
|
*/
|
|
.charsheet button[name^="act_"], .charsheet button[name$="_chat"],
|
|
.charsheet button[name^="roll_"] {
|
|
color: #460141 !important; }
|
|
.charsheet button[specname=''] {
|
|
display: none !important; }
|
|
.charsheet button:before {
|
|
display: none; }
|
|
.charsheet button:hover, button:focus, button:active {
|
|
font-weight: bold !important; }
|
|
.charsheet button > span {
|
|
display: block !important;
|
|
overflow: hidden !important;
|
|
width: 100% !important; }
|
|
|
|
.charsheet .nuyen {
|
|
font-size: 1.5em !important;
|
|
vertical-align: middle; }
|
|
|
|
.shots {
|
|
text-align: center !important;
|
|
}
|
|
|
|
img.shadowrun-logo {
|
|
display: block !important;
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
|
|
/* =============================== *
|
|
* [Object] Modal *
|
|
* =============================== */
|
|
.modal {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
text-align: left;
|
|
background: rgba(0,0,0, .9);
|
|
transition: opacity .25s ease;
|
|
}
|
|
.modal__bg {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
cursor: pointer;
|
|
}
|
|
.modal-state {
|
|
display: none;
|
|
}
|
|
.modal-state:checked + .modal {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
display: inline;
|
|
}
|
|
.modal-state:checked + .modal .modal__inner {
|
|
top: 0;
|
|
}
|
|
.modal__inner {
|
|
transition: top .25s ease;
|
|
position: absolute;
|
|
top: -20%;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 50%;
|
|
margin: auto;
|
|
overflow: auto;
|
|
background: #fff;
|
|
border-radius: 5px;
|
|
padding: 1em 2em;
|
|
height: 50%;
|
|
}
|
|
.modal__close {
|
|
position: absolute;
|
|
right: 1em;
|
|
top: 1em;
|
|
width: 1.1em;
|
|
height: 1.1em;
|
|
cursor: pointer;
|
|
}
|
|
.modal__close:after,
|
|
.modal__close:before {
|
|
content: '';
|
|
position: absolute;
|
|
width: 2px;
|
|
height: 1.5em;
|
|
background: #ccc;
|
|
display: block;
|
|
transform: rotate(45deg);
|
|
left: 50%;
|
|
margin: -3px 0 0 -1px;
|
|
top: 0;
|
|
}
|
|
.modal__close:hover:after,
|
|
.modal__close:hover:before {
|
|
background: #aaa;
|
|
}
|
|
.modal__close:before {
|
|
transform: rotate(-45deg);
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
.modal__inner {
|
|
width: 90%;
|
|
height: 90%;
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
/* =============================== *
|
|
* End [Object] Modal *
|
|
* =============================== */
|
|
|
|
|
|
|
|
|
|
|
|
/*vvv Thanks to Scott C. for the sticky sheet tabs and images on tabs examples! vvv*/
|
|
ul.nav-tabs.nav{
|
|
position:sticky;
|
|
top:0;
|
|
background-color:white;
|
|
z-index:9999;
|
|
}
|
|
|
|
.sheet-darkmode .characterviewer label {
|
|
color: black;
|
|
}
|
|
|
|
.sheet-darkmode .characterviewer > ul.nav-tabs > li.active > a[data-tab="charsheet"],
|
|
.sheet-darkmode .characterviewer > ul.nav-tabs > li > a[data-tab="charsheet"]:hover {
|
|
color: transparent;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.sheet-darkmode ul.nav-tabs.nav {
|
|
position:sticky;
|
|
top:0;
|
|
background-color: var(--dark-surface1);
|
|
z-index:9999;
|
|
}
|
|
|
|
.sheet-darkmode .pc {
|
|
background-color: var(--dark-surface1);
|
|
}
|
|
|
|
.sheet-darkmode .footer {
|
|
color: var(--dark-primarytext);
|
|
}
|
|
|
|
.sheet-darkmode .npc .h2, .sheet-darkmode #SR6WE .tabs h2 {
|
|
color: #460141;
|
|
}
|
|
|
|
.sheet-darkmode .sheetform {
|
|
background-color: var(--dark-surface1);
|
|
}
|
|
|
|
.sheet-darkmode .pc {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.sheet-darkmode #SR6WE .tabs h1 {
|
|
color: #460141;
|
|
}
|
|
|
|
.characterviewer > ul.nav-tabs a[data-tab="charsheet"]{
|
|
background-image: url('https://s3.amazonaws.com/files.d20.io/images/252927179/dk_gNz7UgJ3tNkDrGfmxTg/max.png?1635547712');
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
color: transparent;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a[data-tab="charsheet"] {
|
|
box-shadow: 0 0 5px white;
|
|
}
|
|
/*^^^ Thanks to Scott C. for the sticky sheet tabs and images on tabs examples! ^^^*/
|
|
|
|
.charsheet .row:before,
|
|
.charsheet .row:after {
|
|
display: unset;
|
|
content: unset;
|
|
clear: unset; }
|
|
.charsheet fieldset {
|
|
background: transparent !important; }
|
|
|
|
.charsheet hr {
|
|
border: 0.5px solid #555 !important; }
|
|
|
|
.charsheet label {
|
|
display: inline-block;
|
|
font-size: 0.9em !important;
|
|
margin-bottom: 0px !important;
|
|
padding-right: 5px !important;
|
|
text-transform: capitalize !important;
|
|
width: auto; }
|
|
|
|
.charsheet input {
|
|
background-color: #9a9a9a;
|
|
color: #040404;
|
|
border: none;
|
|
cursor: auto;
|
|
font-weight: normal;
|
|
margin: 0px;
|
|
text-align: center;
|
|
vertical-align: middle; }
|
|
.charsheet input[type='text'], input[type='number'] {
|
|
border: 1px dotted #555 !important;
|
|
height: 20px !important; }
|
|
.charsheet input[type='text']:hover, input[type='text']:focus, input[type='number']:hover, input[type='number']:focus {
|
|
background-color: #d2d1cd !important;
|
|
color: #1c1c1c !important; }
|
|
.charsheet input[type='text']:placeholder-shown, input[type='number']:placeholder-shown {
|
|
background-color: rgba(28, 28, 28, 0.14902);
|
|
color: white !important; }
|
|
.charsheet input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none !important;
|
|
margin: 0 !important; }
|
|
|
|
.charsheet select {
|
|
border-radius: 2px !important;
|
|
border: 1px solid #000 !important;
|
|
box-shadow: inset 0px 0px 3px 1px #7c7c7c !important;
|
|
margin-bottom: 0px !important;
|
|
width: auto !important; }
|
|
|
|
.charsheet span {
|
|
word-break: break-word !important; }
|
|
|
|
.charsheet span[name='attr_notes'] {
|
|
white-space: pre-wrap; }
|
|
|
|
.charsheet textarea {
|
|
border-radius: 2px !important;
|
|
border: 1px solid #000 !important;
|
|
box-shadow: inset 0px 0px 3px 1px #7c7c7c !important;
|
|
height: 50px !important;
|
|
overflow-wrap: break-word !important;
|
|
overflow: hidden !important;
|
|
resize: vertical !important;
|
|
vertical-align: top !important;
|
|
white-space: pre-line !important; }
|
|
|
|
.charsheet {
|
|
width: 850px !important; }
|
|
|
|
.red {
|
|
color: #460141 !important; }
|
|
|
|
.text-align-center {
|
|
text-align: center !important; }
|
|
|
|
input[name='attr_stats_toggle'],
|
|
input[name='attr_stats_toggle'] + span {
|
|
position: relative !important; }
|
|
|
|
input[name='attr_stats_toggle'] {
|
|
opacity: 0 !important;
|
|
z-index: 2 !important; }
|
|
|
|
/* SWITCHES
|
|
============================= */
|
|
/* The switch - the box around the slider */
|
|
.switch {
|
|
position: relative !important;
|
|
display: inline-block !important;
|
|
width: 50px !important;
|
|
height: 24px !important; }
|
|
|
|
/* Hide default HTML checkbox */
|
|
.switch input {
|
|
opacity: 0 !important;
|
|
width: 0 !important;
|
|
height: 0 !important; }
|
|
|
|
/* The slider */
|
|
.slider {
|
|
-webkit-transition: .4s !important;
|
|
background-color: #ccc !important;
|
|
border-radius: 34px !important;
|
|
bottom: 0 !important;
|
|
cursor: pointer !important;
|
|
left: 0 !important;
|
|
position: absolute !important;
|
|
right: 0 !important;
|
|
top: 0 !important;
|
|
transition: .4s !important; }
|
|
|
|
.slider:before {
|
|
-webkit-transition: .4s !important;
|
|
background-color: white !important;
|
|
border-radius: 50% !important;
|
|
bottom: 4px !important;
|
|
content: "" !important;
|
|
height: 16px !important;
|
|
left: 4px !important;
|
|
position: absolute !important;
|
|
transition: .4s !important;
|
|
width: 16px !important; }
|
|
|
|
input:checked + .slider {
|
|
background-color: #460141 !important; }
|
|
|
|
input:focus + .slider {
|
|
box-shadow: 0 0 1px #9a9a9a !important; }
|
|
|
|
input:checked + .slider:before {
|
|
-webkit-transform: translateX(26px) !important;
|
|
-ms-transform: translateX(26px) !important;
|
|
transform: translateX(26px) !important; }
|
|
|
|
/* MIXIN
|
|
============================= */
|
|
/***** TABS FOR SHEETS *****/
|
|
.tabs button[type='action']:not(.icon) {
|
|
background-color: #333 !important;
|
|
border-radius: 2px !important;
|
|
border: 1px solid #000 !important;
|
|
box-shadow: inset 0px 0px 3px 1px #7c7c7c !important;
|
|
color: #fff !important;
|
|
font-size: 1em !important;
|
|
font-weight: bolder !important;
|
|
text-transform: capitalize !important;
|
|
padding: 5px !important; }
|
|
.tabs button[type='action'].pictos, .tabs .cc-row button[type='action'][name*='shots'], .cc-row .tabs button[type='action'][name*='shots'], .tabs .cc-row button[type='action'][name='act_reload'], .cc-row .tabs button[type='action'][name='act_reload'], .tabs .cc-row button[type='action'][name='act_primary_ammo'], .cc-row .tabs button[type='action'][name='act_primary_ammo'], .tabs .repcontrol button[type='action'].repcontrol_edit:after, .repcontrol .tabs button[type='action'].repcontrol_edit:after,
|
|
.tabs .repcontrol button[type='action'].repcontrol_add:after,
|
|
.repcontrol .tabs button[type='action'].repcontrol_add:after, .tabs .itemcontrol button[type='action'].repcontrol_del, .itemcontrol .tabs button[type='action'].repcontrol_del {
|
|
text-transform: lowercase !important; }
|
|
.tabs button[name='d6'],
|
|
.tabs button[name='act_d6'],
|
|
.d6 {
|
|
width: auto !important;
|
|
background: none !important;
|
|
text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141 !important;
|
|
border: none !important;
|
|
color: #fff !important;
|
|
font-family: 'dicefontd6' !important;
|
|
font-size: 2.5em !important;
|
|
vertical-align: middle; }
|
|
.tabs button[name='act_extended_start'] {
|
|
width: auto !important;
|
|
background: none !important;
|
|
text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141 !important;
|
|
border: none !important;
|
|
color: #fff !important;
|
|
font-family: 'Pictos' !important;
|
|
font-size: 2.5em !important;
|
|
vertical-align: middle; }
|
|
.tabs button[type='roll']:hover,
|
|
.tabs button[type='action']:hover {
|
|
text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141 !important; }
|
|
.tabs h2 {
|
|
font-size: 1em !important;
|
|
text-transform: capitalize !important;
|
|
text-align: right !important;
|
|
line-height: 2em !important;
|
|
margin-right: 5% !important; }
|
|
|
|
/***** TABS FOR SHEETS *****/
|
|
.settings-toggle input,
|
|
.settings-flag input {
|
|
width: 3em !important; }
|
|
.settings-toggle input[type='checkbox'] + span,
|
|
.settings-flag input[type='checkbox'] + span {
|
|
background: transparent !important;
|
|
font-size: 20px !important;
|
|
height: 20px !important;
|
|
text-align: center !important;
|
|
width: 20px !important; }
|
|
|
|
/***** GENERIC STYLES *****/
|
|
.npc div.end div.weapons span[name='attr_weapon_dice'],
|
|
.npc div.end div.spells span[name='attr_dice'],
|
|
.npc div.end div.forms span[name='attr_form_dice'] {
|
|
vertical-align: middle !important; }
|
|
.npc div.end div.weapons span[name='attr_weapon_dice']:before,
|
|
.npc div.end div.spells span[name='attr_dice']:before,
|
|
.npc div.end div.forms span[name='attr_form_dice']:before {
|
|
content: '(' !important; }
|
|
.npc div.end div.weapons span[name='attr_weapon_dice']:after,
|
|
.npc div.end div.spells span[name='attr_dice']:after,
|
|
.npc div.end div.forms span[name='attr_form_dice']:after {
|
|
content: ')' !important; }
|
|
|
|
.npc div.repeating input[name='attr_flag'],
|
|
input.toggle {
|
|
position: absolute !important;
|
|
opacity: 0 !important;
|
|
z-index: 2 !important;
|
|
top: 5px; }
|
|
|
|
.pc input.settings-toggle,
|
|
.pc input.settings-flag,
|
|
.pc input.collapse-flag,
|
|
.pc input[type='radio'],
|
|
input[type='radio'].tab-switch {
|
|
position: relative !important;
|
|
opacity: 0 !important;
|
|
z-index: 2 !important; }
|
|
|
|
.npc div.repeating input[name='attr_flag'] + span {
|
|
opacity: .5 !important;
|
|
position: absolute;
|
|
top: 3px;
|
|
left: 1px; }
|
|
.npc div.repeating input[name='attr_flag']:checked + span {
|
|
opacity: 1 !important; }
|
|
.npc div.repeating input[name='attr_flag']:checked ~ .settings {
|
|
display: inline-grid !important;
|
|
margin-bottom: 2% !important; }
|
|
|
|
.pc div.repeating-container div.repitem, .pc div.repeating-container div.repitem input[type='text'], .pc div.repeating-container div.repitem input[type='number'], .pc div.skill-box label > input, .pc div.skill-box input[name='attr_skill'], .pc div.matrix div.programs div.repitem, .pc div.matrix div.devices div.repitem {
|
|
border-bottom: 1px solid #333 !important; }
|
|
|
|
.center, sheet-center {
|
|
text-align: center !important; }
|
|
.left, sheet-left {
|
|
text-align: left !important; }
|
|
.right, sheet-right {
|
|
text-align: right !important; }
|
|
.bold {
|
|
font-weight: bold; }
|
|
.fleft {
|
|
float: left !important; }
|
|
.fright {
|
|
float: right !important; }
|
|
.purple {
|
|
color: #460141 !important; }
|
|
|
|
select.attribute-select option:nth-of-type(1n+5) {
|
|
color: #460141 !important; }
|
|
select.attribute-select option:nth-of-type(1n+9) {
|
|
color: #7a2593 !important; }
|
|
select.limit-select option:nth-of-type(1n+5) {
|
|
color: #460141 !important; }
|
|
|
|
/*:+:+:+: MATRIX DEVICE :+:+:+:*/
|
|
div.matrix-device button[name*='ttack']:hover {
|
|
color: #cc0701 !important; }
|
|
div.matrix-device button[name*='leaze']:hover {
|
|
color: #007bfc !important; }
|
|
div.matrix-device button[name*='ata']:hover {
|
|
color: #88dd04 !important; }
|
|
div.matrix-device button[name*='irewall']:hover {
|
|
color: #f88703 !important; }
|
|
div.matrix-device input[type='radio'] {
|
|
position: relative !important;
|
|
opacity: 0 !important;
|
|
z-index: 2 !important; }
|
|
div.matrix-device input[type='radio'] + span {
|
|
position: relative !important; }
|
|
div.matrix-device .matrixAttack {
|
|
box-shadow: 0px 0px 29px 8px #cc0701 !important; }
|
|
div.matrix-device .matrixSleaze {
|
|
box-shadow: 0px 0px 29px 8px #007bfc !important; }
|
|
div.matrix-device .matrixData {
|
|
box-shadow: 0px 0px 29px 8px #88dd04 !important; }
|
|
div.matrix-device .matrixFirewall {
|
|
box-shadow: 0px 0px 29px 8px #f88703 !important; }
|
|
|
|
/***** GRID *****/
|
|
.pc div.repeating-container div.repitem,
|
|
.pc div.repeating-container div.repitem div.settings,
|
|
.pc div.core div.quality-box div.quality div.headers,
|
|
.pc div.core div.quality-box div.martial div.headers,
|
|
.pc div.skill-box div.row-long,
|
|
.pc div.arms div.headers,
|
|
.pc div.magic div.headers,
|
|
.pc div.matrix div.complex-forms div.headers,
|
|
.pc div.matrix div.devices div.headers {
|
|
grid-column-gap: 1% !important;
|
|
grid-row-gap: 1% !important; }
|
|
|
|
/******************************************************************************/
|
|
/********************************* VARIABLES *********************************/
|
|
/****************************************************************************/
|
|
/***************************************************************************************/
|
|
/************************** START OF THE PC SHEET *************************************/
|
|
/*************************************************************************************/
|
|
.pc {
|
|
background-color: #fff;
|
|
background-size: cover !important;
|
|
border: 3px solid !important;
|
|
box-shadow: inset 0px 0px 3px 1px #040404 !important;
|
|
margin-left: -1% !important;
|
|
padding-left: 0.5% !important; }
|
|
|
|
#SR6WE .pc button > h2:hover,
|
|
#SR6WE .pc button > span:hover,
|
|
#SR6WE .pc label > button[type='roll']:hover,
|
|
#SR6WE .pc .repeat-box button[type='roll']:hover,
|
|
#SR6WE .pc label > button[type='action']:hover,
|
|
#SR6WE .pc .repeat-box button[type='action']:hover,
|
|
#SR6WE .pc button[data-i18n='default']:hover,
|
|
#SR6WE .npc .attribute button:hover,
|
|
#SR6WE .npc button > h2:hover,
|
|
#SR6WE .npc button > span:hover,
|
|
#SR6WE .npc label > button[type='roll']:hover,
|
|
#SR6WE .npc .repeat-box button[type='roll']:hover,
|
|
#SR6WE .npc label > button[type='action']:hover,
|
|
#SR6WE .npc .repeat-box button[type='action']:hover,
|
|
#SR6WE .npc button[data-i18n='default']:hover {
|
|
color: #fff;
|
|
text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141; }
|
|
#SR6WE .pc .con-track button[type='action']:hover,
|
|
#SR6WE .npc .con-track button[type='action']:hover {
|
|
color: #f00 !important;
|
|
text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141; }
|
|
|
|
.pc h1 {
|
|
background-color: #460141 !important;
|
|
color: #fff;
|
|
font-size: 1em !important;
|
|
letter-spacing: 2px !important;
|
|
line-height: 20px !important;
|
|
padding-left: 5px !important;
|
|
padding-right: 5px !important;
|
|
text-transform: uppercase !important; }
|
|
.pc h2 {
|
|
font-size: 0.9em !important;
|
|
line-height: 25px !important;
|
|
text-transform: capitalize !important; }
|
|
.pc h3 {
|
|
color: rgba(51, 51, 51, 0.59) !important;
|
|
font-size: 0.8em !important;
|
|
text-transform: capitalize !important; }
|
|
.pc hr {
|
|
margin: 7px 0px -2px 0px !important; }
|
|
.pc input {
|
|
border-radius: 0px !important; }
|
|
|
|
/***** PLAYER DATA INPUTS *****/
|
|
#SR6WE .tabs {
|
|
grid-column-gap: 0.25%;
|
|
padding: 0px 1px 3% 1px;
|
|
margin-top: 1%;
|
|
grid-row-gap: 10%; }
|
|
#SR6WE .npc .tabs {
|
|
padding: 0px; }
|
|
|
|
#SR6WE div.tabs {
|
|
width: 100% !important; }
|
|
|
|
#SR6WE .tabs h1 {
|
|
background-color: transparent !important;
|
|
color: #000;
|
|
display: inline-block !important;
|
|
font-size: 1em !important;
|
|
letter-spacing: 2px !important;
|
|
line-height: 20px !important;
|
|
margin-left: 5% !important;
|
|
text-align: right !important;
|
|
text-transform: uppercase !important; }
|
|
|
|
|
|
|
|
#SR6WE .pc .tabs .header-toggles {
|
|
display: grid !important;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto !important;
|
|
width: 100% !important;
|
|
height: 30px !important; }
|
|
|
|
#SR6WE .tabs h2[data-i18n-title='whispergm'] {
|
|
width: 75px !important;
|
|
vertical-align: middle;
|
|
margin-right: 0px !important; }
|
|
#SR6WE .tabs label[data-i18n-title='whispergm'] {
|
|
width: 50px !important;
|
|
vertical-align: middle;
|
|
margin-right: 0px !important; }
|
|
|
|
#SR6WE .tabs h2[data-i18n-title='wounds'] {
|
|
width: 75px !important;
|
|
vertical-align: middle;
|
|
margin-right: 0px !important; }
|
|
#SR6WE .tabs label[data-i18n-title='wounds'] {
|
|
width: 50px !important;
|
|
vertical-align: middle;
|
|
margin-right: 0px !important; }
|
|
|
|
#SR6WE .tabs h2[data-i18n-title='dicepoolmodifiers'] {
|
|
width: 75px !important;
|
|
vertical-align: middle;
|
|
margin-right: 0px !important; }
|
|
#SR6WE .tabs label[data-i18n-title='dicepoolmodifiers'] {
|
|
width: 50px !important;
|
|
vertical-align: middle;
|
|
margin-right: 0px !important; }
|
|
|
|
#SR6WE .tabs h2[data-i18n-title='addedgetodicepool'] {
|
|
width: 75px !important;
|
|
vertical-align: middle;
|
|
margin-right: 0px !important; }
|
|
#SR6WE .tabs label[data-i18n-title='addedgetodicepool'] {
|
|
width: 50px !important;
|
|
vertical-align: middle;
|
|
margin-right: 0px !important; }
|
|
|
|
#SR6WE .tabs h2[data-i18n-title='wilddie'] {
|
|
width: 75px !important;
|
|
vertical-align: middle;
|
|
margin-right: 0px !important; }
|
|
#SR6WE .tabs label[data-i18n-title='wilddie'] {
|
|
width: 50px !important;
|
|
vertical-align: middle;
|
|
margin-right: 0px !important; }
|
|
|
|
|
|
/* PC Specific */
|
|
#SR6WE .pc .tabs .header-names {
|
|
display: grid !important;
|
|
grid-template-columns: 10em 1fr 10em 1fr !important;
|
|
width: 100% !important;
|
|
height: 30px !important;
|
|
align-items: center !important; }
|
|
|
|
#SR6WE .pc .tabs h1[data-i18n='character'] {
|
|
margin-left: 0px !important;
|
|
text-align: left !important;
|
|
padding-left: 10px !important; }
|
|
}
|
|
|
|
#SR6WE .pc .tabs h1[data-i18n='player'] {
|
|
margin-left: 0px !important;
|
|
text-align: right !important;
|
|
padding-right: 10px !important; }
|
|
|
|
#SR6WE .pc .tabs label[data-i18n-title='character name'] > input[type='text'], #SR6WE .pc .tabs label[data-i18n-title='player name'] > input[type='text'] {
|
|
font-weight: bolder !important;
|
|
background-color: #e7e6e5 !important;
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
border-bottom: 2px solid #fff !important;
|
|
border-radius: 0px !important;
|
|
height: 30px !important;
|
|
width: 100% !important; }
|
|
|
|
#SR6WE .pc .tabs label[data-i18n-title='character name'], #SR6WE .pc .tabs label[data-i18n-title='player name'] {
|
|
}
|
|
|
|
#SR6WE .pc .tabs .header-navtabs {
|
|
display: grid !important;
|
|
grid-template-columns: 1fr 2.5em 2.5em 2.5em repeat(10, 5em) !important;
|
|
vertical-align: middle;
|
|
width: 100% !important;
|
|
right: 0px !important; }
|
|
|
|
#SR6WE .pc .tabs .header-navtabs button {
|
|
width: 5em;
|
|
position: relative !important;
|
|
right: 0px !important; }
|
|
|
|
#SR6WE .pc .tabs .header-navtabs button[name='act_tab_options'], #SR6WE .pc .tabs .header-navtabs button[name='d6'] {
|
|
width: 32.5px !important;
|
|
position: relative !important;
|
|
right: 0px !important; }
|
|
|
|
#SR6WE .pc .tabs .header-toggles {
|
|
display: grid !important;
|
|
grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto !important;
|
|
width: 100% !important;
|
|
height: 30px !important; }
|
|
|
|
|
|
.pc input.settings-toggle + span,
|
|
.pc input.settings-flag + span,
|
|
.pc input.collapse-flag + span,
|
|
.pc input[type='radio'] + span {
|
|
font-family: 'pictos' !important; }
|
|
.npc input.settings-flag:checked + span,
|
|
.npc input.collapse-flag:checked + span,
|
|
.pc input.settings-toggle:checked + span,
|
|
.pc input.settings-flag:checked + span,
|
|
.pc input.collapse-flag:checked + span,
|
|
.pc input[type='radio']:checked + span {
|
|
color: #460141 !important; }
|
|
.pc select {
|
|
height: 1.8em !important;
|
|
padding: 0px !important;
|
|
color: #040404 !important; }
|
|
.pc div.core-info h2 {
|
|
margin-right: 1% !important; }
|
|
.pc div.core-info input[type='text'], .pc div.core-info input[type='number'] {
|
|
background-color: transparent !important;
|
|
border: none !important; }
|
|
.pc div.core-info input[type='text']:placeholder-shown, .pc div.core-info input[type='number']:placeholder-shown {
|
|
background-color: rgba(28, 28, 28, 0.14902) !important; }
|
|
.pc input.display-flag {
|
|
position: absolute !important; }
|
|
#SR6WE div.border-box {
|
|
background-image: -moz-linear-gradient(#460141, transparent), -moz-linear-gradient(#460141, transparent) !important;
|
|
background-image: -o-linear-gradient(#460141, transparent), -o-linear-gradient(#460141, transparent) !important;
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#460141), to(transparent)) !important;
|
|
background-image: -webkit-linear-gradient(#460141, transparent) !important;
|
|
background-image: linear-gradient(#460141, transparent), linear-gradient(#460141, transparent) !important;
|
|
border-top: 2px solid #460141;
|
|
clear: both;
|
|
border-top-right-radius: 10px;
|
|
border-top-left-radius: 0px; }
|
|
#SR6WE div.border-box button[type='roll'],
|
|
#SR6WE div.border-box button[type='action'] {
|
|
font-size: 0.8em;
|
|
font-weight: bold !important; }
|
|
#SR6WE div.border-box div.pc-box {
|
|
border-top-right-radius: 10px !important;
|
|
border-top-left-radius: 0px !important; }
|
|
.pc div.repeating-container div.repitem {
|
|
display: inline-grid !important;
|
|
padding: 1% 0.5% !important;
|
|
margin-bottom: 0px !important; }
|
|
.pc div.repeating-container div.repitem button[type='roll'],
|
|
.pc div.repeating-container div.repitem button[type='action'] {
|
|
text-align: left !important; }
|
|
.pc div.repeating-container div.repitem input:nth-of-type(1n+2) {
|
|
text-align: center !important; }
|
|
.pc div.repeating-container div.repitem input[type='text'], .pc div.repeating-container div.repitem input[type='number'] {
|
|
width: 100%; }
|
|
.pc div.repeating-container div.repitem label {
|
|
padding-right: 0px !important; }
|
|
.pc div.repeating-container div.repitem label input[name='attr_name'],
|
|
.pc div.repeating-container div.repitem label input[name='attr_weapon'],
|
|
.pc div.repeating-container div.repitem label input[name='attr_quality'] {
|
|
text-align: left !important; }
|
|
.pc div.repeating-container div.repitem label[data-i18n-title='modifier'] {
|
|
width: 3em !important; }
|
|
.pc div.repeating-container div.repitem div.settings {
|
|
background-color: #cccccc !important;
|
|
border-left: 2px solid #555 !important;
|
|
padding: 2% 1% !important;
|
|
width: 100% !important; }
|
|
.pc div.repeating-container div.repitem div.settings select {
|
|
text-transform: capitalize !important; }
|
|
.pc div.repeating-container div.repitem div.collapse {
|
|
padding-left: 5% !important; }
|
|
.pc div.repitem {
|
|
width: 100% !important; }
|
|
.pc div.repitem input[type='number'] {
|
|
text-align: center !important; }
|
|
.pc div.static {
|
|
margin-right: 0.5% !important; }
|
|
.pc div.static div.border-box,
|
|
.pc div.static div.border-box .pc-box {
|
|
border-top-right-radius: 0px !important; }
|
|
.pc div.core {
|
|
.pc div.core div.armor-buttons {
|
|
display: inline-block !important;
|
|
font-size: 1.5em !important;
|
|
line-height: 20px !important;
|
|
margin-left: 1% !important;
|
|
width: 35% !important; }
|
|
.pc div.core div.armor-buttons button[type='roll'],
|
|
.pc div.core div.armor-buttons button[type='action'] {
|
|
margin-right: -5px !important; }
|
|
.pc div.core div.armor-buttons button[name='roll_defense'] {
|
|
background-color: #555 !important;
|
|
color: #fff !important; }
|
|
.pc div.core div.armor-buttons span {
|
|
font-size: 1em !important; }
|
|
}
|
|
|
|
/***** QUALITIES *****/
|
|
.pc div.core div.quality-box div.htab input[type='radio'] {
|
|
margin-right: -100px !important;
|
|
width: 100px !important; }
|
|
.pc div.core div.quality-box div.header:nth-of-type(2) .htab input[type='radio'] {
|
|
margin-right: -150px !important;
|
|
width: 150px !important; }
|
|
|
|
.pc div.core div.quality-box div.quality h2:nth-of-type(2) {
|
|
text-align: center !important; }
|
|
.pc div.core div.quality-box div.quality div.headers {
|
|
display: grid !important;
|
|
grid-template-columns: 1fr 3em 3em 1em 1.25em 1em !important; }
|
|
.pc div.core div.quality-box div.quality div.repitem {
|
|
grid-template-columns: 1fr 3em 3em 1em 1.25em 1em !important; }
|
|
.pc div.core div.quality-box div.quality div.repitem label[data-i18n-title='notes'],
|
|
.pc div.core div.quality-box div.quality div.repitem h3[data-i18n='notes'],
|
|
.pc div.core div.quality-box div.quality div.repitem label[data-i18n-title='modifications'],
|
|
.pc div.core div.quality-box div.quality div.repitem h3[data-i18n='modifications'],
|
|
.pc div.core div.quality-box div.quality div.repitem div.collapse {
|
|
grid-column: 1 / 7 !important; }
|
|
.pc div.core div.quality-box div.quality div.repitem input.collapse-flag {
|
|
grid-area: 1 / 4 / 1 / 5 !important; }
|
|
.pc div.core div.quality-box div.quality div.repitem input.collapse-flag + span.pictos,
|
|
.pc div.core div.quality-box div.quality div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span,
|
|
.settings-toggle .pc div.core div.quality-box div.quality div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.core div.quality-box div.quality div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .pc div.core div.quality-box div.quality div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.core div.quality-box div.quality div.repitem .flag-primary + div > input.collapse-flag + span,
|
|
.pc div.core div.quality-box div.quality div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.core div.quality-box div.quality div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.pc div.core div.quality-box div.quality div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.core div.quality-box div.quality div.repitem input.collapse-flag + span.repcontrol_add:after,
|
|
.pc div.core div.quality-box div.quality div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.core div.quality-box div.quality div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 4 / 1 / 5 !important; }
|
|
.pc div.core div.quality-box div.quality div.repitem input.settings-flag,
|
|
.pc div.core div.quality-box div.quality div.repitem input.settings-flag + span.pictos,
|
|
.pc div.core div.quality-box div.quality div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .pc div.core div.quality-box div.quality div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.core div.quality-box div.quality div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .pc div.core div.quality-box div.quality div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.core div.quality-box div.quality div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.pc div.core div.quality-box div.quality div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.core div.quality-box div.quality div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.pc div.core div.quality-box div.quality div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.core div.quality-box div.quality div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.pc div.core div.quality-box div.quality div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.core div.quality-box div.quality div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 6 / 1 / 7 !important; }
|
|
.pc div.core div.quality-box div.quality div.repitem div.settings {
|
|
grid-column: 1 / 7 !important;
|
|
grid-template-columns: 1fr 3em 3em 1em 1.25em 1em !important; }
|
|
|
|
|
|
.pc div.core div.quality-box div.martial h2:nth-of-type(2) {
|
|
text-align: center !important; }
|
|
.pc div.core div.quality-box div.martial div.headers {
|
|
display: grid !important;
|
|
grid-template-columns: 2fr 1fr 1.5em 1em 1em !important; }
|
|
.pc div.core div.quality-box div.martial div.repitem {
|
|
grid-template-columns: 2fr 1fr 1.5em 1em 1em !important; }
|
|
.pc div.core div.quality-box div.martial div.repitem label[data-i18n-title='notes'],
|
|
.pc div.core div.quality-box div.martial div.repitem h3[data-i18n='notes'],
|
|
.pc div.core div.quality-box div.martial div.repitem div.collapse {
|
|
grid-column: 1 / 6 !important; }
|
|
.pc div.core div.quality-box div.martial div.repitem input.collapse-flag {
|
|
grid-area: 1 / 4 / 1 / 5 !important; }
|
|
.pc div.core div.quality-box div.martial div.repitem input.collapse-flag + span.pictos, .pc div.core div.quality-box div.martial div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.core div.quality-box div.martial div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.core div.quality-box div.martial div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .pc div.core div.quality-box div.martial div.repitem input[type='checkbox'].collapse-flag + span, .pc div.core div.quality-box div.martial div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.core div.quality-box div.martial div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.core div.quality-box div.martial div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.pc div.core div.quality-box div.martial div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.core div.quality-box div.martial div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.core div.quality-box div.martial div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.core div.quality-box div.martial div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 4 / 1 / 5 !important; }
|
|
.pc div.core div.quality-box div.martial div.repitem input.settings-flag,
|
|
.pc div.core div.quality-box div.martial div.repitem input.settings-flag + span.pictos,
|
|
.pc div.core div.quality-box div.martial div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .pc div.core div.quality-box div.martial div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.core div.quality-box div.martial div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .pc div.core div.quality-box div.martial div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.core div.quality-box div.martial div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.pc div.core div.quality-box div.martial div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.core div.quality-box div.martial div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.pc div.core div.quality-box div.martial div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.core div.quality-box div.martial div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.pc div.core div.quality-box div.martial div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.core div.quality-box div.martial div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 5 / 1 / 6 !important; }
|
|
.pc div.core div.quality-box div.martial div.repitem div.settings {
|
|
grid-column: 1 / 6 !important;
|
|
grid-template-columns: 2fr 1fr 1.5em 1em 1em !important; }
|
|
|
|
|
|
|
|
/***** EFFECTS *****/
|
|
.pc div.attributes-effects div.repitem {
|
|
display: grid;
|
|
grid-template-columns: 1.5em auto 5em 5em 1em 1em; }
|
|
.pc div.attributes-effects div.headers {
|
|
display: grid;
|
|
grid-template-columns: 2em auto 5em 5em 1em 1em; }
|
|
.pc div.attributes-effects div.repitem .settings {
|
|
grid-column: 1 / 7;
|
|
display: grid;
|
|
grid-template-columns: 1.2em auto 5em 5em 1em 1em; }
|
|
|
|
.pc div.attributes-effects div.repitem label[data-i18n-title='notes'],
|
|
.pc div.attributes-effects div.repitem h3[data-i18n='notes'],
|
|
.pc div.attributes-effects div.repitem div.collapse,
|
|
.pc div.attributes-effects div.repitem label[data-i18n-title='modifications'],
|
|
.pc div.attributes-effects div.repitem h3[data-i18n='modifications'] {
|
|
grid-column: 1 / 7; }
|
|
.pc div.attributes-effects div.repitem input.collapse-flag {
|
|
grid-area: 1 / 5 / 1 / 6; }
|
|
.pc div.attributes-effects div.repitem input.collapse-flag + span.pictos, .pc div.attributes-effects div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.attributes-effects div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.attributes-effects div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .pc div.attributes-effects div.repitem input[type='checkbox'].collapse-flag + span, .pc div.attributes-effects div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.attributes-effects div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.attributes-effects div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.pc div.attributes-effects div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.attributes-effects div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.attributes-effects div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.attributes-effects div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 5 / 1 / 6; }
|
|
.pc div.attributes-effects div.repitem input.settings-flag,
|
|
.pc div.attributes-effects div.repitem input.settings-flag + span.pictos,
|
|
.pc div.attributes-effects div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .pc div.attributes-effects div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.attributes-effects div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .pc div.attributes-effects div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.attributes-effects div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.pc div.attributes-effects div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.attributes-effects div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.pc div.attributes-effects div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.attributes-effects div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.pc div.attributes-effects div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.attributes-effects div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 6 / 1 / 7; }
|
|
|
|
|
|
/* Active Button */
|
|
#SR6WE div.repcontainer div.repitem input[name^='attr_active'] {
|
|
top: 0;
|
|
margin: 7px 0px 0px 5px; }
|
|
#SR6WE div.repcontainer div.repitem input[name^='attr_active']:not(:checked) + span.pictos {
|
|
top: 0;
|
|
height: 15px;
|
|
padding: 0px 16px 20px 4px;
|
|
border-radius: 10px;
|
|
color: red;
|
|
border: red solid 1px;
|
|
opacity: 1 !important;}
|
|
#SR6WE div.repcontainer div.repitem input[name^='attr_active']:checked + span.pictos {
|
|
top: 0;
|
|
height: 15px;
|
|
padding: 0px 4px 20px 4px;
|
|
border-radius: 10px;
|
|
box-shadow: green 0px 1px 5px 2px;
|
|
color: green; }
|
|
|
|
|
|
|
|
/***** SKILLS *****/
|
|
.pc div.skill-box h2:nth-of-type(1n+2) {
|
|
text-align: center; }
|
|
.pc div.skill-box label {
|
|
display: inline-block;
|
|
font-size: 0.8em;
|
|
text-transform: capitalize; }
|
|
.pc div.skill-box label[data-i18n-title='ratingmodifier'] {
|
|
grid-area: 1 / 3 / 1 / 4;
|
|
width: 100%; }
|
|
.pc div.skill-box label[data-i18n-title='ratingmodifier'] input[type='number'] {
|
|
width: 3em; }
|
|
.pc div.skill-box label[data-i18n-title='specialization'] {
|
|
padding-left: 10px;
|
|
grid-area: 3 / 1 / 3 / 6; }
|
|
.pc div.skill-box label[data-i18n-title='expertise'] {
|
|
padding-left: 20px;
|
|
grid-area: 4 / 1 / 4 / 6; }
|
|
.pc div.skill-box label[data-i18n-title='notes'], .pc div.skill-box label textarea {
|
|
grid-area: 5 / 1 / 5 / 6; }
|
|
.pc div.skill-box label > input {
|
|
text-align: left;
|
|
border-radius: 0px;
|
|
width: 100%; }
|
|
.pc div.skill-box input[name='attr_rating_modifier'], .pc div.skill-box input[name='attr_unskilled_mod'] {
|
|
width: 3em; }
|
|
.pc div.skill-box span[name='attr_rating']:empty,
|
|
.pc div.skill-box label[title='rating'] input[name='attr_rating'][value=''],
|
|
.pc div.skill-box label[title='rating'] input[name='attr_rating'][value='0'] {
|
|
background-color: pink; }
|
|
.pc div.skill-box div.row-long {
|
|
grid-template-columns: 1fr 3em 3em 5em 1em 1em;
|
|
padding: 1% 0.5%;
|
|
width: 100%; }
|
|
.pc div.skill-box div.row-long h3:nth-of-type(1n+2) {
|
|
text-align: center; }
|
|
|
|
/*** SKILLS ***/
|
|
.pc div.skill-box div.skills-active div.repitem {
|
|
grid-template-columns: 1fr 3em 3em 5em 1em 1em; }
|
|
.pc div.skill-box div.skills-active div.repitem label[data-i18n-title='notes'],
|
|
.pc div.skill-box div.skills-active div.repitem h3[data-i18n='notes'],
|
|
.pc div.skill-box div.skills-active div.repitem div.collapse {
|
|
grid-column: 1 / 7; }
|
|
.pc div.skill-box div.skills-active div.repitem input.collapse-flag {
|
|
grid-area: 1 / 5 / 1 / 6; }
|
|
.pc div.skill-box div.skills-active div.repitem input.collapse-flag + span.pictos, .pc div.skill-box div.skills-active div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.skill-box div.skills-active div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.skill-box div.skills-active div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .pc div.skill-box div.skills-active div.repitem input[type='checkbox'].collapse-flag + span, .pc div.skill-box div.skills-active div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.skill-box div.skills-active div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.skill-box div.skills-active div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.pc div.skill-box div.skills-active div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.skill-box div.skills-active div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.skill-box div.skills-active div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.skill-box div.skills-active div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 5 / 1 / 6; }
|
|
.pc div.skill-box div.skills-active div.repitem input.settings-flag,
|
|
.pc div.skill-box div.skills-active div.repitem input.settings-flag + span.pictos,
|
|
.pc div.skill-box div.skills-active div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .pc div.skill-box div.skills-active div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.skill-box div.skills-active div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .pc div.skill-box div.skills-active div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.skill-box div.skills-active div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.pc div.skill-box div.skills-active div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.skill-box div.skills-active div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.pc div.skill-box div.skills-active div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.skill-box div.skills-active div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.pc div.skill-box div.skills-active div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.skill-box div.skills-active div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 6 / 1 / 7; }
|
|
.pc div.skill-box div.skills-active div.repitem input[name='attr_damage'],
|
|
.pc div.skill-box div.skills-active div.repitem input[name='attr_dicepool_modifier'] {
|
|
width: 3em; }
|
|
.pc div.skill-box div.skills-active div.repitem div.settings {
|
|
grid-column: 1 / 7;
|
|
grid-template-columns: 1fr 3em 3em 5em 1em 1em; }
|
|
|
|
/* hide the button hider */
|
|
#SR6WE .pc div.skill-box div.skills-active div.repitem div.buttons span.skill-button-hider {
|
|
display: none; }
|
|
/* hide the button after the button hider if the hider has no content (empty attribute) */
|
|
#SR6WE .pc div.skill-box div.skills-active div.repitem div.buttons span.skill-button-hider:empty + button[name='roll_spec'],
|
|
#SR6WE .pc div.skill-box div.skills-active div.repitem div.buttons span.skill-button-hider:empty + button[name='roll_expert'],
|
|
#SR6WE .pc div.skill-box div.skills-active div.repitem div.buttons span.skill-button-hider:empty + button[name='act_spec'],
|
|
#SR6WE .pc div.skill-box div.skills-active div.repitem div.buttons span.skill-button-hider:empty + button[name='act_expert'],
|
|
#SR6WE .npc div.pc-box div.repitem input.skill-button-hider[value=""] + button[name='act_spec'],
|
|
#SR6WE .npc div.pc-box div.repitem input.skill-button-hider[value=""] + button[name='act_expert'] {
|
|
display: none; }
|
|
|
|
#SR6WE .pc div.skill-box div.skills-active div.repitem div.buttons button.skill_spec span.skill_spec, span.skill_spec, h2.skill_spec {
|
|
padding: 0px 2px 0px 2px;
|
|
border: 2px solid blueviolet;
|
|
border-radius: 3px; }
|
|
#SR6WE .pc div.skill-box div.skills-active div.repitem div.buttons button.skill_expert span.skill_expert, span.skill_expert, h2.skill_expert {
|
|
padding: 0px 3px 0px 3px;
|
|
border: 2px solid #460141;
|
|
border-radius: 3px; }
|
|
|
|
|
|
/*** Knowledges ***/
|
|
.pc div.skill-box div.skills-knowledge div.headers {
|
|
display: grid;
|
|
grid-template-columns: 1fr 6em 1em 1em; }
|
|
.pc div.skill-box div.skills-knowledge div.repitem {
|
|
grid-template-columns: 1fr 6em 1em 1em; }
|
|
.pc div.skill-box div.skills-knowledge div.repitem label[data-i18n-title='notes'],
|
|
.pc div.skill-box div.skills-knowledge div.repitem h3[data-i18n='notes'],
|
|
.pc div.skill-box div.skills-knowledge div.repitem div.collapse {
|
|
grid-column: 1 / 5; }
|
|
.pc div.skill-box div.skills-knowledge div.repitem input.collapse-flag {
|
|
grid-area: 1 / 3 / 1 / 3; }
|
|
.pc div.skill-box div.skills-knowledge div.repitem input.collapse-flag + span.pictos, .pc div.skill-box div.skills-knowledge div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.skill-box div.skills-knowledge div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.skill-box div.skills-knowledge div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .pc div.skill-box div.skills-knowledge div.repitem input[type='checkbox'].collapse-flag + span, .pc div.skill-box div.skills-knowledge div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.skill-box div.skills-knowledge div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.skill-box div.skills-knowledge div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.pc div.skill-box div.skills-knowledge div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.skill-box div.skills-knowledge div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.skill-box div.skills-knowledge div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.skill-box div.skills-knowledge div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 3 / 1 / 3; }
|
|
.pc div.skill-box div.skills-knowledge div.repitem input.settings-flag,
|
|
.pc div.skill-box div.skills-knowledge div.repitem input.settings-flag + span.pictos,
|
|
.pc div.skill-box div.skills-knowledge div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .pc div.skill-box div.skills-knowledge div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.skill-box div.skills-knowledge div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .pc div.skill-box div.skills-knowledge div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.skill-box div.skills-knowledge div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.pc div.skill-box div.skills-knowledge div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.skill-box div.skills-knowledge div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.pc div.skill-box div.skills-knowledge div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.skill-box div.skills-knowledge div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.pc div.skill-box div.skills-knowledge div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.skill-box div.skills-knowledge div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 4 / 1 / 4; }
|
|
.pc div.skill-box div.skills-knowledge div.repitem div.settings {
|
|
grid-column: 1 / 5;
|
|
grid-template-columns: 1fr 6em 1em 1em; }
|
|
|
|
|
|
|
|
|
|
/*** ARMS ****/
|
|
/* Weapons */
|
|
.pc div.arms div.headers {
|
|
display: grid !important; }
|
|
.pc div.arms div.headers h2:nth-of-type(1n+2) {
|
|
text-align: center !important; }
|
|
.pc div.arms div.repitem h3 {
|
|
color: #040404 !important; }
|
|
.pc div.arms div.repitem input:nth-of-type(1n+2) {
|
|
text-align: center !important; }
|
|
.pc div.arms div.repitem input.flag-primary[value='primary'] + button {
|
|
background-color: #460141 !important;
|
|
border-bottom: 2px solid #040404 !important; }
|
|
|
|
/* Primary Button For Repeating Sections */
|
|
#SR6WE div.repcontainer div.repitem input[name^='attr_primary'] {
|
|
top: 0;
|
|
margin: 7px 0px 0px 5px; }
|
|
#SR6WE div.repcontainer div.repitem input[name^='attr_primary']:not(:checked) + span.pictos {
|
|
top: 0;
|
|
height: 15px;
|
|
padding: 0px 16px 20px 4px;
|
|
border-radius: 10px;
|
|
color: red;
|
|
border: red solid 1px;
|
|
opacity: 1 !important;}
|
|
#SR6WE div.repcontainer div.repitem input[name^='attr_primary']:checked + span.pictos {
|
|
top: 0;
|
|
height: 15px;
|
|
padding: 0px 4px 20px 4px;
|
|
border-radius: 10px;
|
|
box-shadow: green 0px 1px 5px 2px;
|
|
color: green; }
|
|
|
|
|
|
/* Ranged Specific */
|
|
.pc div.arms div.weapons div.weapon-range div.headers {
|
|
grid-template-columns: 1.5em 9em 2em 2em 1.5em 1.5em 1.5em 1.5em 1.5em 2.5em 1em 1em !important; }
|
|
.pc div.arms div.weapons div.weapon-range div.repitem {
|
|
grid-template-columns: 1.5em 9em 2em 2em 1.5em 1.5em 1.5em 1.5em 1.5em 2.5em 1em 1em !important; }
|
|
.pc div.arms div.weapons div.weapon-range div.repitem label[data-i18n-title='notes'],
|
|
.pc div.arms div.weapons div.weapon-range div.repitem h3[data-i18n='notes'],
|
|
.pc div.arms div.weapons div.weapon-range div.repitem div.collapse {
|
|
grid-column: 1 / 13 !important; }
|
|
.pc div.arms div.weapons div.weapon-range div.repitem input.collapse-flag {
|
|
grid-area: 1 / 11 / 1 / 12 !important; }
|
|
.pc div.arms div.weapons div.weapon-range div.repitem input.collapse-flag + span.pictos, .pc div.arms div.weapons div.weapon-range div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.arms div.weapons div.weapon-range div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.arms div.weapons div.weapon-range div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .pc div.arms div.weapons div.weapon-range div.repitem input[type='checkbox'].collapse-flag + span, .pc div.arms div.weapons div.weapon-range div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.arms div.weapons div.weapon-range div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.arms div.weapons div.weapon-range div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.pc div.arms div.weapons div.weapon-range div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.arms div.weapons div.weapon-range div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.arms div.weapons div.weapon-range div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.arms div.weapons div.weapon-range div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 11 / 1 / 12 !important; }
|
|
.pc div.arms div.weapons div.weapon-range div.repitem input.settings-flag,
|
|
.pc div.arms div.weapons div.weapon-range div.repitem input.settings-flag + span.pictos,
|
|
.pc div.arms div.weapons div.weapon-range div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .pc div.arms div.weapons div.weapon-range div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.arms div.weapons div.weapon-range div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .pc div.arms div.weapons div.weapon-range div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.arms div.weapons div.weapon-range div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.pc div.arms div.weapons div.weapon-range div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.arms div.weapons div.weapon-range div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.pc div.arms div.weapons div.weapon-range div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.arms div.weapons div.weapon-range div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.pc div.arms div.weapons div.weapon-range div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.arms div.weapons div.weapon-range div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 12 / 1 / 13 !important; }
|
|
.pc div.arms div.weapons div.weapon-range div.repitem div.settings {
|
|
grid-column: 1 / 13 !important;
|
|
grid-template-columns: 1.3em 9em 2em 2em 1.5em 1.5em 1.5em 1.5em 1.5em 2.5em 1em 1em !important; }
|
|
.pc div.arms div.weapons div.weapon-range div.repitem button.range_weapon {
|
|
z-index: 2; }
|
|
|
|
#SR6WE .pc div.arms div.weapons div.weapon-range div.repitem input[name='attr_singleshot'][value='0'] ~ select[name='attr_default_mode'] option[data-i18n='singleshot'],
|
|
#SR6WE .pc div.arms div.weapons div.weapon-range div.repitem input[name='attr_semiauto'][value='0'] ~ select[name='attr_default_mode'] option[data-i18n='semiauto'],
|
|
#SR6WE .pc div.arms div.weapons div.weapon-range div.repitem input[name='attr_burst'][value='0'] ~ select[name='attr_default_mode'] option[data-i18n='burstfire'],
|
|
#SR6WE .pc div.arms div.weapons div.weapon-range div.repitem input[name='attr_burstwide'][value='0'] ~ select[name='attr_default_mode'] option[data-i18n='burstwide'],
|
|
#SR6WE .pc div.arms div.weapons div.weapon-range div.repitem input[name='attr_fullauto'][value='0'] ~ select[name='attr_default_mode'] option[data-i18n='fullauto'],
|
|
#SR6WE .pc div.arms div.weapons div.weapon-range div.repitem input[name='attr_other'][value='0'] ~ select[name='attr_default_mode'] option[data-i18n='other'] {
|
|
display: none;
|
|
background-color: gray; }
|
|
|
|
|
|
|
|
|
|
/* Melee Specific */
|
|
.pc div.arms div.weapons div.weapon-melee div.headers {
|
|
grid-template-columns: 1.5em 11.75em 3em 3em 1.25em 1.25em 1.25em 1.25em 1.25em 1em 1em !important; }
|
|
.pc div.arms div.weapons div.weapon-melee div.repitem {
|
|
grid-template-columns: 1.5em 11.75em 3em 3em 1.25em 1.25em 1.25em 1.25em 1.25em 1em 1em !important; }
|
|
.pc div.arms div.weapons div.weapon-melee div.repitem label[data-i18n-title='notes'],
|
|
.pc div.arms div.weapons div.weapon-melee div.repitem h3[data-i18n='notes'],
|
|
.pc div.arms div.weapons div.weapon-melee div.repitem div.collapse {
|
|
grid-column: 1 / 11 !important; }
|
|
.pc div.arms div.weapons div.weapon-melee div.repitem input.collapse-flag {
|
|
grid-area: 1 / 10 / 1 / 11 !important; }
|
|
.pc div.arms div.weapons div.weapon-melee div.repitem input.collapse-flag + span.pictos, .pc div.arms div.weapons div.weapon-melee div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.arms div.weapons div.weapon-melee div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.arms div.weapons div.weapon-melee div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .pc div.arms div.weapons div.weapon-melee div.repitem input[type='checkbox'].collapse-flag + span, .pc div.arms div.weapons div.weapon-melee div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.arms div.weapons div.weapon-melee div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.arms div.weapons div.weapon-melee div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.pc div.arms div.weapons div.weapon-melee div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.arms div.weapons div.weapon-melee div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.arms div.weapons div.weapon-melee div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.arms div.weapons div.weapon-melee div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 10 / 1 / 11 !important; }
|
|
.pc div.arms div.weapons div.weapon-melee div.repitem input.settings-flag,
|
|
.pc div.arms div.weapons div.weapon-melee div.repitem input.settings-flag + span.pictos,
|
|
.pc div.arms div.weapons div.weapon-melee div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .pc div.arms div.weapons div.weapon-melee div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.arms div.weapons div.weapon-melee div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .pc div.arms div.weapons div.weapon-melee div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.arms div.weapons div.weapon-melee div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.pc div.arms div.weapons div.weapon-melee div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.arms div.weapons div.weapon-melee div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.pc div.arms div.weapons div.weapon-melee div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.arms div.weapons div.weapon-melee div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.pc div.arms div.weapons div.weapon-melee div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.arms div.weapons div.weapon-melee div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 11 / 1 / 12 !important; }
|
|
.pc div.arms div.weapons div.weapon-melee div.repitem div.settings {
|
|
grid-column: 1 / 12 !important;
|
|
grid-template-columns: 1.5em 11.75em 3em 3em 1.25em 1.25em 1.25em 1.25em 1.25em 1em 1em !important; }
|
|
|
|
|
|
|
|
|
|
/* Grenade Specific */
|
|
.pc div.arms div.weapons div.weapon-grenade input[name='attr_dicepool']:not([value='0']) ~ button.no-dicepool {
|
|
display: none; }
|
|
.pc div.arms div.weapons div.weapon-grenade input[name='attr_dicepool'][value='0'] ~ button.dicepool {
|
|
display: none; }
|
|
|
|
.pc div.arms div.weapons div.weapon-grenade div.headers {
|
|
grid-template-columns: 11.25em 3em 3em 3em 3em 3em 1em 1em !important; }
|
|
.pc div.arms div.weapons div.weapon-grenade div.repitem {
|
|
grid-template-columns: 11.25em 3em 3em 3em 3em 3em 1em 1em !important; }
|
|
.pc div.arms div.weapons div.weapon-grenade div.repitem label[data-i18n-title='notes'],
|
|
.pc div.arms div.weapons div.weapon-grenade div.repitem h3[data-i18n='notes'],
|
|
.pc div.arms div.weapons div.weapon-grenade div.repitem div.collapse {
|
|
grid-column: 1 / 9 !important; }
|
|
.pc div.arms div.weapons div.weapon-grenade div.repitem input.collapse-flag {
|
|
grid-area: 1 / 7 / 1 / 8 !important; }
|
|
.pc div.arms div.weapons div.weapon-grenade div.repitem input.collapse-flag + span.pictos, .pc div.arms div.weapons div.weapon-grenade div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.arms div.weapons div.weapon-grenade div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.arms div.weapons div.weapon-grenade div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .pc div.arms div.weapons div.weapon-grenade div.repitem input[type='checkbox'].collapse-flag + span, .pc div.arms div.weapons div.weapon-grenade div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.arms div.weapons div.weapon-grenade div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.arms div.weapons div.weapon-grenade div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.pc div.arms div.weapons div.weapon-grenade div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.arms div.weapons div.weapon-grenade div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.arms div.weapons div.weapon-grenade div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.arms div.weapons div.weapon-grenade div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 7 / 1 / 8 !important; }
|
|
.pc div.arms div.weapons div.weapon-grenade div.repitem input.settings-flag,
|
|
.pc div.arms div.weapons div.weapon-grenade div.repitem input.settings-flag + span.pictos,
|
|
.pc div.arms div.weapons div.weapon-grenade div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .pc div.arms div.weapons div.weapon-grenade div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.arms div.weapons div.weapon-grenade div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .pc div.arms div.weapons div.weapon-grenade div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.arms div.weapons div.weapon-grenade div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.pc div.arms div.weapons div.weapon-grenade div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.arms div.weapons div.weapon-grenade div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.pc div.arms div.weapons div.weapon-grenade div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.arms div.weapons div.weapon-grenade div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.pc div.arms div.weapons div.weapon-grenade div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.arms div.weapons div.weapon-grenade div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 8 / 1 / 9 !important; }
|
|
.pc div.arms div.weapons div.weapon-grenade div.repitem div.settings {
|
|
grid-column: 1 / 9 !important;
|
|
grid-template-columns: 11.25em 3em 3em 3em 3em 3em 1em 1em !important; }
|
|
|
|
|
|
.pc div.arms div.weapons div.weapon-range,
|
|
.pc div.arms div.weapons div.weapon-melee,
|
|
.pc div.arms div.weapons div.weapon-grenade {
|
|
width: 100% !important; }
|
|
.pc div.arms div.weapons div.weapon-range div.row {
|
|
grid-column: 1 / 13 !important;
|
|
margin-left: 0px !important; }
|
|
.pc div.arms div.weapons div.weapon-melee div.row {
|
|
grid-column: 1 / 9 !important;
|
|
margin-left: 0px !important; }
|
|
.pc div.arms div.weapons div.weapon-grenade div.row {
|
|
grid-column: 1 / 9 !important;
|
|
margin-left: 0px !important; }
|
|
.pc div.arms div.weapons div.weapon-range div.row label[data-i18n-title="modeoptions"],
|
|
.pc div.arms div.weapons div.weapon-range div.row label[data-i18n-title="range"],
|
|
.pc div.arms div.weapons div.weapon-melee div.row label[data-i18n-title="modeoptions"],
|
|
.pc div.arms div.weapons div.weapon-melee div.row label[data-i18n-title="range"] {
|
|
width: 25% !important;
|
|
margin-left: 0px !important; }
|
|
.pc div.arms div.weapons div.weapon-range div.row input[type='number'],
|
|
.pc div.arms div.weapons div.weapon-melee div.row input[type='number'],
|
|
.pc div.arms div.weapons div.weapon-grenade div.row input[type='number'] {
|
|
width: 3em !important;
|
|
margin-left: 0px !important; }
|
|
.pc div.arms div.weapons div.weapon-range div.row select,
|
|
.pc div.arms div.weapons div.weapon-melee div.row select,
|
|
.pc div.arms div.weapons div.weapon-grenade div.row select {
|
|
width: 30% !important;
|
|
margin-left: 0px !important; }
|
|
.pc div.arms div.weapons div.weapon-range div.exotic-warning,
|
|
.pc div.arms div.weapons div.weapon-melee div.exotic-warning,
|
|
.pc div.arms div.weapons div.weapon-grenade div.exotic-warning {
|
|
display: none !important; }
|
|
.pc div.arms div.weapons div.weapon-range input[value='0'] + div.exotic-warning,
|
|
.pc div.arms div.weapons div.weapon-melee input[value='0'] + div.exotic-warning {
|
|
display: block !important; }
|
|
|
|
|
|
|
|
.pc div.arms div.armor div.headers {
|
|
grid-template-columns: 9em 3.5em 2.5em 2.5em 2.5em 2.5em 2.5em .75em .75em !important; }
|
|
.pc div.arms div.armor div.repitem {
|
|
grid-template-columns: 9em 3.5em 2.5em 2.5em 2.5em 2.5em 2.5em .75em .75em !important; }
|
|
.pc div.arms div.armor div.repitem label[data-i18n-title='notes'],
|
|
.pc div.arms div.armor div.repitem h3[data-i18n='notes'],
|
|
.pc div.arms div.armor div.repitem div.collapse {
|
|
grid-column: 1 / 11 !important; }
|
|
.pc div.arms div.armor div.repitem input.collapse-flag {
|
|
grid-area: 1 / 9 / 1 / 10 !important; }
|
|
.pc div.arms div.armor div.repitem input.collapse-flag + span.pictos, .pc div.arms div.armor div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.arms div.armor div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.arms div.armor div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .pc div.arms div.armor div.repitem input[type='checkbox'].collapse-flag + span, .pc div.arms div.armor div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.arms div.armor div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.arms div.armor div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.pc div.arms div.armor div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.arms div.armor div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.arms div.armor div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.arms div.armor div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 9 / 1 / 10 !important; }
|
|
.pc div.arms div.armor div.repitem input.settings-flag,
|
|
.pc div.arms div.armor div.repitem input.settings-flag + span.pictos,
|
|
.pc div.arms div.armor div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .pc div.arms div.armor div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.arms div.armor div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .pc div.arms div.armor div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.arms div.armor div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.pc div.arms div.armor div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.arms div.armor div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.pc div.arms div.armor div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.arms div.armor div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.pc div.arms div.armor div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.arms div.armor div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 10 / 1 / 11 !important; }
|
|
.pc div.arms div.armor div.repitem div.settings {
|
|
grid-column: 1 / 11 !important;
|
|
grid-template-columns: 9em 3.5em 2.5em 2.5em 2.5em 2.5em 2.5em .75em .75em !important; }
|
|
.pc div.arms div.armor div.repitem div.settings div.row {
|
|
grid-column: 1 / 11 !important;
|
|
margin-left: 0px !important; }
|
|
.pc div.arms div.armor div.repitem div.settings div.row input[type='number'] {
|
|
width: 2.5em; }
|
|
|
|
|
|
|
|
/*** AUGS ****/
|
|
.pc div.augs div.headers {
|
|
display: grid !important;
|
|
grid-template-columns: 1fr 5em 5em 1em 1em !important; }
|
|
.pc div.augs div.repitem {
|
|
width: 100%;
|
|
display: grid;
|
|
grid-template-columns: 1fr 5em 5em 1em 1em !important; }
|
|
|
|
.pc div.augs div.repitem div.settings {
|
|
grid-column: 1 / 6 !important;
|
|
grid-template-columns: 1fr 5em 5em 1em 1em !important;
|
|
font-size: 12px; }
|
|
|
|
.pc div.augs div.repitem div.settings div.row1 {
|
|
grid-column: 1 / 6;
|
|
grid-column-gap: 1% !important;
|
|
grid-row-gap: 1% !important;
|
|
width: 100%;
|
|
display: grid;
|
|
grid-template-columns: 1fr 5em 5em 1em 1em !important; }
|
|
.pc div.augs div.repitem div.settings div.row2 {
|
|
grid-column: 1 / 6;
|
|
grid-column-gap: 1% !important;
|
|
grid-row-gap: 1% !important;
|
|
width: 100%;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr !important; }
|
|
.pc div.augs div.repitem div.settings div.row3 {
|
|
grid-column: 1 / 6;
|
|
grid-column-gap: 1% !important;
|
|
grid-row-gap: 1% !important;
|
|
width: 100%;
|
|
display: grid;
|
|
grid-template-columns: auto 1em auto !important; }
|
|
|
|
.pc div.augs div.repitem input[name="attr_has_rating"][value="0"] ~ span.has_rating {
|
|
display: none; }
|
|
.pc div.augs div.repitem input[name="attr_has_rating"]:not([value="0"]) ~ span.no_rating {
|
|
display: none; }
|
|
|
|
.pc div.augs div.repitem label[data-i18n-title='notes'],
|
|
.pc div.augs div.repitem h3[data-i18n='notes'],
|
|
.pc div.augs div.repitem label[data-i18n-title='modifications'],
|
|
.pc div.augs div.repitem h3[data-i18n='modifications'],
|
|
.pc div.augs div.repitem div.collapse {
|
|
grid-column: 1 / 6 !important; }
|
|
.pc div.augs div.repitem input.collapse-flag {
|
|
grid-area: 1/1/1 / 5 !important;
|
|
position: absolute !important;
|
|
width: 100% !important; }
|
|
.pc div.augs div.repitem input.collapse-flag + span.pictos, .pc div.augs div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.augs div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.augs div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .pc div.augs div.repitem input[type='checkbox'].collapse-flag + span, .pc div.augs div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.augs div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.augs div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.pc div.augs div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.augs div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.augs div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.augs div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 4 / 1 / 5 !important; }
|
|
.pc div.augs div.repitem input.settings-flag,
|
|
.pc div.augs div.repitem input.settings-flag + span.pictos,
|
|
.pc div.augs div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .pc div.augs div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.augs div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .pc div.augs div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.augs div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.pc div.augs div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.augs div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.pc div.augs div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.augs div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.pc div.augs div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.augs div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 5 / 1 / 6 !important; }
|
|
.pc div.augs div.repitem input[name='attr_augementation'] {
|
|
text-align: left !important; }
|
|
|
|
|
|
|
|
/*** GEAR ****/
|
|
.pc div.gear div.headers {
|
|
display: grid !important;
|
|
grid-template-columns: 1fr 5em 5em 1em 1.25em 1em !important; }
|
|
.pc div.gear div.repitem {
|
|
grid-template-columns: 1fr 5em 5em 1em 1.25em 1em !important; }
|
|
.pc div.gear div.repitem label[data-i18n-title='notes'],
|
|
.pc div.gear div.repitem h3[data-i18n='notes'],
|
|
.pc div.gear div.repitem label[data-i18n-title='modifications'],
|
|
.pc div.gear div.repitem h3[data-i18n='modifications'],
|
|
.pc div.gear div.repitem div.collapse {
|
|
grid-column: 1 / 7 !important; }
|
|
.pc div.gear div.repitem input.collapse-flag {
|
|
grid-area: 1 / 1 / 1 / 5 !important;
|
|
position: absolute !important;
|
|
width: 100% !important; }
|
|
.pc div.gear div.repitem input.collapse-flag + span.pictos, .pc div.gear div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.gear div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.gear div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .pc div.gear div.repitem input[type='checkbox'].collapse-flag + span, .pc div.gear div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.gear div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.gear div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.pc div.gear div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.gear div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.gear div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.gear div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 4 / 1 / 5 !important; }
|
|
.pc div.gear div.repitem input.settings-flag,
|
|
.pc div.gear div.repitem input.settings-flag + span.pictos,
|
|
.pc div.gear div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .pc div.gear div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.gear div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .pc div.gear div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.gear div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.pc div.gear div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.gear div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.pc div.gear div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.gear div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.pc div.gear div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.gear div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 6 / 1 / 7 !important; }
|
|
.pc div.gear div.repitem input[name='attr_item'] {
|
|
text-align: left !important; }
|
|
.pc div.gear div.repitem div.settings {
|
|
grid-column: 1 / 7 !important;
|
|
grid-template-columns: 1fr 5em 5em 1em 1.25em 1em !important; }
|
|
|
|
|
|
/***** MAGIC *****/
|
|
.pc div.magic {
|
|
}
|
|
.pc div.magic h2:nth-of-type(1n+2) {
|
|
text-align: center; }
|
|
.pc div.magic h3 {
|
|
color: #040404 !important; }
|
|
.pc div.magic div.headers {
|
|
display: grid !important;
|
|
grid-template-columns: 30% 1.5fr 1.5fr 2fr 2em 1em 1em !important; }
|
|
.pc div.magic div.headers h3:nth-of-type(1n+2) {
|
|
text-align: center !important; }
|
|
|
|
/***** SPELLS *****/
|
|
/* Hide Effect Types and Damage Type for non-combat spells and "None" option for Combat spells */
|
|
.pc div.magic div.spellsFormulas div.repitem input[name='attr_category'][value='Combat'] ~ div.settings div.row option[data-i18n='none'],
|
|
.pc div.magic div.spellsFormulas div.repitem input[name='attr_category']:not([value='Combat']) ~ div.settings div.row option[data-i18n='directcombat'],
|
|
.pc div.magic div.spellsFormulas div.repitem input[name='attr_category']:not([value='Combat']) ~ div.settings div.row option[data-i18n='directcombatarea'],
|
|
.pc div.magic div.spellsFormulas div.repitem input[name='attr_category']:not([value='Combat']) ~ div.settings div.row option[data-i18n='indirectcombat'],
|
|
.pc div.magic div.spellsFormulas div.repitem input[name='attr_category']:not([value='Combat']) ~ div.settings div.row option[data-i18n='indirectcombatarea'],
|
|
.pc div.magic div.spellsFormulas div.repitem input[name='attr_category']:not([value='Combat']) ~ div.settings div.row h3[data-i18n='damage_type'],
|
|
.pc div.magic div.spellsFormulas div.repitem input[name='attr_category']:not([value='Combat']) ~ div.settings div.row select[name='attr_damage'] {
|
|
display: none !important; }
|
|
|
|
/* Hide Effect Types for non-illusion spells and "None" option for Illusion spells */
|
|
.pc div.magic div.spellsFormulas div.repitem input[name='attr_category'][value='Illusion'] ~ div.settings div.row option[data-i18n='none'],
|
|
.pc div.magic div.spellsFormulas div.repitem input[name='attr_category']:not([value='Illusion']) ~ div.settings div.row option[data-i18n='singlesense'],
|
|
.pc div.magic div.spellsFormulas div.repitem input[name='attr_category']:not([value='Illusion']) ~ div.settings div.row option[data-i18n='multisense'] {
|
|
display: none !important; }
|
|
|
|
.pc div.magic div.spellsFormulas div.repitem input[name='attr_category'][value='Combat'] ~ div.settings div.row h3[data-i18n='damage_type'],
|
|
.pc div.magic div.spellsFormulas div.repitem input[name='attr_category'][value='Combat'] ~ div.settings div.row select[name='attr_damage'] {
|
|
display: inline !important; }
|
|
|
|
/* Hide spell buttons so only one displays */
|
|
.pc div.magic div.spellsFormulas div.repitem input[name='attr_category'][value='Combat'] ~ button[name*='act_noncombatspell'],
|
|
.pc div.magic div.spellsFormulas div.repitem input[name='attr_category']:not([value='Combat']) ~ button[name^='act_spell'],
|
|
.pc div.magic div.spellsFormulas div.repitem input[name='attr_range']:not([value='LOS (A)']) ~ button[name$='aoe'],
|
|
.pc div.magic div.spellsFormulas div.repitem input[name='attr_range'][value='LOS (A)'] ~ button:not([name$='aoe']) {
|
|
display: none !important; }
|
|
|
|
.pc div.magic div.spellsFormulas div.repitem {
|
|
grid-template-columns: 30% 1.5fr 1.5fr 2fr 2em 1em 1em !important; }
|
|
.pc div.magic div.spellsFormulas div.repitem label[data-i18n-title='notes'],
|
|
.pc div.magic div.spellsFormulas div.repitem h3[data-i18n='notes'],
|
|
.pc div.magic div.spellsFormulas div.repitem div.collapse {
|
|
grid-column: 1 / 8 !important; }
|
|
.pc div.magic div.spellsFormulas div.repitem input.collapse-flag {
|
|
grid-area: 1 / 6 / 1 / 7 !important; }
|
|
.pc div.magic div.spellsFormulas div.repitem input.collapse-flag + span.pictos, .pc div.magic div.spellsFormulas div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.magic div.spellsFormulas div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.magic div.spellsFormulas div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .pc div.magic div.spellsFormulas div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.spellsFormulas div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.magic div.spellsFormulas div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.magic div.spellsFormulas div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.pc div.magic div.spellsFormulas div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.magic div.spellsFormulas div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.magic div.spellsFormulas div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.spellsFormulas div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 6 / 1 / 7 !important; }
|
|
.pc div.magic div.spellsFormulas div.repitem input.settings-flag,
|
|
.pc div.magic div.spellsFormulas div.repitem input.settings-flag + span.pictos,
|
|
.pc div.magic div.spellsFormulas div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .pc div.magic div.spellsFormulas div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.magic div.spellsFormulas div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .pc div.magic div.spellsFormulas div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.magic div.spellsFormulas div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.pc div.magic div.spellsFormulas div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.magic div.spellsFormulas div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.pc div.magic div.spellsFormulas div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.magic div.spellsFormulas div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.pc div.magic div.spellsFormulas div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.magic div.spellsFormulas div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 7 / 1 / 8 !important; }
|
|
.pc div.magic div.spellsFormulas div.repitem input[name='attr_damage'],
|
|
.pc div.magic div.spellsFormulas div.repitem input[name='attr_dicepool_modifier'] {
|
|
width: 3.5em !important; }
|
|
.pc div.magic div.spellsFormulas div.repitem select[name='attr_category'] {
|
|
grid-row: 2 !important; }
|
|
.pc div.magic div.spellsFormulas div.repitem div.row {
|
|
grid-column: 1 / 6 !important;
|
|
margin-left: 0px !important; }
|
|
.pc div.magic div.spellsFormulas div.repitem div.settings {
|
|
grid-column: 1 / 8 !important;
|
|
grid-template-columns: 30% 1.5fr 1.5fr 2fr 2em .75em .75em !important; }
|
|
|
|
|
|
/***** RITUALS *****/
|
|
.pc div.magic div.magic-rituals label[data-i18n-title='notes'],
|
|
.pc div.magic div.magic-rituals h3[data-i18n='notes'],
|
|
.pc div.magic div.magic-rituals div.collapse {
|
|
grid-column: 1 / 4 !important; }
|
|
.pc div.magic div.magic-rituals input.collapse-flag {
|
|
grid-area: 1 / 3 / 1 / 4 !important; }
|
|
.pc div.magic div.magic-rituals input.collapse-flag + span.pictos, .pc div.magic div.magic-rituals .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.magic div.magic-rituals input[type='checkbox'].collapse-flag + span,
|
|
.pc div.magic div.magic-rituals .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .pc div.magic div.magic-rituals input[type='checkbox'].collapse-flag + span, .pc div.magic div.magic-rituals .flag-primary + div > input.collapse-flag + span, .pc div.magic div.magic-rituals .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.magic div.magic-rituals input.collapse-flag + span.repcontrol_edit:after,
|
|
.pc div.magic div.magic-rituals .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.magic div.magic-rituals input.collapse-flag + span.repcontrol_add:after, .pc div.magic div.magic-rituals .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.magic-rituals input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 3 / 1 / 4 !important; }
|
|
.pc div.magic div.magic-rituals input.settings-flag,
|
|
.pc div.magic div.magic-rituals input.settings-flag + span.pictos,
|
|
.pc div.magic div.magic-rituals .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .pc div.magic div.magic-rituals input[type='checkbox'].settings-flag + span,
|
|
.pc div.magic div.magic-rituals .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .pc div.magic div.magic-rituals input[type='checkbox'].settings-flag + span,
|
|
.pc div.magic div.magic-rituals .flag-primary + div > input.settings-flag + span,
|
|
.pc div.magic div.magic-rituals .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.magic div.magic-rituals input.settings-flag + span.repcontrol_edit:after,
|
|
.pc div.magic div.magic-rituals .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.magic div.magic-rituals input.settings-flag + span.repcontrol_add:after,
|
|
.pc div.magic div.magic-rituals .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.magic div.magic-rituals input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 4 / 1 / 5 !important; }
|
|
.pc div.magic div.magic-rituals div.headers {
|
|
grid-template-columns: 1fr 6em 1em 1em !important; }
|
|
.pc div.magic div.magic-rituals div.repitem {
|
|
grid-template-columns: 1fr 6em 1em 1em !important; }
|
|
.pc div.magic div.magic-rituals div.repitem label[data-i18n-title='name'] {
|
|
grid-column: 1 / 1 !important; }
|
|
.pc div.magic div.magic-rituals div.repitem label[data-i18n-title='threshold'] {
|
|
grid-column: 2 / 2 !important; }
|
|
.pc div.magic div.magic-rituals div.repitem div.row {
|
|
grid-column: 1 / 5 !important;
|
|
margin-left: 0px !important; }
|
|
.pc div.magic div.magic-rituals div.settings {
|
|
grid-template-columns: 1fr 6em 1em 1em !important;
|
|
grid-column: 1 / 5 !important; }
|
|
|
|
|
|
/***** PREPARATIONS *****/
|
|
.pc div.magic div.magic-preps textarea, .pc div.magic div.magic-spells textarea {
|
|
width: 93% !important; }
|
|
.pc div.magic div.magic-preps {
|
|
}
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.headers {
|
|
grid-template-columns: 40% 1fr 1fr 2fr 1em 1em !important; }
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.repitem {
|
|
grid-template-columns: 40% 1fr 1fr 2fr 1em 1em !important; }
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.repitem label[data-i18n-title='notes'],
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.repitem h3[data-i18n='notes'],
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.repitem div.collapse {
|
|
grid-column: 1 / 7 !important; }
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag {
|
|
grid-area: 1 / 5 / 1 / 6 !important; }
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag + span.pictos, .pc div.magic div.magic-preps div.prepared-preparations div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.magic div.magic-preps div.prepared-preparations div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .pc div.magic div.magic-preps div.prepared-preparations div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.magic-preps div.prepared-preparations div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.magic div.magic-preps div.prepared-preparations div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.magic div.magic-preps div.prepared-preparations div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 5 / 1 / 6 !important; }
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag,
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag + span.pictos,
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .pc div.magic div.magic-preps div.prepared-preparations div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .pc div.magic div.magic-preps div.prepared-preparations div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.magic div.magic-preps div.prepared-preparations div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 6 / 1 / 7 !important; }
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.repitem div.settings {
|
|
grid-column: 1 / 7 !important;
|
|
grid-template-columns: 40% 1fr 1fr 2fr 1em 1em !important; }
|
|
.pc div.magic div.magic-preps div.repitem div.row {
|
|
grid-column: 1 / 7 !important;
|
|
margin-left: 0px !important; }
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.repitem div.settings select {
|
|
grid-column: 4 / 7 !important; }
|
|
.pc div.magic div.magic-preps div.prepared-preparations div.repitem div.settings textarea {
|
|
width: 100% !important; }
|
|
|
|
|
|
/***** ADEPT POWERS *****/
|
|
.pc div.magic div.powers-adept div.headers {
|
|
grid-template-columns: 1fr 3em 5em 1em 1em !important; }
|
|
.pc div.magic div.powers-adept div.repitem {
|
|
grid-template-columns: 1fr 3em 5em 1em 1em !important; }
|
|
.pc div.magic div.powers-adept div.repitem label[data-i18n-title='notes'],
|
|
.pc div.magic div.powers-adept div.repitem h3[data-i18n='notes'],
|
|
.pc div.magic div.powers-adept div.repitem label[data-i18n-title='modifications'],
|
|
.pc div.magic div.powers-adept div.repitem h3[data-i18n='modifications'],
|
|
.pc div.magic div.powers-adept div.repitem div.collapse {
|
|
grid-column: 1 / 6 !important; }
|
|
.pc div.magic div.powers-adept div.repitem input.collapse-flag {
|
|
grid-area: 1 / 4 / 1 / 5 !important;
|
|
position: absolute !important;
|
|
width: 100% !important; }
|
|
.pc div.magic div.powers-adept div.repitem input.collapse-flag + span.pictos, .pc div.magic div.powers-adept div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.magic div.powers-adept div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.magic div.powers-adept div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .pc div.magic div.powers-adept div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.powers-adept div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.magic div.powers-adept div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.magic div.powers-adept div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.pc div.magic div.powers-adept div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.magic div.powers-adept div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.magic div.powers-adept div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.powers-adept div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 4 / 1 / 5 !important; }
|
|
.pc div.magic div.powers-adept div.repitem input.settings-flag,
|
|
.pc div.magic div.powers-adept div.repitem input.settings-flag + span.pictos,
|
|
.pc div.magic div.powers-adept div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .pc div.magic div.powers-adept div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.magic div.powers-adept div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .pc div.magic div.powers-adept div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.magic div.powers-adept div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.pc div.magic div.powers-adept div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.magic div.powers-adept div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.pc div.magic div.powers-adept div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.magic div.powers-adept div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.pc div.magic div.powers-adept div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.magic div.powers-adept div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 5 / 1 / 6 !important; }
|
|
.pc div.magic div.powers-adept div.repitem div.settings {
|
|
grid-column: 1 / 6 !important;
|
|
grid-template-columns: 1fr 3em 5em 1em 1em !important; }
|
|
|
|
|
|
|
|
/***** Conjuring *****/
|
|
.pc div.magic div.powers-conjuring div.summon-spirit-button {
|
|
width: 100%;
|
|
display: inline-grid;
|
|
grid-template-columns: 1fr 10em 2em 2.75em 1fr;
|
|
}
|
|
|
|
.pc div.magic div.powers-conjuring div.summon-spirit-button label[data-i18n-title='asrep'] {
|
|
padding-top: 3px; }
|
|
|
|
.pc div.magic div.powers-conjuring div.headers,
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.spirit-top,
|
|
.pc div.magic div.powers-conjuring div.repitem {
|
|
width: 100%;
|
|
display: inline-grid;
|
|
grid-template-columns: 3em 1fr 3em 1em 1em !important; }
|
|
.pc div.magic div.powers-conjuring div.repitem div.rows.spirit-skills > label[data-i18n-title='skills'],
|
|
.pc div.magic div.powers-conjuring div.repitem div.rows.spirit-skills > h3[data-i18n='skills'],
|
|
.pc div.magic div.powers-conjuring div.repitem div.rows.spirit-powers > label[data-i18n-title='powers'],
|
|
.pc div.magic div.powers-conjuring div.repitem div.rows.spirit-powers > h3[data-i18n='powers'],
|
|
.pc div.magic div.powers-conjuring div.repitem div.rows.spirit-powers > label[data-i18n-title='attacks'],
|
|
.pc div.magic div.powers-conjuring div.repitem div.rows.spirit-powers > h3[data-i18n='attacks'],
|
|
.pc div.magic div.powers-conjuring div.repitem div.collapse {
|
|
grid-column: 1 / 6 !important; }
|
|
.pc div.magic div.powers-conjuring div.repitem input.collapse-flag {
|
|
grid-area: 1 / 1 / 1 / 6 !important;
|
|
position: absolute !important;
|
|
width: 100% !important; }
|
|
.pc div.magic div.powers-conjuring div.repitem input.collapse-flag + span.pictos, .pc div.magic div.powers-conjuring div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.magic div.powers-conjuring div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.magic div.powers-conjuring div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .pc div.magic div.powers-conjuring div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.powers-conjuring div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.magic div.powers-conjuring div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.magic div.powers-conjuring div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.pc div.magic div.powers-conjuring div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.magic div.powers-conjuring div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.magic div.powers-conjuring div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.powers-conjuring div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 4 / 1 / 5 !important; }
|
|
.pc div.magic div.powers-conjuring div.repitem input.settings-flag,
|
|
.pc div.magic div.powers-conjuring div.repitem input.settings-flag + span.pictos,
|
|
.pc div.magic div.powers-conjuring div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .pc div.magic div.powers-conjuring div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.magic div.powers-conjuring div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .pc div.magic div.powers-conjuring div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.magic div.powers-conjuring div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.pc div.magic div.powers-conjuring div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.magic div.powers-conjuring div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.pc div.magic div.powers-conjuring div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.magic div.powers-conjuring div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.pc div.magic div.powers-conjuring div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.magic div.powers-conjuring div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 5 / 1 / 6 !important; }
|
|
.pc div.magic div.powers-conjuring div.repitem div.row {
|
|
grid-column: 1 / 6 !important;
|
|
margin-left: 0px !important; }
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings,
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.spirit-skills,
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.spirit-skills {
|
|
grid-column: 1 / 6 !important;
|
|
}
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.attr-headers {
|
|
width: 100%;
|
|
align-items: center;
|
|
text-align: center;
|
|
display: inline-grid;
|
|
grid-template-columns: repeat(10, 1fr);
|
|
}
|
|
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.row.spirit-attr {
|
|
width: 100%;
|
|
align-items: center;
|
|
text-align: center;
|
|
display: inline-grid;
|
|
grid-template-columns: repeat(10, 1fr);
|
|
}
|
|
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.row.spirit-cmmove {
|
|
width: 100%;
|
|
align-items: center;
|
|
vertical-align: middle;
|
|
display: inline-grid;
|
|
grid-template-columns: repeat(6, auto);
|
|
}
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.row.spirit-cmmove > label > input[type='number'] {
|
|
width: 1.75em;
|
|
}
|
|
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.row.spirit-initiatives {
|
|
width: 90%;
|
|
align-items: center;
|
|
vertical-align: middle;
|
|
display: inline-grid;
|
|
grid-template-columns: repeat(4, auto);
|
|
}
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.row.spirit-initiatives > label > input[type='number'] {
|
|
width: 1.75em;
|
|
}
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.row.spirit-initiatives > h3 {
|
|
text-align: right;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.row.spirit-attacks {
|
|
margin-bottom: 15px;
|
|
}
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.row.spirit-skills > h3,
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.row.spirit-powers > h3,
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.row.spirit-attacks > h3 {
|
|
width: 100%;
|
|
}
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.row.spirit-skills > label,
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.row.spirit-powers > label,
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.row.spirit-attacks > label {
|
|
width: 96%;
|
|
}
|
|
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.row.spirit-cmmove:before,
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.row.spirit-cmmove:after,
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.row.spirit-attr:before,
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.row.spirit-attr:after,
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.attr-headers:before,
|
|
.pc div.magic div.powers-conjuring div.repitem div.settings div.attr-headers:after {
|
|
display: unset;
|
|
content: unset;
|
|
};
|
|
|
|
|
|
|
|
/***** METAMAGIC *****/
|
|
.pc div.magic div.powers-meta div.headers {
|
|
grid-template-columns: 1fr 3em 1em 1em !important; }
|
|
.pc div.magic div.powers-meta div.repitem {
|
|
grid-template-columns: 1fr 3em 1em 1em !important; }
|
|
.pc div.magic div.powers-meta div.repitem label[data-i18n-title='notes'],
|
|
.pc div.magic div.powers-meta div.repitem h3[data-i18n='notes'],
|
|
.pc div.magic div.powers-meta div.repitem label[data-i18n-title='modifications'],
|
|
.pc div.magic div.powers-meta div.repitem h3[data-i18n='modifications'],
|
|
.pc div.magic div.powers-meta div.repitem div.collapse {
|
|
grid-column: 1 / 5 !important; }
|
|
.pc div.magic div.powers-meta div.repitem input.collapse-flag {
|
|
grid-area: 1 / 1 / 1 / 4 !important;
|
|
position: absolute !important;
|
|
width: 100% !important; }
|
|
.pc div.magic div.powers-meta div.repitem input.collapse-flag + span.pictos, .pc div.magic div.powers-meta div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.magic div.powers-meta div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.magic div.powers-meta div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .pc div.magic div.powers-meta div.repitem input[type='checkbox'].collapse-flag + span, .pc div.magic div.powers-meta div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.magic div.powers-meta div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.magic div.powers-meta div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.pc div.magic div.powers-meta div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.magic div.powers-meta div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.magic div.powers-meta div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.magic div.powers-meta div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 3 / 1 / 4 !important; }
|
|
.pc div.magic div.powers-meta div.repitem input.settings-flag,
|
|
.pc div.magic div.powers-meta div.repitem input.settings-flag + span.pictos,
|
|
.pc div.magic div.powers-meta div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .pc div.magic div.powers-meta div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.magic div.powers-meta div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .pc div.magic div.powers-meta div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.magic div.powers-meta div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.pc div.magic div.powers-meta div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.magic div.powers-meta div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.pc div.magic div.powers-meta div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.magic div.powers-meta div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.pc div.magic div.powers-meta div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.magic div.powers-meta div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 4 / 1 / 5 !important; }
|
|
.pc div.magic div.powers-meta div.repitem div.settings {
|
|
grid-column: 1 / 5 !important;
|
|
grid-template-columns: 1fr 3em 1em 1em !important; }
|
|
|
|
.pc div.magic div.powers-meta div.mage-setup .row1 {
|
|
display: inline-grid;
|
|
grid-template-columns: .5em 8em 1.5em 6em 3em 1.5em 5em;
|
|
margin-top: 2px; }
|
|
.pc div.magic div.powers-meta div.mage-setup .row1 label input {
|
|
width: 2em; }
|
|
.pc div.magic div.powers-meta div.mage-setup .row1 h3[data-i18n='initiategrade'] {
|
|
margin-top: -2px; }
|
|
|
|
.pc div.magic div.powers-meta div.mage-setup .row2 {
|
|
display: inline-grid;
|
|
grid-template-columns: .5em 4em 12em 1em 4em 9em; }
|
|
/*
|
|
.pc div.magic div.powers-meta div.mage-setup input[name='attr_magic_ar'] ~ label {
|
|
position: relative;
|
|
top: 5px; }
|
|
*/
|
|
|
|
|
|
/*** MATRIX ****/
|
|
#SR6WE .pc div.matrix h3 {
|
|
color: #040404 !important; }
|
|
|
|
#SR6WE .pc div.matrix div.cyberdeck div.row-matrix-combat-stats {
|
|
margin: 0px 5px 0px 5px;
|
|
display: grid;
|
|
grid-template-columns: .5fr 1fr .5fr 1fr .5fr 1fr .5fr; }
|
|
|
|
#SR6WE .pc div.matrix div.cyberdeck div.row-matrix-soak {
|
|
margin: 0px 5px 0px 5px;
|
|
display: grid;
|
|
padding-bottom: 5px;
|
|
grid-template-columns: .5fr 1fr .5fr 1fr .5fr; }
|
|
|
|
#SR6WE .pc div.matrix div.cyberdeck div.row-matrix-combat-stats label {
|
|
margin-top: 5px;
|
|
margin-bottom: 5px !important; }
|
|
#SR6WE .pc div.matrix div.cyberdeck div.row-matrix-combat-stats button, #SR6WE .pc div.matrix div.cyberdeck div.row-matrix-combat-stats button span {
|
|
padding-right: 3px;
|
|
display: inline !important; }
|
|
|
|
#SR6WE .pc div.matrix div.cyberdeck div.technomancer-attributes {
|
|
padding: 0px 5px 5px 0px;
|
|
display: grid;
|
|
grid-template-columns: 1fr auto auto auto auto auto 1fr; }
|
|
#SR6WE .pc div.matrix div.cyberdeck div.technomancer-attributes input[type='number'] {
|
|
margin: 0px 3px 0px 3px; }
|
|
|
|
|
|
/*** Matrix Devices ***/
|
|
/* headers */
|
|
#SR6WE .pc div.matrix div.devices div.headers {
|
|
display: grid !important;
|
|
grid-template-columns: 1fr 4em 4em 1em 1em !important; }
|
|
|
|
#SR6WE .pc div.matrix div.devices div.headers h2[data-i18n='device'] {
|
|
text-align: left; }
|
|
#SR6WE .pc div.matrix div.devices div.headers h2[data-i18n='rtg'] {
|
|
text-align: center; }
|
|
#SR6WE .pc div.matrix div.devices div.headers h2[data-i18n='primary'] {
|
|
text-align: center; }
|
|
|
|
/* item name/rtg/primary always displayed */
|
|
#SR6WE .pc div.matrix div.devices div.repitem {
|
|
display: grid !important;
|
|
grid-template-columns: 1fr 4em 4em 1em 1em !important; }
|
|
|
|
#SR6WE .pc div.matrix div.devices div.repitem span[name='attr_name'] {
|
|
text-align: left; }
|
|
#SR6WE .pc div.matrix div.devices div.repitem span[name='attr_device_rating'] {
|
|
text-align: center; }
|
|
#SR6WE .pc div.matrix div.devices div.repitem span[name='attr_primary_device'] {
|
|
text-align: center; }
|
|
|
|
/* persona attribute buttons */
|
|
#SR6WE .pc div.matrix div.devices div.persona-attribute-buttons {
|
|
grid-column: 1 / 6 !important; }
|
|
#SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 {
|
|
margin: 0px 0px 5px 0px;
|
|
display: grid;
|
|
grid-template-columns: 1fr repeat(4, 6em) 1fr;
|
|
grid-column-gap: 5.25px;
|
|
text-align: left;
|
|
align-items: center;
|
|
vertical-align: middle; }
|
|
#SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 span,
|
|
#SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 label {
|
|
text-align: center !important; }
|
|
#SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 input[type='number'] {
|
|
width: 2em !important; }
|
|
/* device attribute buttons */
|
|
#SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 span {
|
|
position: relative;
|
|
display: inline !important; }
|
|
/* hide the checkbox and make it fill the space */
|
|
#SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 input[type='checkbox'] {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
opacity: 0; }
|
|
/* shape the button and make it fill the space */
|
|
#SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 input[type='checkbox'] + button {
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 2;
|
|
height: 100%;
|
|
width: 100%;
|
|
pointer-events: none;
|
|
font-weight: bold;
|
|
box-shadow: #460141 0px 1px 5px 2px inset;
|
|
white-space: nowrap;
|
|
color: #460141; }
|
|
/* button when checkbox NOT checked */
|
|
#SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 input[type='checkbox']:not(:checked) + button,
|
|
#SR6WE .npc .sprite.attribute button[data-i18n='attack'],
|
|
#SR6WE .npc .sprite.attribute button[data-i18n='sleaze'],
|
|
#SR6WE .npc .sprite.attribute button[data-i18n='data_processing'],
|
|
#SR6WE .npc .sprite.attribute button[data-i18n='firewall'],
|
|
#SR6WE .npc .host.attribute button[data-i18n='attack'],
|
|
#SR6WE .npc .host.attribute button[data-i18n='sleaze'],
|
|
#SR6WE .npc .host.attribute button[data-i18n='data_processing'],
|
|
#SR6WE .npc .host.attribute button[data-i18n='firewall'] {
|
|
border: 1px solid black !important;
|
|
border-radius: 10px !important; }
|
|
/* button when checkbox NOT */
|
|
#SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 input[type='checkbox']:checked + button {
|
|
color: white;
|
|
border: 1px solid black;
|
|
border-radius: 10px; }
|
|
#SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 input[type='checkbox']:checked + button[name='attack'],
|
|
#SR6WE .npc .sprite button[data-i18n='attack'],
|
|
#SR6WE .npc .host button[data-i18n='attack'] {
|
|
color: white;
|
|
box-shadow: rgb(58, 0, 0) 0px 1px 5px 2px inset !important;
|
|
background-color: rgb(204, 7, 1) !important; }
|
|
#SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 input[type='checkbox']:checked + button[name='sleaze'],
|
|
#SR6WE .npc .sprite button[data-i18n='sleaze'],
|
|
#SR6WE .npc .host button[data-i18n='sleaze'] {
|
|
color: white;
|
|
box-shadow: rgb(0, 14, 59) 0px 1px 5px 2px inset !important;
|
|
background-color: rgb(0, 123, 252) !important; }
|
|
#SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 input[type='checkbox']:checked + button[name='dataproc'],
|
|
#SR6WE .npc .sprite button[data-i18n='data_processing'],
|
|
#SR6WE .npc .host button[data-i18n='data_processing'] {
|
|
color: white;
|
|
box-shadow: rgb(7, 66, 2) 0px 1px 5px 2px inset !important;
|
|
background-color: rgb(136, 221,4) !important; }
|
|
#SR6WE .pc div.matrix div.devices div.persona-attribute-buttons div.row3 input[type='checkbox']:checked + button[name='firewall'],
|
|
#SR6WE .npc .sprite button[data-i18n='firewall'],
|
|
#SR6WE .npc .host button[data-i18n='firewall'] {
|
|
color: white;
|
|
box-shadow: rgb(71, 1, 1) 0px 1px 5px 2px inset !important;
|
|
background-color: rgb(248, 135, 3) !important; }
|
|
|
|
|
|
|
|
/* hideable settings fields */
|
|
#SR6WE .pc div.matrix div.devices div.settings {
|
|
grid-column: 1 / 6 !important; }
|
|
|
|
#SR6WE .pc div.matrix div.devices div.settings div.rows {
|
|
width: 100%; }
|
|
|
|
|
|
#SR6WE .pc div.matrix div.devices div.settings div.rows div.row1{
|
|
margin: 0px 15px 5px 0px;
|
|
display: grid;
|
|
grid-template-columns: 246px 4em 4em 1em 1em;
|
|
text-align: center !important; }
|
|
|
|
#SR6WE .pc div.matrix div.devices div.settings div.rows div.row1 label:first-child input {
|
|
text-align: left; }
|
|
#SR6WE .pc div.matrix div.devices div.settings div.rows div.row1 label:not(:first-child) {
|
|
text-align: center; }
|
|
#SR6WE .pc div.matrix div.devices div.settings div.rows div.row1 input {
|
|
width: 2em; }
|
|
#SR6WE .pc div.matrix div.devices div.settings div.rows div.row1 input[name='attr_name'] {
|
|
width: 246px; }
|
|
|
|
#SR6WE .pc div.matrix div.devices div.settings div.rows div.row2{
|
|
margin: 0px 20px 5px 0px;
|
|
display: grid;
|
|
grid-template-columns: .5em auto auto 1fr auto 2em .5em;
|
|
grid-column-gap: 5px; }
|
|
|
|
|
|
#SR6WE .pc div.matrix div.devices div.settings div.rows div.row3 {
|
|
margin: 0px 15px 5px 0px;
|
|
display: grid;
|
|
grid-template-columns: 1fr repeat(4, 7em) 1fr;
|
|
grid-column-gap: 5.25px;
|
|
text-align: left;
|
|
vertical-align: middle; }
|
|
#SR6WE .pc div.matrix div.devices div.settings div.rows div.row3 span,
|
|
#SR6WE .pc div.matrix div.devices div.settings div.rows div.row3 label {
|
|
text-align: left !important; }
|
|
#SR6WE .pc div.matrix div.devices div.settings div.rows div.row3 input[type='number'] {
|
|
width: 2em !important; }
|
|
|
|
|
|
#SR6WE .pc div.matrix div.devices div.settings div.rows div.row4 {
|
|
margin: 0px 15px 5px 0px;
|
|
display: grid;
|
|
grid-column-gap: 5px;
|
|
grid-template-columns: 1fr auto 3em 1fr auto 3em 1fr;
|
|
vertical-align: middle; }
|
|
#SR6WE .pc div.matrix div.devices div.settings div.rows div.row4 span,
|
|
#SR6WE .pc div.matrix div.devices div.settings div.rows div.row4 label {
|
|
text-align: center !important;
|
|
vertical-align: middle; }
|
|
|
|
|
|
#SR6WE .pc div.matrix div.devices div.settings div.rows div.row5 {
|
|
margin: 0px 30px 5px 0px; }
|
|
|
|
|
|
#SR6WE .pc div.matrix div.devices div.settings div.rows div.row-condition-monitor {
|
|
margin-right: 20px;
|
|
display: grid;
|
|
grid-template-columns: 1fr auto 3em 1fr auto 3em 1fr; }
|
|
#SR6WE .pc div.matrix div.devices div.settings div.rows div.row-condition-monitor input[type='number'] {
|
|
width: 2em !important;
|
|
margin-left: 5px; }
|
|
|
|
|
|
#SR6WE .pc div.matrix div.devices div.repitem label[data-i18n-title='notes'],
|
|
#SR6WE .pc div.matrix div.devices div.repitem h3[data-i18n='notes'],
|
|
#SR6WE .pc div.matrix div.devices div.repitem label[data-i18n-title='modifications'],
|
|
#SR6WE .pc div.matrix div.devices div.repitem h3[data-i18n='modifications'],
|
|
#SR6WE .pc div.matrix div.devices div.repitem div.collapse {
|
|
grid-area: 2 / 1 / 2 / 5 !important;
|
|
width: 100% !important; }
|
|
#SR6WE .pc div.matrix div.devices div.repitem input.collapse-flag {
|
|
grid-area: 1 / 4 / 1 / 5 !important;
|
|
position: absolute !important;
|
|
width: 100% !important; }
|
|
#SR6WE .pc div.matrix div.devices div.repitem input.collapse-flag + span.pictos, #SR6WE .pc div.matrix div.devices div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, #SR6WE .settings-toggle .pc div.matrix div.devices div.repitem input[type='checkbox'].collapse-flag + span,
|
|
#SR6WE .pc div.matrix div.devices div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
#SR6WE .settings-flag .pc div.matrix div.devices div.repitem input[type='checkbox'].collapse-flag + span, #SR6WE .pc div.matrix div.devices div.repitem .flag-primary + div > input.collapse-flag + span, #SR6WE .pc div.matrix div.devices div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, #SR6WE .repcontrol .pc div.matrix div.devices div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
#SR6WE .pc div.matrix div.devices div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
#SR6WE .repcontrol .pc div.matrix div.devices div.repitem input.collapse-flag + span.repcontrol_add:after, #SR6WE .pc div.matrix div.devices div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, #SR6WE .itemcontrol .pc div.matrix div.devices div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 4 / 1 / 5 !important; }
|
|
#SR6WE .pc div.matrix div.devices div.repitem input.settings-flag,
|
|
#SR6WE .pc div.matrix div.devices div.repitem input.settings-flag + span.pictos,
|
|
#SR6WE .pc div.matrix div.devices div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .settings-toggle .pc div.matrix div.devices div.repitem input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .pc div.matrix div.devices div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .settings-flag .pc div.matrix div.devices div.repitem input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .pc div.matrix div.devices div.repitem .flag-primary + div > input.settings-flag + span,
|
|
#SR6WE .pc div.matrix div.devices div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
#SR6WE .repcontrol .pc div.matrix div.devices div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
#SR6WE .pc div.matrix div.devices div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
#SR6WE .repcontrol .pc div.matrix div.devices div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
#SR6WE .pc div.matrix div.devices div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
#SR6WE .itemcontrol .pc div.matrix div.devices div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 5 / 1 / 6 !important; }
|
|
|
|
|
|
#SR6WE .character-type[type='hidden'][name='attr_flag_special'][value='resonance'] ~ .pc .techno-hide {
|
|
display: none; }
|
|
|
|
#SR6WE input.character-type[name='attr_flag_special'][value='magic'] ~ .pc .techno-see,
|
|
#SR6WE input.character-type[name='attr_flag_special'][value='mundane'] ~ .pc .techno-see {
|
|
display: none !important; }
|
|
|
|
|
|
|
|
/* Matrix Programs */
|
|
.pc div.matrix div.programs div.repitem {
|
|
grid-template-columns: 1em 1fr 1em 1em !important; }
|
|
.pc div.matrix div.programs div.repitem label[data-i18n-title='notes'],
|
|
.pc div.matrix div.programs div.repitem h3[data-i18n='notes'],
|
|
.pc div.matrix div.programs div.repitem div.collapse {
|
|
grid-column: 1 / 5 !important; }
|
|
|
|
#SR6WE .pc div.matrix div.programs div.repitem input[name='attr_powered_on'] {
|
|
padding: 0px 12px 18px 1px !important;
|
|
grid-area: 1 / 1 / 1 / 2; }
|
|
#SR6WE .pc div.matrix div.programs div.repitem input[name='attr_powered_on'] + span {
|
|
padding: 0px 12px 18px 1px !important;
|
|
grid-area: 1 / 1 / 1 / 2; }
|
|
|
|
.pc div.matrix div.programs div.repitem input.collapse-flag {
|
|
grid-area: 1 / 2 / 1 / 4 !important;
|
|
position: absolute !important;
|
|
width: 100% !important; }
|
|
.pc div.matrix div.programs div.repitem input.collapse-flag + span.pictos, .pc div.matrix div.programs div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .pc div.matrix div.programs div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.matrix div.programs div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .pc div.matrix div.programs div.repitem input[type='checkbox'].collapse-flag + span, .pc div.matrix div.programs div.repitem .flag-primary + div > input.collapse-flag + span, .pc div.matrix div.programs div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .pc div.matrix div.programs div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.pc div.matrix div.programs div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.matrix div.programs div.repitem input.collapse-flag + span.repcontrol_add:after, .pc div.matrix div.programs div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .pc div.matrix div.programs div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 3 / 1 / 4 !important; }
|
|
.pc div.matrix div.programs div.repitem input.settings-flag,
|
|
.pc div.matrix div.programs div.repitem input.settings-flag + span.pictos,
|
|
.pc div.matrix div.programs div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .pc div.matrix div.programs div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.matrix div.programs div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .pc div.matrix div.programs div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.matrix div.programs div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.pc div.matrix div.programs div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.matrix div.programs div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.pc div.matrix div.programs div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.matrix div.programs div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.pc div.matrix div.programs div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.matrix div.programs div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 4 / 1 / 5 !important; }
|
|
.pc div.matrix div.programs div.settings {
|
|
grid-column: 1 / 5 !important; }
|
|
.pc div.matrix div.programs div.settings input[type='text'] {
|
|
grid-column: 1 / 5 !important;
|
|
text-align: left !important; }
|
|
.pc div.matrix div.programs div.settings label {
|
|
grid-column: 1 / 5 !important; }
|
|
|
|
|
|
|
|
|
|
/* Matrix Complex Forms */
|
|
#SR6WE .pc div.matrix div.complex-forms-rolls div.compile-sprite-button {
|
|
padding-bottom: 3px;
|
|
width: 100%;
|
|
display: inline-grid;
|
|
grid-template-columns: 1fr 10em 1fr 10em 1fr;
|
|
}
|
|
|
|
#SR6WE .pc div.matrix div.complex-forms-rolls button,
|
|
#SR6WE .pc div.matrix div.complex-forms-rolls button span {
|
|
padding-right: 3px;
|
|
display: inline !important; }
|
|
|
|
#SR6WE .pc div.matrix div.complex-forms div.headers {
|
|
display: grid;
|
|
grid-template-columns: 1fr 7em 4em 1em 1em; }
|
|
#SR6WE .pc div.matrix div.complex-forms div.headers h2:nth-of-type(1n+2) {
|
|
text-align: center; }
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem {
|
|
grid-template-columns: 1fr 7em 4em 1em 1em; }
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem label[data-i18n-title='notes'],
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem label[data-i18n-title='modifications'],
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem h3[data-i18n='notes'],
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem div.collapse {
|
|
grid-column: 1 / 6; }
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem input.collapse-flag {
|
|
grid-area: 1 / 4 / 1 / 5; }
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem input.collapse-flag + span.pictos, #SR6WE .pc div.matrix div.complex-forms div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, #SR6WE .settings-toggle .pc div.matrix div.complex-forms div.repitem input[type='checkbox'].collapse-flag + span,
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
#SR6WE .settings-flag .pc div.matrix div.complex-forms div.repitem input[type='checkbox'].collapse-flag + span, #SR6WE .pc div.matrix div.complex-forms div.repitem .flag-primary + div > input.collapse-flag + span, #SR6WE .pc div.matrix div.complex-forms div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, #SR6WE .repcontrol .pc div.matrix div.complex-forms div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
#SR6WE .repcontrol .pc div.matrix div.complex-forms div.repitem input.collapse-flag + span.repcontrol_add:after, #SR6WE .pc div.matrix div.complex-forms div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, #SR6WE .itemcontrol .pc div.matrix div.complex-forms div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 4 / 1 / 5; }
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem input.settings-flag,
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem input.settings-flag + span.pictos,
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .settings-toggle .pc div.matrix div.complex-forms div.repitem input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .settings-flag .pc div.matrix div.complex-forms div.repitem input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem .flag-primary + div > input.settings-flag + span,
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
#SR6WE .repcontrol .pc div.matrix div.complex-forms div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
#SR6WE .repcontrol .pc div.matrix div.complex-forms div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
#SR6WE .itemcontrol .pc div.matrix div.complex-forms div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 5 / 1 / 6; }
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem div.row {
|
|
grid-column: 1 / 6;
|
|
margin-left: 0px; }
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem div.settings {
|
|
grid-column: 1 / 6;
|
|
grid-template-columns: 1fr 7em 4em 1em 1em; }
|
|
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem span.hide-roll-button {
|
|
display: none; }
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem span.show-name,
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem button.show-name {
|
|
font-weight: bold;
|
|
display: none; }
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem span.hide-roll-button:empty ~ button[name='act_complexform'] {
|
|
display: none !important; }
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem span.hide-roll-button:empty ~ span.show-name,
|
|
#SR6WE .pc div.matrix div.complex-forms div.repitem span.hide-roll-button:empty ~ button.show-name {
|
|
display: inherit; }
|
|
|
|
|
|
/* Matrix Submersion */
|
|
#SR6WE .pc div.matrix div.submersion div.submersion-headers {
|
|
margin-bottom: 3px;
|
|
align-items: center;
|
|
padding: 0px 20px 0px 0px;
|
|
grid-gap: 5px;
|
|
display: grid;
|
|
grid-template-columns: auto 1fr auto 2em; }
|
|
|
|
/* Matrix echoes Echoes */
|
|
#SR6WE .pc div.matrix div.echoes div.repitem {
|
|
display: grid;
|
|
grid-template-columns: auto 1fr 1em 1em; }
|
|
#SR6WE .pc div.matrix div.echoes div.repitem label[data-i18n-title='notes'],
|
|
#SR6WE .pc div.matrix div.echoes div.repitem h3[data-i18n='notes'],
|
|
#SR6WE .pc div.matrix div.echoes div.repitem div.collapse,
|
|
#SR6WE .pc div.matrix div.echoes div.repitem label[data-i18n-title='modifications'],
|
|
#SR6WE .pc div.matrix div.echoes div.repitem h3[data-i18n='modifications'] {
|
|
grid-column: 1 / 5; }
|
|
#SR6WE .pc div.matrix div.echoes div.repitem input.collapse-flag {
|
|
grid-area: 1 / 3 / 1 / 4; }
|
|
#SR6WE .pc div.matrix div.echoes div.repitem input.collapse-flag + span.pictos, #SR6WE .pc div.matrix div.echoes div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, #SR6WE .settings-toggle .pc div.matrix div.echoes div.repitem input[type='checkbox'].collapse-flag + span,
|
|
#SR6WE .pc div.matrix div.echoes div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
#SR6WE .settings-flag .pc div.matrix div.echoes div.repitem input[type='checkbox'].collapse-flag + span, #SR6WE .pc div.matrix div.echoes div.repitem .flag-primary + div > input.collapse-flag + span, #SR6WE .pc div.matrix div.echoes div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, #SR6WE .repcontrol .pc div.matrix div.echoes div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
#SR6WE .pc div.matrix div.echoes div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
#SR6WE .repcontrol .pc div.matrix div.echoes div.repitem input.collapse-flag + span.repcontrol_add:after, #SR6WE .pc div.matrix div.echoes div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, #SR6WE .itemcontrol .pc div.matrix div.echoes div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 3 / 1 / 4; }
|
|
#SR6WE .pc div.matrix div.echoes div.repitem input.settings-flag,
|
|
#SR6WE .pc div.matrix div.echoes div.repitem input.settings-flag + span.pictos,
|
|
#SR6WE .pc div.matrix div.echoes div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .settings-toggle .pc div.matrix div.echoes div.repitem input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .pc div.matrix div.echoes div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .settings-flag .pc div.matrix div.echoes div.repitem input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .pc div.matrix div.echoes div.repitem .flag-primary + div > input.settings-flag + span,
|
|
#SR6WE .pc div.matrix div.echoes div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
#SR6WE .repcontrol .pc div.matrix div.echoes div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
#SR6WE .pc div.matrix div.echoes div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
#SR6WE .repcontrol .pc div.matrix div.echoes div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
#SR6WE .pc div.matrix div.echoes div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
#SR6WE .itemcontrol .pc div.matrix div.echoes div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 4 / 1 / 5; }
|
|
#SR6WE .pc div.matrix div.echoes div.repitem div.row {
|
|
grid-column: 1 / 5;
|
|
margin-left: 0px; }
|
|
#SR6WE .pc div.matrix div.echoes div.repitem div.settings {
|
|
grid-column: 1 / 5;
|
|
grid-template-columns: 1fr; }
|
|
|
|
|
|
|
|
/* Matrix sprites Echoes */
|
|
#SR6WE .pc div.matrix div.sprites div.headers {
|
|
display: grid;
|
|
grid-template-columns: 11px 2em 10em 3em 2em 2em 1fr 1em 1em;
|
|
margin-bottom: 0px; }
|
|
|
|
#SR6WE .pc div.matrix div.sprites div.repitem {
|
|
display: grid;
|
|
grid-template-columns: 11px 2em 10em 2em 2em 1fr; }
|
|
#SR6WE .pc div.matrix div.sprites div.repitem label[data-i18n-title='notes'],
|
|
#SR6WE .pc div.matrix div.sprites div.repitem h3[data-i18n='notes'],
|
|
#SR6WE .pc div.matrix div.sprites div.repitem div.collapse,
|
|
#SR6WE .pc div.matrix div.sprites div.repitem label[data-i18n-title='modifications'],
|
|
#SR6WE .pc div.matrix div.sprites div.repitem h3[data-i18n='modifications'] {
|
|
grid-column: 1 / 10; }
|
|
#SR6WE .pc div.matrix div.sprites div.repitem input.collapse-flag {
|
|
grid-area: 1 / 8 / 1 / 9; }
|
|
#SR6WE .pc div.matrix div.sprites div.repitem input.collapse-flag + span.pictos, #SR6WE .pc div.matrix div.sprites div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, #SR6WE .settings-toggle .pc div.matrix div.sprites div.repitem input[type='checkbox'].collapse-flag + span,
|
|
#SR6WE .pc div.matrix div.sprites div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
#SR6WE .settings-flag .pc div.matrix div.sprites div.repitem input[type='checkbox'].collapse-flag + span, #SR6WE .pc div.matrix div.sprites div.repitem .flag-primary + div > input.collapse-flag + span, #SR6WE .pc div.matrix div.sprites div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, #SR6WE .repcontrol .pc div.matrix div.sprites div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
#SR6WE .pc div.matrix div.sprites div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
#SR6WE .repcontrol .pc div.matrix div.sprites div.repitem input.collapse-flag + span.repcontrol_add:after, #SR6WE .pc div.matrix div.sprites div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, #SR6WE .itemcontrol .pc div.matrix div.sprites div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 8 / 1 / 9; }
|
|
#SR6WE .pc div.matrix div.sprites div.repitem input.settings-flag,
|
|
#SR6WE .pc div.matrix div.sprites div.repitem input.settings-flag + span.pictos,
|
|
#SR6WE .pc div.matrix div.sprites div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .settings-toggle .pc div.matrix div.sprites div.repitem input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .pc div.matrix div.sprites div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .settings-flag .pc div.matrix div.sprites div.repitem input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .pc div.matrix div.sprites div.repitem .flag-primary + div > input.settings-flag + span,
|
|
#SR6WE .pc div.matrix div.sprites div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
#SR6WE .repcontrol .pc div.matrix div.sprites div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
#SR6WE .pc div.matrix div.sprites div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
#SR6WE .repcontrol .pc div.matrix div.sprites div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
#SR6WE .pc div.matrix div.sprites div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
#SR6WE .itemcontrol .pc div.matrix div.sprites div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 9 / 1 / 10; }
|
|
#SR6WE .pc div.matrix div.sprites div.repitem div.row {
|
|
grid-column: 1 / 10;
|
|
padding-left: 0px; }
|
|
#SR6WE .pc div.matrix div.sprites div.repitem div.settings {
|
|
margin-left: 0px;
|
|
grid-column: 1 / 9;
|
|
grid-template-columns: 2em 10em 2em 2em 2em 1fr; }
|
|
|
|
|
|
|
|
|
|
|
|
/***** PC ROWS & COLUMNS SETTINGS *****/
|
|
.pc-row {
|
|
margin-bottom: 10px; }
|
|
|
|
.pc-col {
|
|
vertical-align: top !important;
|
|
width: calc(50% - 5px) !important; }
|
|
.pc-col:first-child {
|
|
margin-right: 1.5% !important;
|
|
width: calc(50% - 10px) !important; }
|
|
|
|
.row-long {
|
|
border-bottom: 1px solid #000 !important; }
|
|
|
|
.settings-row {
|
|
margin-top: 5px !important; }
|
|
.settings-row select.skill-select {
|
|
width: 29% !important; }
|
|
|
|
/***** HEADERS AND TRIANGLES *****/
|
|
div.header {
|
|
display: inline-flex !important;
|
|
float: right !important;
|
|
height: 20px !important; }
|
|
|
|
div.triangle,
|
|
div.right-tri {
|
|
border-top: 20px solid transparent !important; }
|
|
|
|
div.triangle {
|
|
border-right: 30px solid #460141 !important; }
|
|
|
|
div.right-tri {
|
|
border-left: 30px solid #460141 !important; }
|
|
|
|
div.right-header {
|
|
margin-right: -8% !important;
|
|
float: left !important; }
|
|
|
|
div.left-header {
|
|
margin-left: -8% !important;
|
|
float: right !important; }
|
|
|
|
/***** SECONDARY HEADERS LIKE ON SKILLS *****/
|
|
div.htab input[type='radio'] {
|
|
margin-right: -80px !important;
|
|
top: 4px !important;
|
|
width: 80px !important; }
|
|
div.htab input[type='radio'] + h1 {
|
|
color: #9a9a9a !important; }
|
|
div.htab input[type='radio']:hover ~ h1, div.htab input[type='radio']:checked ~ h1 {
|
|
color: #fff !important; }
|
|
|
|
/***** BOXES FOR DIFFERENT PC SECTIONS *****/
|
|
.pc-box {
|
|
background-color: #e7e6e5 !important;
|
|
margin-left: 1.5px !important;
|
|
margin-right: 1.5px !important;
|
|
padding-left: 5px !important;
|
|
padding-right: 5px !important;
|
|
height: auto !important; }
|
|
|
|
.small-box {
|
|
min-height: 150px !important; }
|
|
|
|
.medium-box {
|
|
min-height: 330px !important; }
|
|
|
|
/***** CHARACTER PERSONAL DATA SECTION INPUTS *****/
|
|
.pd-nam input[type='text'] {
|
|
width: 66% !important; }
|
|
|
|
.pd-meta input[type='text'] {
|
|
width: 35.5% !important; }
|
|
|
|
.pd-age input[type='text'] {
|
|
width: 13% !important; }
|
|
|
|
.pd-rep input[type='number'] {
|
|
border: none !important;
|
|
width: 13.5% !important; }
|
|
|
|
.pd-kar input[type='number'],
|
|
.pd-kar input[type='text'] {
|
|
border: none !important;
|
|
width: 13.5% !important; }
|
|
|
|
.pd-rep input[name='attr_nuyen'], input[name='attr_nuyen'] {
|
|
width: 7em !important;
|
|
text-align: left !important; }
|
|
|
|
h2[data-i18n='nuyen'], h3[data-i18n='nuyen'] {
|
|
font-size: 15px !important;
|
|
vertical-align: middle !important; }
|
|
|
|
|
|
/***** CORE COMBAT INFO *****/
|
|
.core-combat button[type='roll'],
|
|
.core-combat button[type='action'] {
|
|
font-size: 0.9em !important;
|
|
text-align: left !important; }
|
|
.core-combat h2, .core-combat h3 {
|
|
margin-right: 0px !important; }
|
|
.core-combat button[name="roll_soak"] { }
|
|
.core-combat button[name="roll_soak"] > span {
|
|
display: block !important;
|
|
overflow: hidden !important;
|
|
text-overflow: ellipsis !important;
|
|
width: 100% !important; }
|
|
|
|
.flag-primary + div {
|
|
display: none !important; }
|
|
.flag-primary[value='primary'] + div {
|
|
display: inline !important;
|
|
margin-right: -5% !important; }
|
|
|
|
/***** PRIMARY WEAPON *****/
|
|
.cc-row {}
|
|
.cc-row button[type='action'] {
|
|
font-family: fontello !important; }
|
|
|
|
/** The x# after ammo button **/
|
|
.cc-row button[type='action'] > span {
|
|
display: inline !important;
|
|
margin-left: 0px !important; }
|
|
|
|
.cc-row button[type='action'] > span[name='attr_shots_fired']:before {
|
|
content: 'x' !important; }
|
|
|
|
.cc-row button[name*='shots'],
|
|
.cc-row button[name='act_reload'] {
|
|
border-bottom: 2px solid #666 !important;
|
|
border-bottom-right-radius: 2px !important;
|
|
border-color: #aaa !important;
|
|
border-radius: 5px !important;
|
|
border-right: 3px solid #999 !important;
|
|
border-style: outset !important;
|
|
display: flex;
|
|
align-items: center; }
|
|
|
|
.cc-row button[name='act_primary_ammo'] {
|
|
border-bottom: 2px solid #666 !important;
|
|
border-bottom-right-radius: 2px !important;
|
|
border-color: #aaa !important;
|
|
border-radius: 5px !important;
|
|
border-right: 3px solid #999 !important;
|
|
border-style: outset !important;
|
|
display: flex;
|
|
align-items: center;
|
|
width: 3.5em; }
|
|
|
|
.cc-row button[name*='shots_remove'] {
|
|
transform: rotate(180deg) !important;
|
|
/* IE 9 */
|
|
-ms-transform: rotate(180deg) !important;
|
|
/* Safari 3-8 */
|
|
-webkit-transform: rotate(180deg) !important; }
|
|
|
|
|
|
.cc-row button[type='roll'] > span,
|
|
.cc-row button[type='action'] > span,
|
|
.cc-row h3 + span {
|
|
display: inline-block !important;
|
|
margin-left: 1% !important; }
|
|
.cc-row span[name*='ammo'] { }
|
|
.cc-row span[name*='ammo_max']:before {
|
|
content: ' / ' !important; }
|
|
.cc-row span[name*='fired'] {
|
|
font-size: 0.9em !important; }
|
|
div.primary-range-row2 span[name='attr_primary_range_weapon_ammo'] {
|
|
text-align: right;
|
|
padding-right: 3px; }
|
|
div.primary-range-row2 span[name='attr_primary_range_weapon_ammo_max'] {
|
|
text-align: left;
|
|
padding-left: 3px; }
|
|
|
|
|
|
/***** Primary Melee Weapon Display *****/
|
|
div.primary-melee {
|
|
display: grid !important;
|
|
grid-template-columns: 16em 1fr 3em 3em 1.5em 1.5em 1.5em 1.5em 1.5em !important; }
|
|
|
|
/***** Primary Range Weapon Display *****/
|
|
div.primary-range {
|
|
display: grid !important;
|
|
grid-template-columns: 16em 1fr 3em 3em 1.5em 1.5em 1.5em 1.5em 1.5em !important; }
|
|
div.primary-range-row2 {
|
|
display: grid !important;
|
|
grid-template-columns: 11em 4px 8em 4px 1.3em 3.1em 1.3em 1.6em 2.1em 1.5em !important;
|
|
align-items: center;
|
|
}
|
|
div.primary-range-mods {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1.5em;
|
|
max-height: 10em;
|
|
}
|
|
div.primary-range-mods label.mods-flag, div.primary-range-mods span.mods-flag {
|
|
grid-area: 1 / 2 / 1 / 3;
|
|
z-index: 0;
|
|
padding-left: 4px;
|
|
padding-top: 0px;
|
|
font-size: large;
|
|
}
|
|
div.primary-range-mods input.mods-flag {
|
|
grid-area: 1 / 1 / 1 / 3;
|
|
z-index: 1;
|
|
opacity: 0%;
|
|
display: inline;
|
|
}
|
|
div.primary-range-mods h2.mods-list-label {
|
|
grid-area: 1 / 1 / 1 / 2;
|
|
}
|
|
div.primary-range-mods div.modal div.mods-title {
|
|
width: 100%;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: large;
|
|
}
|
|
|
|
|
|
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem {
|
|
display: grid;
|
|
grid-template-columns: 1.5em auto 5em 5em 1em 1em; }
|
|
.pc div.core-combat div.primary-range-mods div.headers {
|
|
display: grid;
|
|
grid-template-columns: 2em auto 5em 5em 1em 1em; }
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem .settings {
|
|
grid-column: 1 / 7;
|
|
display: grid;
|
|
grid-template-columns: 1.2em auto 5em 5em 1em 1em; }
|
|
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem label[data-i18n-title='notes'],
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem h3[data-i18n='notes'],
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem div.collapse,
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem label[data-i18n-title='modifications'],
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem h3[data-i18n='modifications'] {
|
|
grid-column: 1 / 7; }
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem input.collapse-flag {
|
|
grid-area: 1 / 5 / 1 / 6; }
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem input.collapse-flag + span.pictos,
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span,
|
|
.settings-toggle .pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem .flag-primary + div > input.collapse-flag + span,
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem input.collapse-flag + span.repcontrol_add:after,
|
|
.pc div.core-combat div.primary-range-mods div.repeating_weapon-mods div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 5 / 1 / 6; }
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem input.settings-flag,
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem input.settings-flag + span.pictos,
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem input[type='checkbox'].settings-flag + span,
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .pc div.core-combat div.primary-range-mods div.modal div.repeating-container div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 6 / 1 / 7; }
|
|
|
|
|
|
|
|
|
|
div.primary-range input[name='attr_primary_range_weapon_split_dicepool'][value='2'] ~ button[name='act_primary_range_weapon'] {
|
|
display: none; }
|
|
div.primary-range input[name='attr_primary_range_weapon_split_dicepool'][value='0'] ~ button[name='act_primary_range_weapon_split_pool_2'] {
|
|
display: none; }
|
|
|
|
|
|
#SR6WE .pc div.primary-range-row2 input[name='attr_primary_range_weapon_mode_singleshot'][value='0'] ~ select[name='attr_primary_range_weapon_mode'] option[data-i18n='singleshot'],
|
|
#SR6WE .pc div.primary-range-row2 input[name='attr_primary_range_weapon_mode_semiauto'][value='0'] ~ select[name='attr_primary_range_weapon_mode'] option[data-i18n='semiauto'],
|
|
#SR6WE .pc div.primary-range-row2 input[name='attr_primary_range_weapon_mode_burst'][value='0'] ~ select[name='attr_primary_range_weapon_mode'] option[data-i18n='burstfire'],
|
|
#SR6WE .pc div.primary-range-row2 input[name='attr_primary_range_weapon_mode_burstwide'][value='0'] ~ select[name='attr_primary_range_weapon_mode'] option[data-i18n='burstwide'],
|
|
#SR6WE .pc div.primary-range-row2 input[name='attr_primary_range_weapon_mode_fullauto'][value='0'] ~ select[name='attr_primary_range_weapon_mode'] option[data-i18n='fullauto'],
|
|
#SR6WE .pc div.primary-range-row2 input[name='attr_primary_range_weapon_mode_other'][value='0'] ~ select[name='attr_primary_range_weapon_mode'] option[data-i18n='other'] {
|
|
display: none;
|
|
background-color: gray; }
|
|
|
|
|
|
|
|
|
|
|
|
/***** Armor Display *****/
|
|
div.armor-info {
|
|
display: grid !important;
|
|
width: 100% !important;
|
|
grid-template-columns: 1fr 7em 1fr 7em 1fr 7em 1fr 7em 1fr !important; }
|
|
div.magic-defense {
|
|
display: grid !important;
|
|
width: 100% !important;
|
|
grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr !important; }
|
|
div.matrix-defense {
|
|
display: grid !important;
|
|
width: 100% !important;
|
|
grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr !important; }
|
|
div.armor-resists {
|
|
display: grid !important;
|
|
grid-template-columns: .2fr .2fr .2fr .2fr .2fr !important; }
|
|
div.armor-resist {
|
|
text-align: left !important; }
|
|
span.armor-resist-value {
|
|
background-color: white !important;
|
|
border: 1px solid black !important;
|
|
border-radius: 1px !important;
|
|
text-align: center !important;
|
|
vertical-align: middle !important;
|
|
padding: 2px 2px !important; }
|
|
span.chem {
|
|
color: #006400 !important;
|
|
text-shadow: 0px 0px 3px black !important; }
|
|
span.cold {
|
|
color: #0000ff !important;
|
|
text-shadow: 0px 0px 3px black !important; }
|
|
span.elec {
|
|
color: #ffff00 !important;
|
|
text-shadow: 0px 0px 3px black !important; }
|
|
span.fire {
|
|
color: #ff0000 !important;
|
|
text-shadow: 0px 0px 3px black !important; }
|
|
|
|
|
|
|
|
|
|
|
|
/***** ATTRIBUTE AND CONDITION MONITOR *****/
|
|
/***** ATTRIBUTES BOX *****/
|
|
.attr-box h3 {
|
|
color: #000 !important; }
|
|
|
|
.attr-col {
|
|
display: inline-block !important;
|
|
margin-top: 15px !important;
|
|
vertical-align: top !important;
|
|
width: 48% !important; }
|
|
#SR6WE .attr-col button[type='roll'],
|
|
#SR6WE .attr-col button[type='action'],
|
|
#SR6WE .npc .attribute button[type='roll'],
|
|
#SR6WE .npc .attribute button[type='action'],
|
|
#SR6WE .npc .rows button[type='roll'],
|
|
#SR6WE .npc .rows button[type='action'] {
|
|
border-bottom: 1px solid #000;
|
|
border-radius: 0px;
|
|
cursor: pointer;
|
|
font-size: 0.9em;
|
|
font-weight: bold;
|
|
margin-left: 0px;
|
|
padding-right: 2px;
|
|
text-align: right;
|
|
width: 30%; }
|
|
#SR6WE .npc .attribute button[type='roll'],
|
|
#SR6WE .npc .attribute button[type='action'],
|
|
#SR6WE .npc .npc-roll-rows button[type='roll'],
|
|
#SR6WE .npc .npc-roll-rows button[type='action'],
|
|
#SR6WE .npc .rows button[type='roll'],
|
|
#SR6WE .npc .rows button[type='action'] {
|
|
background-color: white;
|
|
font-size: 1em;
|
|
text-align: center;
|
|
width: unset; }
|
|
#SR6WE .npc .rows .repitem button[type='action'][name='act_skill'],
|
|
#SR6WE .npc .rows .repitem button[type='action'][name='act_spriteskill'],
|
|
#SR6WE .npc .rows .repitem button[type='action'][name='act_spiritskill'],
|
|
#SR6WE .npc .rows .repitem button[name='roll_power'],
|
|
#SR6WE .npc .rows .repitem button[name='roll_npc_knowledge'] {
|
|
margin-left: 15px !important; }
|
|
.attr-col button > span {
|
|
font-weight: bold !important; }
|
|
.attr-col input[type='number'] {
|
|
border-radius: 0px !important;
|
|
width: 23% !important;
|
|
font-weight: bold !important; }
|
|
.attr-col input[type='text'] {
|
|
width: 50% !important; }
|
|
.attr-col .totals {
|
|
padding: 0px 2px !important; }
|
|
.attr-col-left {
|
|
margin-left: -7% !important; }
|
|
.attr-col-right {
|
|
width: 50% !important; }
|
|
.attr-col-right button[type='roll'],
|
|
.attr-col-right button[type='action']{
|
|
margin-right: 0px !important;
|
|
width: 50% !important; }
|
|
.attr-col-right .attr-ini input[type='number'] {
|
|
width: 17% !important; }
|
|
.attr-col-right label {
|
|
border-bottom: 1px solid #000 !important;
|
|
font-size: 0.9em !important;
|
|
height: 22px !important;
|
|
text-align: right !important;
|
|
width: 50% !important; }
|
|
.attr-col-right .attr-und {
|
|
width: 48% !important; }
|
|
.attr-und input[name="attr_move_speed"],
|
|
.attr-und input[name="attr_sprint_speed"] {
|
|
width: 3em; !important; }
|
|
.attr-und .display button[name='sprint'] {
|
|
text-align: center !important; }
|
|
|
|
.settings-toggle:checked ~ .attr-col-right .attr-ini {
|
|
width: 63% !important; }
|
|
|
|
.settings-toggle:checked ~ .attr-col-right button.attr-ini {
|
|
width: 35% !important; }
|
|
|
|
.settings-toggle:checked ~ .attr-col-right button.attr-ini .init-settings {
|
|
display: inline !important; }
|
|
|
|
.attr-col-right button.attr-ini .init-settings,
|
|
.settings-toggle:checked ~ .attr-col-right button.attr-ini .init-display {
|
|
display: none !important; }
|
|
|
|
.attr-und {
|
|
border-bottom: 1px solid #000 !important;
|
|
display: inline-block !important;
|
|
height: 22px !important;
|
|
margin-bottom: 4px !important;
|
|
vertical-align: top !important;
|
|
text-align: center !important;
|
|
width: 65% !important; }
|
|
.attr-und .display {
|
|
text-align: center !important; }
|
|
|
|
.tiny-span {
|
|
font-size: 0.75em !important; }
|
|
|
|
/***** ATTRIBUTE LIMITS *****/
|
|
.attr-lim {
|
|
margin-top: 20px !important; }
|
|
.attr-lim div {
|
|
display: inline-block !important;
|
|
height: 22px !important;
|
|
text-align: center !important;
|
|
width: 10% !important; }
|
|
.attr-lim input[type='number'] {
|
|
width: 6% !important; }
|
|
.attr-lim label {
|
|
width: auto !important; }
|
|
.attr-lim span + span {
|
|
margin-right: 1% !important; }
|
|
.attr-lim .display {
|
|
width: 100% !important; }
|
|
|
|
/***** ATTRIBUTE AND CONDITION MONITOR SETTINGS TOGGLES *****/
|
|
/***** ATTRIBUTE SETTINGS TOGGLE *****/
|
|
.attr-box input.settings-toggle {
|
|
left: 98% !important; }
|
|
.attr-box input.settings-toggle + span {
|
|
font-size: 1em !important;
|
|
left: 94% !important;
|
|
top: 0px !important;
|
|
position: relative !important; }
|
|
|
|
/***** CONDITION SETTINGS TOGGLE *****/
|
|
.condition-box input[type='checkbox'] {
|
|
left: -1% !important; }
|
|
.condition-box input[type='checkbox'] + span {
|
|
left: -4% !important;
|
|
position: relative !important; }
|
|
|
|
/***** CONDITION MONITOR SECTION *****/
|
|
.con-track {
|
|
display: inline-block !important;
|
|
vertical-align: top !important;
|
|
width: 47% !important;
|
|
margin-top: 2% !important;
|
|
margin-bottom: 3% !important; }
|
|
.con-track button[type='action'] {
|
|
font-size: .75em !important;
|
|
font-weight: bold !important;
|
|
text-align: center !important;
|
|
padding: 1% 2% !important;
|
|
margin-left: 7% !important;
|
|
width: 100% !important; }
|
|
.con-track button[type='roll'] {
|
|
font-size: 1em !important;
|
|
font-weight: bold !important;
|
|
text-align: center !important;
|
|
padding: 1% 2% !important;
|
|
margin-left: 7% !important;
|
|
width: 100% !important; }
|
|
|
|
|
|
/***** CONDITION MONITOR SETTINGS *****/
|
|
.condition-box .display,
|
|
.condition-box .settings {
|
|
margin-top: -10px !important; }
|
|
|
|
/***** CONDITION MONITOR DISPLAY*****/
|
|
.condition-box .settings {
|
|
}
|
|
.condition-box .settings input {
|
|
border-bottom: 1px solid #000 !important;
|
|
border-radius: 0px !important;
|
|
height: 22px !important;
|
|
margin-bottom: 5px !important; }
|
|
.condition-box .settings .con-footer {
|
|
margin-top: 0px !important;
|
|
text-indent: 10px !important; }
|
|
.condition-box .settings .con-footer .attr-und {
|
|
display: inline-block !important;
|
|
margin-bottom: -5px !important;
|
|
text-align: center !important;
|
|
width: 60% !important; }
|
|
|
|
/***** CONDITION MONITOR SQUARES *****/
|
|
.squares {
|
|
margin-left: 20% !important;
|
|
width: 70% !important; }
|
|
.squares div {
|
|
background-color: transparent !important;
|
|
border-right: none !important;
|
|
left: 81% !important;
|
|
margin-bottom: -20px !important;
|
|
position: relative !important;
|
|
top: -15px !important; }
|
|
.squares input[type='radio'],
|
|
.squares span {
|
|
height: 45px !important;
|
|
width: 33% !important; }
|
|
.squares input[type='radio'] {
|
|
clear: both !important;
|
|
left: 2px !important;
|
|
margin-right: -43px !important;
|
|
position: relative !important;
|
|
top: 6px !important; }
|
|
.squares span {
|
|
background-color: #9a9a9a !important;
|
|
border-radius: 0px !important;
|
|
border: 2px solid #460141 !important;
|
|
box-shadow: inset 0px 0px 3px 1px #7c7c7c !important;
|
|
display: inline-block !important;
|
|
margin-bottom: -25px !important;
|
|
margin-right: -7px !important; }
|
|
|
|
.squares input[type='radio']:checked ~ input[type='radio'] + span,
|
|
.con-track input[type='radio']:checked ~ .squares span,
|
|
.con-track input[type='hidden'][value='0'] ~ .squares span {
|
|
background-color: transparent !important; }
|
|
|
|
/***** MAKE CONDITION SQUARES APPEAR & DISPPEAR *****/
|
|
.hex-hider[value='6'] ~ input[type='radio']:nth-child(1n+14),
|
|
.hex-hider[value='7'] ~ input[type='radio']:nth-child(1n+17),
|
|
.hex-hider[value='8'] ~ input[type='radio']:nth-child(1n+19),
|
|
.hex-hider[value='9'] ~ input[type='radio']:nth-child(1n+21),
|
|
.hex-hider[value='10'] ~ input[type='radio']:nth-child(1n+24),
|
|
.hex-hider[value='11'] ~ input[type='radio']:nth-child(1n+26),
|
|
.hex-hider[value='12'] ~ input[type='radio']:nth-child(1n+28),
|
|
.hex-hider[value='13'] ~ input[type='radio']:nth-child(1n+32),
|
|
.hex-hider[value='14'] ~ input[type='radio']:nth-child(1n+34),
|
|
.hex-hider[value='15'] ~ input[type='radio']:nth-child(1n+36),
|
|
.hex-hider[value='16'] ~ input[type='radio']:nth-child(1n+38),
|
|
.hex-hider[value='17'] ~ input[type='radio']:nth-child(1n+40),
|
|
.hex-hider[value='18'] ~ input[type='radio']:nth-child(1n+42),
|
|
|
|
.hex-hider[value='19'] ~ input[type='radio']:nth-child(1n+50),
|
|
|
|
.hex-hider[value='20'] ~ input[type='radio']:nth-child(1n+53),
|
|
.hex-hider[value='21'] ~ input[type='radio']:nth-child(1n+55),
|
|
.hex-hider[value='22'] ~ input[type='radio']:nth-child(1n+57),
|
|
.hex-hider[value='23'] ~ input[type='radio']:nth-child(1n+60),
|
|
.hex-hider[value='24'] ~ input[type='radio']:nth-child(1n+62),
|
|
.hex-hider[value='25'] ~ input[type='radio']:nth-child(1n+64),
|
|
.hex-hider[value='26'] ~ input[type='radio']:nth-child(1n+67),
|
|
.hex-hider[value='27'] ~ input[type='radio']:nth-child(1n+69),
|
|
.hex-hider[value='28'] ~ input[type='radio']:nth-child(1n+71),
|
|
.hex-hider[value='29'] ~ input[type='radio']:nth-child(1n+71),
|
|
|
|
|
|
.hex-hider[value='6'] ~ div:nth-child(1n+14),
|
|
.hex-hider[value='7'] ~ div:nth-child(1n+17),
|
|
.hex-hider[value='8'] ~ div:nth-child(1n+19),
|
|
.hex-hider[value='9'] ~ div:nth-child(1n+24),
|
|
.hex-hider[value='10'] ~ div:nth-child(1n+24),
|
|
.hex-hider[value='11'] ~ div:nth-child(1n+24),
|
|
.hex-hider[value='12'] ~ div:nth-child(1n+30),
|
|
.hex-hider[value='13'] ~ div:nth-child(1n+30),
|
|
.hex-hider[value='14'] ~ div:nth-child(1n+30),
|
|
.hex-hider[value='15'] ~ div:nth-child(1n+38),
|
|
.hex-hider[value='16'] ~ div:nth-child(1n+38),
|
|
.hex-hider[value='17'] ~ div:nth-child(1n+38),
|
|
.hex-hider[value='18'] ~ div:nth-child(1n+45),
|
|
.hex-hider[value='19'] ~ div:nth-child(1n+45),
|
|
.hex-hider[value='20'] ~ div:nth-child(1n+45),
|
|
.hex-hider[value='21'] ~ div:nth-child(1n+52),
|
|
.hex-hider[value='22'] ~ div:nth-child(1n+52),
|
|
.hex-hider[value='23'] ~ div:nth-child(1n+52),
|
|
.hex-hider[value='24'] ~ div:nth-child(1n+58),
|
|
.hex-hider[value='25'] ~ div:nth-child(1n+58),
|
|
.hex-hider[value='26'] ~ div:nth-child(1n+58),
|
|
.hex-hider[value='27'] ~ div:nth-child(1n+66),
|
|
.hex-hider[value='28'] ~ div:nth-child(1n+66),
|
|
.hex-hider[value='29'] ~ div:nth-child(1n+66)
|
|
{
|
|
display: none !important; }
|
|
|
|
.hex-hider[value='6'] ~ input[type='radio']:nth-child(1n+14) + span,
|
|
.hex-hider[value='7'] ~ input[type='radio']:nth-child(1n+17) + span,
|
|
.hex-hider[value='8'] ~ input[type='radio']:nth-child(1n+19) + span,
|
|
.hex-hider[value='9'] ~ input[type='radio']:nth-child(1n+21) + span,
|
|
.hex-hider[value='10'] ~ input[type='radio']:nth-child(1n+24) + span,
|
|
.hex-hider[value='11'] ~ input[type='radio']:nth-child(1n+26) + span,
|
|
.hex-hider[value='12'] ~ input[type='radio']:nth-child(1n+28) + span,
|
|
.hex-hider[value='13'] ~ input[type='radio']:nth-child(1n+32) + span,
|
|
.hex-hider[value='14'] ~ input[type='radio']:nth-child(1n+34) + span,
|
|
.hex-hider[value='15'] ~ input[type='radio']:nth-child(1n+36) + span,
|
|
.hex-hider[value='16'] ~ input[type='radio']:nth-child(1n+38) + span,
|
|
.hex-hider[value='17'] ~ input[type='radio']:nth-child(1n+40) + span,
|
|
.hex-hider[value='18'] ~ input[type='radio']:nth-child(1n+42) + span,
|
|
|
|
.hex-hider[value='19'] ~ input[type='radio']:nth-child(1n+46) + span,
|
|
|
|
.hex-hider[value='20'] ~ input[type='radio']:nth-child(1n+48) + span,
|
|
.hex-hider[value='21'] ~ input[type='radio']:nth-child(1n+50) + span,
|
|
.hex-hider[value='22'] ~ input[type='radio']:nth-child(1n+53) + span,
|
|
.hex-hider[value='23'] ~ input[type='radio']:nth-child(1n+55) + span,
|
|
.hex-hider[value='24'] ~ input[type='radio']:nth-child(1n+57) + span,
|
|
.hex-hider[value='25'] ~ input[type='radio']:nth-child(1n+60) + span,
|
|
.hex-hider[value='26'] ~ input[type='radio']:nth-child(1n+62) + span,
|
|
.hex-hider[value='27'] ~ input[type='radio']:nth-child(1n+64) + span,
|
|
.hex-hider[value='28'] ~ input[type='radio']:nth-child(1n+67) + span,
|
|
.hex-hider[value='29'] ~ input[type='radio']:nth-child(1n+69) + span,
|
|
.hex-hider[value='30'] ~ input[type='radio']:nth-child(1n+71) + span
|
|
{
|
|
opacity: 0 !important; }
|
|
|
|
/***** CONDITION MONITOR FOOTERS *****/
|
|
.con-footer {
|
|
font-size: 0.8em !important;
|
|
margin-top: 10px !important; }
|
|
.con-footer label {
|
|
margin-right: 5px !important;
|
|
width: auto !important; }
|
|
.con-footer input[type='number'] {
|
|
border-bottom: 1px solid #000 !important;
|
|
border-radius: 0px !important;
|
|
height: 22px !important;
|
|
margin-top: -5px !important; }
|
|
|
|
/***** REPEATING FIELDS FOR PC SECTIONS SUCH AS SKILLS *****/
|
|
/***** REPEATING SECTION *****/
|
|
/***** REPEATING SECTION TOGGLES *****/
|
|
/***** REPEATING BOX SECTION INPUTS *****/
|
|
/***** REPEATING BOX DISPLAY *****/
|
|
/***** REPEATING SECTION SELECTS *****/
|
|
.repeat-box {
|
|
}
|
|
.repeat-box .medium-box {
|
|
height: auto !important;
|
|
min-height: 200px !important; }
|
|
.repeat-box h3 {
|
|
color: #000 !important;
|
|
margin-bottom: -3px !important; }
|
|
.repeat-box button.pictos, .repeat-box .cc-row button[name*='shots'], .cc-row .repeat-box button[name*='shots'], .repeat-box .cc-row button[name='act_reload'], .cc-row .repeat-box button[name='act_reload'], .repeat-box .cc-row button[name='act_primary_ammo'], .cc-row .repeat-box button[name='act_primary_ammo'], .repeat-box .repcontrol button.repcontrol_edit:after, .repcontrol .repeat-box button.repcontrol_edit:after,
|
|
.repeat-box .repcontrol button.repcontrol_add:after,
|
|
.repcontrol .repeat-box button.repcontrol_add:after, .repeat-box .itemcontrol button.repcontrol_del, .itemcontrol .repeat-box button.repcontrol_del,
|
|
.repeat-box button.settings-button {
|
|
font-size: 1em !important;
|
|
position: absolute !important;
|
|
line-height: 1em !important; }
|
|
.repeat-box button.settings-button {
|
|
left: 96% !important; }
|
|
.repeat-box .repitem {
|
|
display: inline-flex !important;
|
|
border-bottom: 1px solid #000 !important;
|
|
width: 100% !important; }
|
|
.repeat-box input.settings-toggle,
|
|
.repeat-box input.primary-flag + span {
|
|
position: absolute !important;
|
|
width: 13px !important; }
|
|
.repeat-box input.settings-toggle {
|
|
left: 98.5% !important; }
|
|
.repeat-box input.settings-toggle + span {
|
|
left: 98.5% !important;
|
|
top: -2px !important;
|
|
width: 2% !important; }
|
|
.repeat-box .settings input[type='text'] {
|
|
border-bottom: 1px solid #333 !important;
|
|
border-radius: 0px !important; }
|
|
.repeat-box .settings input[type='text']:first-child {
|
|
text-align: left !important; }
|
|
.repeat-box .settings input[type='number'] {
|
|
border: none !important;
|
|
border-bottom: 1px solid #333 !important;
|
|
border-radius: 0px !important;
|
|
width: 8%; }
|
|
.repeat-box .settings label {
|
|
font-size: 0.8em !important;
|
|
margin-bottom: 0px !important; }
|
|
.repeat-box button[type='roll'],
|
|
.repeat-box button[type='action'] {
|
|
font-size: 0.9em !important;
|
|
color: #000 !important; }
|
|
.repeat-box select {
|
|
color: #000 !important;
|
|
font-size: 0.8em !important;
|
|
font-weight: bolder !important;
|
|
height: 20px !important;
|
|
padding: 0px !important;
|
|
width: 14% !important; }
|
|
.repeat-box option {
|
|
padding: 2px !important;
|
|
font-weight: bold !important; }
|
|
|
|
.rank {
|
|
display: inline-block !important;
|
|
text-align: center !important;
|
|
width: 10% !important; }
|
|
|
|
/***** collapsible DIVS *****/
|
|
.collapsible {
|
|
padding-left: 1.5em !important;
|
|
width: 100% !important;
|
|
word-break: break-word !important; }
|
|
.collapsible span {
|
|
white-space: pre-line !important; }
|
|
.display-flag:checked ~ .collapsible .desc-lifestyle {
|
|
width: 100% !important; }
|
|
|
|
/***** DISPLAY FLAG FOR THE collapsible DIVS *****/
|
|
.quality-box .display-flag, .contacts .display-flag, .social-box .display-flag, .vehicle-box .display-flag, div.augs div.repeat-box .display-flag {
|
|
opacity: 0 !important;
|
|
position: absolute !important;
|
|
top: 0px !important;
|
|
width: 90% !important;
|
|
height: 100% !important; }
|
|
|
|
/***** DISPLAY ROWS *****/
|
|
.display-row {
|
|
display: inline-block !important;
|
|
overflow: hidden !important;
|
|
text-align: center !important;
|
|
vertical-align: top !important;
|
|
word-break: break-word !important; }
|
|
.display-row:nth-of-type(1), .display-row:nth-of-type(1) button {
|
|
text-align: left !important; }
|
|
|
|
/***** DISPLAY & SETTINGS *****/
|
|
.skills-row, .item-box .display,
|
|
.item-box .settings div,
|
|
.lifestyle .settings div {
|
|
display: inline-block !important;
|
|
width: 100% !important; }
|
|
|
|
/***** SKILLS *****/
|
|
option.option-headers {
|
|
opacity: 0.2 !important; }
|
|
|
|
option.option-groups {
|
|
font-size: 1em !important;
|
|
font-style: italic !important; }
|
|
|
|
input.skill-select[type='checkbox'] {
|
|
opacity: 1 !important;
|
|
width: 3% !important; }
|
|
|
|
/***** LIFESTYLES *****/
|
|
/***** LIFESTYLE SETTINGS *****/
|
|
/***** LIFESTYLE DISPLAY *****/
|
|
div.lifestyle .sins-headers {
|
|
width: 100% !important;
|
|
display: grid !important;
|
|
grid-template-columns: 27% 8% 1fr 1.5em !important;
|
|
}
|
|
|
|
div.lifestyle .sins-headers h3[data-i18n='rtg'] {
|
|
text-align: center; }
|
|
|
|
div.lifestyle div.repitem {
|
|
width: 100%;
|
|
display: inline-grid !important;
|
|
grid-template-columns: 27% 8% 1fr 1.5em; }
|
|
|
|
div.lifestyle div.repitem div.settings {
|
|
grid-column: 1 / 5; }
|
|
|
|
div.lifestyle div.repitem span.collapsible {
|
|
grid-area: 1 / 3 / 1 / 5;
|
|
padding-left: 5px !important; }
|
|
|
|
div.lifestyle div.repitem div.settings {
|
|
width: 100% !important;
|
|
display: inline-grid;
|
|
grid-template-columns: 1fr 1.5em 9em; }
|
|
|
|
div.lifestyle div.repitem div.settings h3,
|
|
div.lifestyle div.repitem div.settings h3 + textarea {
|
|
grid-column: 1 / 5; }
|
|
|
|
div.lifestyle div.repitem input.settings-flag,
|
|
div.lifestyle div.repitem input.settings-flag + span {
|
|
grid-area: 1 / 4 / 1 / 5;
|
|
text-align: right;
|
|
height: 1.5em; }
|
|
|
|
div.lifestyle div.settings input[name='attr_rating'] {
|
|
width: 2em; }
|
|
|
|
.lifestyle span.collapsible {
|
|
padding-left: 0em !important;
|
|
word-wrap: break-word !important;
|
|
}
|
|
|
|
.lifestyle div.itemcontrol button.repcontrol_del {
|
|
right: -2px;
|
|
top: -3px; }
|
|
|
|
|
|
|
|
div.social div.pc-box div.row-long.heat-rep-asrep {
|
|
width: 100%;
|
|
display: inline-grid;
|
|
grid-template-columns: 1fr 5em 2em 2em 5em 2em 2em 5em 2em 1fr; }
|
|
div.social div.pc-box div.row-long.heat-rep-asrep h2 {
|
|
text-align: right; }
|
|
div.social div.pc-box div.row-long.heat-rep-asrep input[type='number'] {
|
|
text-align: center;
|
|
margin-left: 5px;
|
|
width: 2em; }
|
|
|
|
/***** CONTACTS *****/
|
|
div.contacts div.pc-box div.row-long {
|
|
width: 100%;
|
|
display: inline-grid;
|
|
grid-template-columns: 1fr 4.25em 5em 4em 1.5em 1.5em; }
|
|
|
|
div.contacts div.pc-box div.repitem {
|
|
display: inline-grid !important;
|
|
width: 100% !important;
|
|
grid-template-columns: 1fr 5em 4em 2em 1.5em 1.5em; }
|
|
|
|
div.contacts div.pc-box div.repitem div.settings,
|
|
div.contacts div.pc-box div.repitem div.collapsible {
|
|
grid-column: 1 / 8; }
|
|
|
|
div.contacts div.pc-box div.repitem div.settings {
|
|
width: 100% !important;
|
|
display: inline-grid;
|
|
grid-template-columns: 14.75em 5em 4em 4em 1.5em 1.5em; }
|
|
|
|
div.contacts div.pc-box div.repitem div.settings input[name='attr_name'] {
|
|
width: 14em; }
|
|
|
|
div.contacts div.pc-box input.settings-toggle[value="settings"] ~ div.display {
|
|
display: none !important;
|
|
}
|
|
|
|
.contacts .display-flag, .social-box .display-flag {
|
|
position: absolute !important;
|
|
top: 0px !important;
|
|
width: 90% !important;
|
|
height: unset !important; }
|
|
|
|
#SR6WE .pc div.contacts div.pc-box div.repitem input.collapse-flag + span.pictos, #SR6WE .pc div.contacts div.pc-box div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, #SR6WE .settings-toggle .pc div.contacts div.pc-box div.repitem input[type='checkbox'].collapse-flag + span,
|
|
#SR6WE .pc div.contacts div.pc-box div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
#SR6WE .settings-flag .pc div.contacts div.pc-box div.repitem input[type='checkbox'].collapse-flag + span, #SR6WE .pc div.contacts div.pc-box div.repitem .flag-primary + div > input.collapse-flag + span, #SR6WE .pc div.contacts div.pc-box div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, #SR6WE .repcontrol .pc div.contacts div.pc-box div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
#SR6WE .pc div.contacts div.pc-box div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
#SR6WE .repcontrol .pc div.contacts div.pc-box div.repitem input.collapse-flag + span.repcontrol_add:after, #SR6WE .pc div.contacts div.pc-box div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, #SR6WE .itemcontrol .pc div.contacts div.pc-box div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 6 / 1 / 7 !important; }
|
|
#SR6WE .pc div.contacts div.pc-box div.repitem input.settings-flag,
|
|
#SR6WE .pc div.contacts div.pc-box div.repitem input.settings-flag + span.pictos,
|
|
#SR6WE .pc div.contacts div.pc-box div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .settings-toggle .pc div.contacts div.pc-box div.repitem input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .pc div.contacts div.pc-box div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .settings-flag .pc div.contacts div.pc-box div.repitem input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .pc div.contacts div.pc-box div.repitem .flag-primary + div > input.settings-flag + span,
|
|
#SR6WE .pc div.contacts div.pc-box div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
#SR6WE .repcontrol .pc div.contacts div.pc-box div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
#SR6WE .pc div.contacts div.pc-box div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
#SR6WE .repcontrol .pc div.contacts div.pc-box div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
#SR6WE .pc div.contacts div.pc-box div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
#SR6WE .itemcontrol .pc div.contacts div.pc-box div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 7 / 1 / 8 !important; }
|
|
|
|
div.contacts div.pc-box input.settings-flag,
|
|
div.contacts div.pc-box input.settings-flag > span {
|
|
grid-area: 1 / 7 / 1 / 8; }
|
|
|
|
div.contacts div[data-groupname='repeating_contacts'] div.repitem button[name='contact_chat'] {
|
|
top: 1px;
|
|
right: 1.5em; }
|
|
|
|
div.contacts div.pc-box div.repitem div.collapsible {
|
|
grid-column: 1 / 7; }
|
|
|
|
div.contacts div.repitem div.settings h3[data-i18n='notes'],
|
|
div.contacts div.repitem div.settings textarea {
|
|
grid-column: 1 / 7; }
|
|
|
|
div.contacts div.repitem div.settings input[type='number'] {
|
|
width: 2em; }
|
|
|
|
div.contacts div.repitem div.itemcontrol button.repcontrol_del {
|
|
right: -2px;
|
|
top: -2px; }
|
|
|
|
|
|
/***** MAGIC DISPLAY *****/
|
|
.combat-type-hide {
|
|
display: none !important; }
|
|
|
|
.combat-type[value*='Direct'] + span:after,
|
|
.combat-type[value*='Indirect'] + span:after {
|
|
display: inline !important; }
|
|
|
|
.combat-type[value*='Direct'] + span:after {
|
|
content: '(Direct)' !important; }
|
|
|
|
.combat-type[value*='Indirect'] + span:after {
|
|
content: '(Indirect)' !important; }
|
|
|
|
/***** RITUAL DISPLAY *****/
|
|
.magic-rituals .display .display-row {
|
|
width: 99% !important; }
|
|
|
|
/***** MATRIX *****/
|
|
.matrix select.skill-select {
|
|
width: 26.5% !important; }
|
|
.matrix input[name="attr_flag"] + span {
|
|
position: absolute !important; }
|
|
.matrix .con-hex {
|
|
margin-bottom: -10px !important;
|
|
margin-right: 0px !important;
|
|
margin-top: 5px !important;
|
|
position: unset !important;
|
|
width: 100% !important; }
|
|
.matrix .con-hex input[type='radio']:first-child {
|
|
margin-right: -25% !important;
|
|
margin-top: 2% !important;
|
|
width: 25% !important; }
|
|
.matrix .con-hex input[type='radio']:hover ~ h2 {
|
|
color: #fff !important;
|
|
text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141 !important; }
|
|
.matrix .con-hex h2 {
|
|
vertical-align: top !important; }
|
|
|
|
/***** CYBERDECK *****/
|
|
.cyberdeck button {
|
|
font-weight: bold !important; }
|
|
.cyberdeck button input[name="attr_flag"] {
|
|
position: absolute !important; }
|
|
.cyberdeck button input[name="attr_flag"] + span {
|
|
position: absolute !important; }
|
|
|
|
.cyberdeck h3 {
|
|
line-height: 20px !important; }
|
|
.cyberdeck h3[data-i18n="total"] {
|
|
margin-left: 15% !important; }
|
|
.cyberdeck h3[data-i18n="temp"] {
|
|
margin-left: 5% !important; }
|
|
.cyberdeck h3[data-i18n="modifier"] {
|
|
margin-left: 2% !important;
|
|
margin-right: 2% !important; }
|
|
.cyberdeck h3[data-i18n="base"] {
|
|
margin-left: 0% !important;
|
|
margin-right: 15% !important; }
|
|
|
|
.cyberdeck input[type='number'] {
|
|
border: none !important;
|
|
border-bottom: 1px solid #333 !important;
|
|
border-radius: 0px !important;
|
|
height: 20px !important;
|
|
width: 25px !important; }
|
|
|
|
.cyberdeck .row-long:nth-of-type(1) input[type='text'] {
|
|
width: 90% !important; }
|
|
|
|
.cyberdeck .row-long:nth-of-type(1n+3) label {
|
|
padding-bottom: 5px !important;
|
|
padding-right: 0px !important;
|
|
width: 15% !important; }
|
|
|
|
#SR6WE .cyberdeck .row-long span {
|
|
margin-left: 1%;
|
|
margin-right: 1%; }
|
|
|
|
/**** MATRIX BUBBLES ****/
|
|
#SR6WE .pc .device-attr {
|
|
display: inline; }
|
|
.pc .device-attr span {
|
|
position: relative; }
|
|
|
|
#SR6WE .matrix-tot {
|
|
display: inline-block;
|
|
height: 20px;
|
|
width: 20px; }
|
|
|
|
#SR6WE .matrix-bubble {
|
|
display: inline;
|
|
margin-left: 15px;
|
|
background-color: #222; }
|
|
|
|
#SR6WE .matrix-bubble span:first-of-type,
|
|
#SR6WE .matrix-bubble input[type='radio']:first-of-type {
|
|
display: none;
|
|
opacity: 0; }
|
|
|
|
#SR6WE .matrix-bubble span:nth-of-type(7),
|
|
#SR6WE .matrix-bubble input[type='radio']:nth-of-type(5n+7) {
|
|
margin-left: 2%; }
|
|
|
|
#SR6WE .matrix-bubble input[type='radio'] {
|
|
height: 15px;
|
|
left: -8px;
|
|
width: 15px; }
|
|
|
|
#SR6WE .matrix-bubble input[type='radio'] + span {
|
|
border-radius: 3px;
|
|
display: inline-block;
|
|
height: 18px;
|
|
margin-left: -25px;
|
|
top: 4px;
|
|
width: 18px; }
|
|
|
|
#SR6WE .npc .matrix-bubble input[type='radio'] + span {
|
|
border-radius: 3px;
|
|
display: inline-block;
|
|
height: 18px;
|
|
margin-left: -20px;
|
|
top: -1px;
|
|
width: 21px; }
|
|
|
|
#SR6WE .matrix-bubble input[type='radio']:checked ~ input[type='radio'] + span {
|
|
height: 14px;
|
|
margin-bottom: 3px;
|
|
opacity: 0.5; }
|
|
|
|
#SR6WE .matrixAttack span {
|
|
border: 2px solid #3a0000;
|
|
background-color: #cc0701;
|
|
-webkit-box-shadow: inset 0px 1px 5px 2px #3a0000;
|
|
-moz-box-shadow: inset 0px 1px 5px 2px #3a0000;
|
|
box-shadow: inset 0px 1px 5px 2px #3a0000; }
|
|
|
|
#SR6WE .matrixSleaze span {
|
|
border: 2px solid #000e3b;
|
|
background-color: #007bfc;
|
|
-webkit-box-shadow: inset 0px 1px 5px 2px #000e3b;
|
|
-moz-box-shadow: inset 0px 1px 5px 2px #000e3b;
|
|
box-shadow: inset 0px 1px 5px 2px #000e3b; }
|
|
|
|
#SR6WE .matrixData span {
|
|
border: 2px solid #074202;
|
|
background-color: #88dd04;
|
|
-webkit-box-shadow: inset 0px 1px 5px 2px #074202;
|
|
-moz-box-shadow: inset 0px 1px 5px 2px #074202;
|
|
box-shadow: inset 0px 1px 5px 2px #074202; }
|
|
|
|
#SR6WE .matrixFirewall span {
|
|
border: 2px solid #470101;
|
|
background-color: #f88703;
|
|
-webkit-box-shadow: inset 0px 1px 5px 2px #470101;
|
|
-moz-box-shadow: inset 0px 1px 5px 2px #470101;
|
|
box-shadow: inset 0px 1px 5px 2px #470101; }
|
|
|
|
|
|
|
|
/***** VEHICLE *****/
|
|
.vehicle-box .settings div,
|
|
.vehicle-box .display {
|
|
display: inline-block !important;
|
|
width: 100% !important; }
|
|
|
|
.vehicle-box .display-flag {
|
|
width: 100% !important;
|
|
height: 60% !important; }
|
|
.vehicle-box .repitem {
|
|
margin-bottom: 25px !important;
|
|
border-top: 1px solid #460141; }
|
|
|
|
.vehicle-box input[type='text'] {
|
|
width: 44% !important; }
|
|
|
|
.vehicle-box label {
|
|
width: 20%; }
|
|
|
|
.vehicle-box .row-long:first-child label {
|
|
width: 12% !important; }
|
|
|
|
.vehicle-box label:nth-child(1n+4) {
|
|
text-align: right !important;
|
|
width: 21%; }
|
|
|
|
.vehicle-box label[data-i18n='seats'] {
|
|
widht: 14%; }
|
|
|
|
.vehicle-box div.itemcontrol button.repcontrol_del {
|
|
right: -2px;
|
|
top: -2px; }
|
|
|
|
/***** VEHICLE SETTING *****/
|
|
.vehicle-box .settings h3 {
|
|
margin-right: 2% !important; }
|
|
|
|
.vehicle-box .settings h3:nth-child(1) {
|
|
margin-left: 18% !important;
|
|
margin-top: -5px !important; }
|
|
|
|
.vehicle-box .settings h3:nth-child(4) {
|
|
margin-left: 22% !important; }
|
|
|
|
.vehicle-box .settings h3:nth-child(6) {
|
|
margin-right: 0px !important; }
|
|
|
|
.vehicle-box .settings input[type='text'],
|
|
.vehicle-box .settings input[type='number'] {
|
|
border: none !important; }
|
|
|
|
/***** VEHICLE DISPLAY *****/
|
|
.vehicle-box .display-row {
|
|
text-align: left !important;
|
|
width: 49% !important; }
|
|
|
|
.vehicle-box .display-row h3 {
|
|
width: 35% !important; }
|
|
|
|
.vehicle-box .display-row div {
|
|
display: inline-block !important;
|
|
font-weight: normal !important;
|
|
text-align: center !important; }
|
|
|
|
.vehicle-box .display-row div.vehicle-stat {
|
|
width: 60% !important; }
|
|
|
|
.vehicle-box .collapsible {
|
|
padding-left: 0.2em !important; }
|
|
|
|
#SR6WE div.vehicle-box div.settings div.autosofts {
|
|
width: 100%;
|
|
display: inline-grid !important;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
grid-column-gap: 5px;
|
|
grid-template-columns: 45% 1fr 45%; }
|
|
|
|
#SR6WE div.vehicle-box div.settings div.autosofts .autosoft-column {
|
|
width: 100%;
|
|
display: inline-grid !important;
|
|
align-items: center;
|
|
text-align: center;
|
|
grid-template-columns: 1.75em 9em 3em; }
|
|
|
|
#SR6WE div.vehicle-box div.settings div.autosofts input[type='number'] {
|
|
width: 2.5em !important; }
|
|
|
|
#SR6WE div.vehicle-box div.settings div.autosofts input[name^='attr_powered_on'] {
|
|
top: unset;
|
|
position: absolute !important;
|
|
margin: 4px 0px 5px 3px !important; }
|
|
#SR6WE div.vehicle-box div.settings div.autosofts input[name^='attr_powered_on'] + span {
|
|
padding: unset;
|
|
position: relative;
|
|
margin: 0px 2px 0px 0px; }
|
|
|
|
|
|
#SR6WE div.vehicle-box div.display div.autosofts {
|
|
width: 100%;
|
|
display: inline-grid !important;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
grid-column-gap: 5px;
|
|
grid-template-columns: 45% 1fr 45%; }
|
|
|
|
#SR6WE div.vehicle-box div.display div.autosofts .autosoft-column {
|
|
width: 100%;
|
|
display: inline-grid !important;
|
|
align-items: center;
|
|
text-align: center;
|
|
grid-template-columns: 1.75em 9em 3em; }
|
|
|
|
#SR6WE div.vehicle-box div.display div.autosofts input[type='number'] {
|
|
width: 2.5em !important; }
|
|
|
|
#SR6WE div.vehicle-box div.display div.autosofts input[name^='attr_powered_on'] {
|
|
top: unset;
|
|
position: absolute !important;
|
|
margin: 4px 0px 5px 3px !important; }
|
|
#SR6WE div.vehicle-box div.display div.autosofts input[name^='attr_powered_on'] + span {
|
|
padding: unset;
|
|
position: relative;
|
|
margin: 0px 2px 0px 0px; }
|
|
|
|
|
|
/***** Notes Section *****/
|
|
.notes .border-box {
|
|
border-top-right-radius: 0px !important;
|
|
}
|
|
.notes .pc-box {
|
|
min-height: 800px !important; }
|
|
.notes-col {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 100%; }
|
|
.notes-col textarea {
|
|
margin-top: 8px;
|
|
height: 785px !important;
|
|
width: 100% !important; }
|
|
.notes .pc-notes {
|
|
overflow-y: auto !important;
|
|
overflow-x: auto !important;
|
|
resize: none !important; }
|
|
|
|
div.notes-logs .rows .row-long.headers {
|
|
display: inline-grid;
|
|
grid-template-columns: .5em 6em 1fr 6em 3em;
|
|
width: 100%;
|
|
}
|
|
|
|
div.notes-logs .rows .row-long.headers2 {
|
|
display: inline-grid;
|
|
grid-template-columns: .5em 6em 6em 6em 6em 2em;
|
|
width: 100%;
|
|
}
|
|
|
|
div.notes-logs .rows div.repitem div.sess-info {
|
|
display: grid;
|
|
grid-template-columns: 0em 6em 1fr 6em 3em;
|
|
width: 100%; }
|
|
div.notes-logs .rows div.repitem div.sess-awards {
|
|
display: grid;
|
|
grid-template-columns: 0em 6em 6em 6em 6em 2em;
|
|
width: 100%;
|
|
text-align: center; }
|
|
|
|
|
|
div.notes-logs .rows div.repitem input.settings-flag[value='on'] .settings {
|
|
display: inline-grid !important;
|
|
margin-bottom: 2% !important; }
|
|
|
|
div.notes-logs .rows div.repitem input.collapse-flag[value='on'] .collapse {
|
|
display: inline-grid !important;
|
|
margin-bottom: 2% !important; }
|
|
|
|
div.notes-logs .rows div.repitem .settings div.sess-info {
|
|
display: inline-grid;
|
|
grid-template-columns: 0em 6em 1fr 6em 2em;
|
|
width: 100%; }
|
|
div.notes-logs .rows div.repitem .settings div.sess-awards {
|
|
display: inline-grid;
|
|
grid-template-columns: 0em 5em 7em 6em 6em 2em;
|
|
width: 100%; }
|
|
|
|
.notes-logs textarea {
|
|
height: 75px !important;
|
|
width: 100% !important; }
|
|
|
|
|
|
div.notes-logs .rows div.repitem input.collapse-flag {
|
|
grid-area: 1 / 6 / 1 / 7; }
|
|
div.notes-logs .rows div.repitem input.collapse-flag + span.pictos, div.notes-logs .rows div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle div.notes-logs .rows div.repitem input[type='checkbox'].collapse-flag + span,
|
|
div.notes-logs .rows div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag div.notes-logs .rows div.repitem input[type='checkbox'].collapse-flag + span, div.notes-logs .rows div.repitem .flag-primary + div > input.collapse-flag + span, div.notes-logs .rows div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol div.notes-logs .rows div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
div.notes-logs .rows div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol div.notes-logs .rows div.repitem input.collapse-flag + span.repcontrol_add:after, div.notes-logs .rows div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol div.notes-logs .rows div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 6 / 1 / 7; }
|
|
div.notes-logs .rows div.repitem input.settings-flag,
|
|
div.notes-logs .rows div.repitem input.settings-flag + span.pictos,
|
|
div.notes-logs .rows div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle div.notes-logs .rows div.repitem input[type='checkbox'].settings-flag + span,
|
|
div.notes-logs .rows div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag div.notes-logs .rows div.repitem input[type='checkbox'].settings-flag + span,
|
|
div.notes-logs .rows div.repitem .flag-primary + div > input.settings-flag + span,
|
|
div.notes-logs .rows div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol div.notes-logs .rows div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
div.notes-logs .rows div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol div.notes-logs .rows div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
div.notes-logs .rows div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol div.notes-logs .rows div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 7 / 1 / 8; }
|
|
|
|
div.notes-changelog div.changelog {
|
|
overflow-x: scroll;
|
|
overflow-y: scroll;
|
|
height: 790px;
|
|
margin-top: 5px; }
|
|
|
|
div.notes-changelog div.changelog h1 {
|
|
text-align: center;
|
|
margin-bottom: 10px; }
|
|
|
|
div.notes-changelog div.changelog .changelog-entry {
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
text-decoration: underline; }
|
|
|
|
div.notes-changelog div.changelog span.bullet {
|
|
background: none !important;
|
|
text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141 !important;
|
|
border: none !important;
|
|
color: #fff !important;
|
|
font-family: 'dicefontd6' !important;
|
|
font-size: 1.5em !important;
|
|
margin-right: 6px;
|
|
position: relative;
|
|
top: 1px; }
|
|
|
|
div.notes-changelog div.changelog ul {
|
|
list-style-type: none;
|
|
margin-left: 15px; }
|
|
|
|
/***** Rolls Section *****/
|
|
|
|
/* Matrix Rolls */
|
|
.rolls .pc-box {
|
|
min-height: 800px !important; }
|
|
.rolls-col {
|
|
width: 100%;
|
|
display: inline-block; }
|
|
.rolls-matrix {
|
|
width: 100%;
|
|
display: grid;
|
|
grid-column-gap: 5px;
|
|
grid-row-gap: 2px;
|
|
grid-template-columns: 32% 32% 32%; }
|
|
.rolls-matrix h1,
|
|
.rolls-matrix h2,
|
|
.rolls-matrix hr {
|
|
grid-column: 1 / 4; }
|
|
.rolls-col h3[data-i18n="rollbuttonsdisclaimer"] {
|
|
line-height: 15px;
|
|
font-weight: bolder;
|
|
color: #555 !important;
|
|
text-transform: unset !important;
|
|
grid-column: 1 / 4; }
|
|
.rolls-matrix label {
|
|
grid-column: 1 / 4; }
|
|
|
|
.rolls-matrix span.full-width {
|
|
grid-column: 1 / 4; }
|
|
.rolls-matrix span.full-width label {
|
|
grid-column: unset; }
|
|
|
|
/* Hides illegal matrix actions when the checkbox is unchecked */
|
|
.rolls-matrix input[type="hidden"][name$="display_illegal_matrix_actions"][value="0"] ~ .illegal,
|
|
.rolls-matrix input[type="hidden"][name$="display_illegal_matrix_actions"][value="0"] ~ .illegal > span{
|
|
display: none !important;
|
|
}
|
|
|
|
/* hides user and admin matrix actions when "Access Level Filter" is set to "Outsider" */
|
|
.rolls-matrix input[type="hidden"][name$="access_level_filter"][value="outsider"] ~ .user:not(.outsider),
|
|
.rolls-matrix input[type="hidden"][name$="access_level_filter"][value="outsider"] ~ .user:not(.outsider) > span,
|
|
.rolls-matrix input[type="hidden"][name$="access_level_filter"][value="outsider"] ~ .admin:not(.outsider),
|
|
.rolls-matrix input[type="hidden"][name$="access_level_filter"][value="outsider"] ~ .admin:not(.outsider) > span {
|
|
display: none !important;
|
|
}
|
|
|
|
/* hides admin matrix actions when "Access Level Filter" is set to "User" */
|
|
.rolls-matrix input[type="hidden"][name$="access_level_filter"][value="user"] ~ .admin:not(.user),
|
|
.rolls-matrix input[type="hidden"][name$="access_level_filter"][value="user"] ~ .admin:not(.user) > span {
|
|
display: none !important;
|
|
}
|
|
|
|
.npc-roll-rows .rolls-col .rolls-matrix span.matrix-action,
|
|
.rolls .pc-box .rolls-col .rolls-matrix span.matrix-action {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
color: #460141;
|
|
font-size: .8em;
|
|
padding-top: 3px; }
|
|
.npc-roll-rows .rolls-col .rolls-matrix span.legal,
|
|
.npc-roll-rows .rolls-col .rolls-matrix .legal > span,
|
|
.rolls .pc-box .rolls-col .rolls-matrix span.legal,
|
|
.rolls .pc-box .rolls-col .rolls-matrix .legal > span {
|
|
border: 1px solid green; }
|
|
.npc-roll-rows .rolls-col .rolls-matrix span.illegal,
|
|
.npc-roll-rows .rolls-col .rolls-matrix .illegal > span,
|
|
.rolls .pc-box .rolls-col .rolls-matrix span.illegal,
|
|
.rolls .pc-box .rolls-col .rolls-matrix .illegal > span {
|
|
border: 1px solid red; }
|
|
.npc-roll-rows .rolls-col .rolls-matrix .illegal > span:hover,
|
|
.rolls .pc-box .rolls-col .rolls-matrix .illegal > span:hover {
|
|
text-shadow: 1px 1px 2px red, 0 0 25px #460141, 0 0 5px #460141 !important; }
|
|
|
|
|
|
/* Misc Rolls */
|
|
.rolls .pc-box .rolls-col .rolls-misc {
|
|
width: 100%;
|
|
grid-column-gap: 5px;
|
|
grid-row-gap: 2px;
|
|
grid-template-columns: 1fr 6em 12em 6em 1fr; }
|
|
.rolls .pc-box .rolls-col .rolls-misc input[type="number"] {
|
|
width: 100%; }
|
|
.rolls .pc-box .rolls-col .rolls-misc h1,
|
|
.rolls .pc-box .rolls-col .rolls-misc h2 {
|
|
text-align: center;
|
|
grid-column: 1 / 6; }
|
|
|
|
|
|
|
|
|
|
/***** Options Section *****/
|
|
.options .pc-box {
|
|
min-height: 800px !important; }
|
|
|
|
.op-col {
|
|
display: inline-block !important;
|
|
vertical-align: top !important;
|
|
width: 48% !important; }
|
|
|
|
.op-col {
|
|
margin-bottom: 5px !important; }
|
|
|
|
.op-col h2 {
|
|
text-decoration: underline !important;
|
|
width: 100% !important; }
|
|
|
|
.op-col button[name='act_import_launch'] {
|
|
border: 2px solid black !important;
|
|
background: #333 !important;
|
|
color: white !important;
|
|
font-weight: bold !important;
|
|
width: auto !important;
|
|
height: auto !important;
|
|
padding: 2% 4% !important; }
|
|
|
|
.op-col p {
|
|
margin-top: 2% !important;
|
|
margin-right: 5% !important; }
|
|
|
|
.op-col hr {
|
|
border: 0.5px solid #1c1c1c !important;
|
|
margin: 3px 0px !important;
|
|
opacity: 0.1 !important; }
|
|
|
|
.op-col-left label {
|
|
margin-bottom: 2% !important;
|
|
width: 84% !important; }
|
|
|
|
.op-col-right label {
|
|
margin-bottom: 2% !important;
|
|
width: 63% !important; }
|
|
|
|
.options input[type='checkbox'] {
|
|
height: 15px !important;
|
|
margin-left: 5% !important;
|
|
opacity: 1 !important;
|
|
width: 15px !important; }
|
|
|
|
.options div.importer {
|
|
position: relative;
|
|
top: 110px; }
|
|
|
|
.options .importer .collapse-flag {
|
|
position: relative;
|
|
top: 55px;
|
|
opacity: 0 !important;
|
|
margin-left: 0px !important; }
|
|
|
|
.options .importer span.pictos {
|
|
position: relative;
|
|
z-index: 0;
|
|
left: -17px;
|
|
top: 55px; }
|
|
|
|
.options .importer .importer-input textarea {
|
|
position: relative;
|
|
top: -20px;
|
|
left: 4%;
|
|
width: 96%; }
|
|
|
|
.options .importer .importer-input .import-button {
|
|
position: relative !important;
|
|
bottom: -30px !important;
|
|
right: -90% !important;
|
|
z-index: 1; }
|
|
|
|
.options .importer span.importer-feedback {
|
|
position: relative;
|
|
top: -25px;
|
|
white-space: break-spaces;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
color: red; }
|
|
|
|
|
|
|
|
/***** EDGE & MATRIX CONDITION HEXAGONS *****/
|
|
.edg-hex input[type='checkbox'],
|
|
.con-hex input[type='radio'] {
|
|
height: 20px !important;
|
|
margin-right: -21px !important;
|
|
top: -9px !important;
|
|
width: 20px !important;
|
|
opacity: 0 !important;
|
|
z-index: 2 !important;
|
|
position: relative !important; }
|
|
|
|
.hexagon {
|
|
display: inline-block !important;
|
|
margin: 5.77px 0 !important;
|
|
position: relative !important;
|
|
background-color: #460141 !important;
|
|
height: 11.55px !important;
|
|
width: 20px !important; }
|
|
|
|
.hexagon:before,
|
|
.hexagon:after {
|
|
border-left: 10px solid transparent !important;
|
|
border-right: 10px solid transparent !important;
|
|
content: '' !important;
|
|
position: absolute !important;
|
|
width: 0 !important; }
|
|
|
|
.hexagon:before {
|
|
bottom: 100% !important;
|
|
border-bottom: 5.77px solid #460141 !important; }
|
|
|
|
.hexagon:after {
|
|
top: 100% !important;
|
|
width: 0 !important;
|
|
border-top: 5.77px solid #460141 !important; }
|
|
|
|
.edg-hex input[type='checkbox']:checked ~ .hexagon,
|
|
.con-hex input[type='radio']:checked ~ .hexagon,
|
|
.edge-zero[value='0'] ~ .hexagon {
|
|
background-color: #9a9a9a !important; }
|
|
|
|
.edg-hex input[type='checkbox']:checked ~ .hexagon:before,
|
|
.con-hex input[type='radio']:checked ~ .hexagon:before,
|
|
.edge-zero[value='0'] ~ .hexagon:before {
|
|
border-bottom-color: #9a9a9a !important; }
|
|
|
|
.edg-hex input[type='checkbox']:checked ~ .hexagon:after,
|
|
.con-hex input[type='radio']:checked ~ .hexagon:after,
|
|
.edge-zero[value='0'] ~ .hexagon:after {
|
|
border-top-color: #9a9a9a !important; }
|
|
|
|
.edg-hex input[type='checkbox']:checked + .hexagon,
|
|
.con-hex input[type='radio'] + .hexagon,
|
|
.con-hex input[type='radio']:checked + .hexagon {
|
|
background-color: #460141 !important; }
|
|
|
|
.edg-hex input[type='checkbox']:checked + .hexagon:before,
|
|
.con-hex input[type='radio']:checked + .hexagon:before {
|
|
border-bottom-color: #460141 !important; }
|
|
|
|
.edg-hex input[type='checkbox']:checked + .hexagon:after,
|
|
.con-hex input[type='radio']:checked + .hexagon:after {
|
|
border-top-color: #460141 !important; }
|
|
|
|
/***** MAKE HEXES APPEAR & DISAPPEAR *****/
|
|
/*
|
|
.hex-hider[value='1'] ~ input[type='checkbox']:nth-child(1n+5),
|
|
.hex-hider[value='1'] ~ input[type='checkbox']:nth-child(1n+5) + span,
|
|
.hex-hider[value='2'] ~ input[type='checkbox']:nth-child(1n+7),
|
|
.hex-hider[value='2'] ~ input[type='checkbox']:nth-child(1n+7) + span,
|
|
.hex-hider[value='3'] ~ input[type='checkbox']:nth-child(1n+9),
|
|
.hex-hider[value='3'] ~ input[type='checkbox']:nth-child(1n+9) + span,
|
|
.hex-hider[value='4'] ~ input[type='checkbox']:nth-child(1n+11),
|
|
.hex-hider[value='4'] ~ input[type='checkbox']:nth-child(1n+11) + span,
|
|
.hex-hider[value='5'] ~ input[type='checkbox']:nth-child(1n+13),
|
|
.hex-hider[value='5'] ~ input[type='checkbox']:nth-child(1n+13) + span,
|
|
.hex-hider[value='6'] ~ input[type='checkbox']:nth-child(1n+15),
|
|
.hex-hider[value='6'] ~ input[type='checkbox']:nth-child(1n+15) + span,
|
|
.hex-hider[value='7'] ~ input[type='checkbox']:nth-child(1n+17),
|
|
.hex-hider[value='7'] ~ input[type='checkbox']:nth-child(1n+17) + span {
|
|
display: none !important; }
|
|
*/
|
|
.settings .textrow label {
|
|
margin-bottom: 36px !important; }
|
|
|
|
.augmentation div.display {
|
|
text-indent: 125px !important; }
|
|
|
|
.power div.display {
|
|
text-indent: 65px !important; }
|
|
|
|
/*:+:+:+: REPEATING SECTIONS :+:+:+:*/
|
|
.repeating,
|
|
.repeat-section {
|
|
display: inline-block !important;
|
|
width: 100% !important; }
|
|
|
|
.repeating button.display {
|
|
text-align: left !important; }
|
|
|
|
.repeating input[type='checkbox'] {
|
|
width: 15px !important;
|
|
height: 15px !important; }
|
|
|
|
.repeating label {
|
|
padding: 0px !important; }
|
|
|
|
.repeating .settings {
|
|
border-bottom: 1px dotted #FCD116 !important; }
|
|
|
|
.repeat-indent {
|
|
padding-left: 2.5em !important;
|
|
text-indent: -1.5em !important; }
|
|
|
|
.repeating .display {
|
|
display: inline-flex !important; }
|
|
|
|
.repeat-section input {
|
|
height: 27px !important;
|
|
background-color: transparent !important;
|
|
border-bottom: 1px solid #fff !important;
|
|
border-radius: 0px !important; }
|
|
|
|
.magic .repeat-section input[type='number'],
|
|
.magic .repeat-section input[type='text'],
|
|
.resonance .repeat-section input[type='number'],
|
|
.resonance .repeat-section input[type='text'] {
|
|
width: 100% !important; }
|
|
|
|
.repeat-row {
|
|
display: inherit !important;
|
|
width: 5% !important; }
|
|
|
|
.repeat-row-8 {
|
|
width: 8% !important; }
|
|
|
|
.repeat-row-11 {
|
|
width: 11% !important; }
|
|
|
|
.repeat-row-12 {
|
|
width: 12% !important; }
|
|
|
|
.repeat-row-15 {
|
|
width: 15% !important; }
|
|
|
|
.repeat-row-20 {
|
|
width: 20% !important; }
|
|
|
|
.repeat-row span {
|
|
font-size: 0.8em !important; }
|
|
|
|
.repeat-dice {
|
|
font-size: 12px !important; }
|
|
|
|
/*:+:+:+: NPC SPELLS :+:+:+:*/
|
|
input.spell-toggle {
|
|
margin: 0px -38px 0px 5px !important; }
|
|
|
|
.magic .repeating select {
|
|
width: 100% !important; }
|
|
|
|
/*:+:+:+: HIDE SECTIONS WHEN NOT IN USE :+:+:+:*/
|
|
.optional-flag:not([value='0']) + .textboxes {
|
|
display: inherit !important;
|
|
width: 100% !important; }
|
|
|
|
.category[value='Combat'] + div,
|
|
.category[value='Combat'] + div + div,
|
|
.character-type[value='matrix'] + .matrix {
|
|
display: inherit !important; }
|
|
|
|
.category[value='Combat'] ~ .combat-type-hide {
|
|
display: inline !important; }
|
|
|
|
.character-type[value='magic'] + .magic-skill,
|
|
.character-type[value='magic'] + .magic-skill + .magic-skill,
|
|
.character-type[value='resonance'] + .resonance-skill {
|
|
opacity: 1 !important; }
|
|
|
|
.character-type[value='magic'] ~ .magic,
|
|
.character-type[value='magic'] ~ .magic + .magic,
|
|
.character-type[value='resonance'] ~ .resonance,
|
|
.character-type[value='resonance'] ~ .resonance + .resonance {
|
|
display: inline-block !important;
|
|
width: 100% !important; }
|
|
|
|
span.pictosC {
|
|
font-family: 'Pictos Custom' !important; }
|
|
|
|
span.pictos3 {
|
|
font-family: 'Pictos Three' !important; }
|
|
|
|
span.d6 {
|
|
font-family: 'dicefontd6' !important; }
|
|
|
|
/******************************************************************************************/
|
|
/**************************** START OF THE NPC SHEET *************************************/
|
|
/****************************************************************************************/
|
|
|
|
/*:+:+:+: REPEATING SECTIONS :+:+:+:*/
|
|
/*:+:+:+: NPC ATTRIBUTES :+:+:+:*/
|
|
/*:+:+:+: NPC BODY :+:+:+:*/
|
|
/*:+:+:+: NPC TEXT BOXES AND REPEATING SECTIONS :+:+:+:*/
|
|
/*:+:+:+: NPC MATRIX :+:+:+:*/
|
|
input[name="attr_stats_toggle"][value="settings"] ~ .body .toggle-display,
|
|
input[name="attr_stats_toggle"][value="settings"] ~ .border-box .body .toggle-display,
|
|
.npc div.border-box div.pc-box div.column div.rows.grunt.show-stun {
|
|
display: none !important; }
|
|
|
|
.npc input[name="attr_show_stun"][value="show_stun"] ~ div.border-box div.pc-box div.column div.rows.grunt.show-stun {
|
|
display: inline !important; }
|
|
|
|
.npc {
|
|
background-color: rgb(231, 230, 229);
|
|
border-radius: 3px;
|
|
color: #000;
|
|
margin-top: -20px;
|
|
min-height: 800px;
|
|
padding: 10px 10px;
|
|
width: 760px; }
|
|
.npc button {
|
|
background: rgb(231, 230, 229);
|
|
color: #464041; }
|
|
.npc button:hover, .npc button:focus {
|
|
border-color: #460141;
|
|
color: #460141;
|
|
font-weight: bold; }
|
|
.npc h1, .npc h2, .npc h3, .npc h4, .npc label {
|
|
color: #460141; }
|
|
.npc h1 {
|
|
line-height: unset;
|
|
font-size: 1.1em; }
|
|
.npc h2 {
|
|
font-size: 1em;
|
|
text-transform: capitalize; }
|
|
.npc h3 {
|
|
font-size: 0.85em; }
|
|
.npc input[type='radio'] {
|
|
opacity: 1; }
|
|
.npc input[type='text']:placeholder-shown, .npc input[type='number']:placeholder-shown {
|
|
border: 1px dotted #460141; }
|
|
.npc input.toggle:checked + span {
|
|
color: #460141; }
|
|
.npc textarea, .npc select {
|
|
color: #000;
|
|
background-color: rgb(210, 209, 205); }
|
|
|
|
|
|
/* sheet headers */
|
|
#SR6WE .npc .tabs .header-toggles {
|
|
display: grid !important;
|
|
grid-template-columns: auto 2.5em repeat(11, auto);
|
|
width: 100% !important;
|
|
height: 30px !important; }
|
|
|
|
#SR6WE .npc .tabs .header-nav {
|
|
display: grid;
|
|
grid-template-columns: 1.5em auto auto auto auto 1fr auto auto auto auto;
|
|
grid-column-gap: 5px;
|
|
width: 100%;
|
|
height: 30px;
|
|
align-items: center;
|
|
margin: 5px 0px 15px 0px; }
|
|
#SR6WE .npc .tabs .header-nav input[type='text'] {
|
|
}
|
|
|
|
#SR6WE .npc .tabs .header-nav .reset-toggle {
|
|
display: inline; }
|
|
|
|
#SR6WE .npc .tabs .header-settings {
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto;
|
|
width: 100%;
|
|
height: 30px;
|
|
font-weight: bold;
|
|
color: #460141; }
|
|
|
|
#SR6WE .npc div.tabs button[type='roll'],
|
|
#SR6WE .npc div.tabs button[type='action'] {
|
|
padding-bottom: 10px !important;
|
|
vertical-align: middle; }
|
|
#SR6WE .npc div.tabs .switch input[type='checkbox'] + span {
|
|
position: absolute; }
|
|
#SR6WE .npc div.tabs select[name='attr_sheet_type'] {
|
|
grid-column: 2 / 3; }
|
|
#SR6WE .npc div.tabs select[name='attr_sprite_type'] {
|
|
grid-column: 3 / 4; }
|
|
|
|
#SR6WE .npc div.tabs input[name='attr_stats_toggle'],
|
|
#SR6WE .npc div.tabs input[name='attr_stats_toggle'] + span.pictos,
|
|
#SR6WE .npc div.tabs .settings-toggle input[type='checkbox'][name='attr_stats_toggle'] + span,
|
|
#SR6WE .settings-toggle .npc div.tabs input[type='checkbox'][name='attr_stats_toggle'] + span,
|
|
#SR6WE .npc div.tabs .settings-flag input[type='checkbox'][name='attr_stats_toggle'] + span,
|
|
#SR6WE .settings-flag .npc div.tabs input[type='checkbox'][name='attr_stats_toggle'] + span,
|
|
#SR6WE .npc div.tabs .flag-primary + div > input[name='attr_stats_toggle'] + span,
|
|
#SR6WE .npc div.tabs .repcontrol input[name='attr_stats_toggle'] + span.repcontrol_edit:after,
|
|
#SR6WE .repcontrol .npc div.tabs input[name='attr_stats_toggle'] + span.repcontrol_edit:after,
|
|
#SR6WE .npc div.tabs .repcontrol input[name='attr_stats_toggle'] + span.repcontrol_add:after,
|
|
#SR6WE .repcontrol .npc div.tabs input[name='attr_stats_toggle'] + span.repcontrol_add:after,
|
|
#SR6WE .npc div.tabs .itemcontrol input[name='attr_stats_toggle'] + span.repcontrol_del,
|
|
#SR6WE .itemcontrol .npc div.tabs input[name='attr_stats_toggle'] + span.repcontrol_del {
|
|
grid-area: 1 / 1 / 1 / 2;
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
font-size: 1.75em; }
|
|
|
|
#SR6WE .npc div.tabs input[name='attr_stats_toggle']:checked + span {
|
|
color: #460141; }
|
|
|
|
#SR6WE .npc div.tabs span.pictos,
|
|
#SR6WE .npc div.tabs .settings-toggle input[type='checkbox'] + span,
|
|
#SR6WE .settings-toggle .npc div.tabs input[type='checkbox'] + span,
|
|
#SR6WE .npc div.tabs .settings-flag input[type='checkbox'] + span,
|
|
#SR6WE .settings-flag .npc div.tabs input[type='checkbox'] + span,
|
|
#SR6WE .npc div.tabs .flag-primary + div > span,
|
|
#SR6WE .npc div.tabs .repcontrol span.repcontrol_edit:after,
|
|
#SR6WE .repcontrol .npc div.tabs span.repcontrol_edit:after,
|
|
#SR6WE .npc div.tabs .repcontrol span.repcontrol_add:after,
|
|
#SR6WE .repcontrol .npc div.tabs span.repcontrol_add:after,
|
|
#SR6WE .npc div.tabs .itemcontrol span.repcontrol_del,
|
|
#SR6WE .itemcontrol .npc div.tabs span.repcontrol_del {
|
|
text-align: center;
|
|
font-size: 1.2em; }
|
|
|
|
|
|
.npc div.rows {
|
|
margin-bottom: 1%;
|
|
width: 100%; }
|
|
.npc div.rows button {
|
|
font-size: 1.1em;
|
|
text-align: left; }
|
|
.npc div.rows h2 {
|
|
display: inline;
|
|
font-size: 1.1em;
|
|
line-height: unset;
|
|
font-weight: normal; }
|
|
.npc div.rows h3 {
|
|
display: inline; }
|
|
.npc div.rows input[type='number'] {
|
|
width: 2em; }
|
|
.npc div.rows span.tiny-span {
|
|
margin: 0px 1%; }
|
|
.npc div.repeating button {
|
|
margin: 0px; }
|
|
.npc div.repeating h1 {
|
|
display: inline; }
|
|
.npc div.repeating h2 {
|
|
font-variant: small-caps;
|
|
text-align: center;
|
|
text-decoration: underline; }
|
|
.npc div.repeating input[type='number'], .npc div.repeating input[type='text'] {
|
|
width: 100%; }
|
|
.npc div.repeating div.repitem:hover > input[name='attr_flag'] + span, .npc div.repeating div.repitem:hover > input[name='attr_program_on'] + span {
|
|
opacity: 1; }
|
|
.npc div.repeating div.repitem div.settings {
|
|
min-width: 700px; }
|
|
.npc div.repeating div.settings select, .npc div.repeating div.settings label, .npc div.repeating div.settings span {
|
|
grid-row: 2; }
|
|
.npc div.repeating div.settings label[data-i18n-title='notes'] {
|
|
grid-row: 3; }
|
|
.npc div.repeating div.settings label[data-i18n-title='notes'] input[type='text'] {
|
|
text-align: left; }
|
|
|
|
.npc div.attribute {
|
|
border-bottom: 1px solid #fff;
|
|
border-top: 1px solid #fff;
|
|
grid-row-gap: 5%;
|
|
margin: 0px;
|
|
padding: 1% 1% 3% 1%;
|
|
width: 100%; }
|
|
.npc div.attribute input[type='number'] {
|
|
text-align: center;
|
|
width: 100%; }
|
|
.npc div.attribute label,
|
|
.npc div.attribute h2,
|
|
.npc div.button {
|
|
text-align: center; }
|
|
.npc div.attribute label[data-i18n-title='modifier'] input[type='number'] {
|
|
width: 63%; }
|
|
.npc div.attribute label[data-i18n-title='modifier']:not(:empty):before {
|
|
content: '('; }
|
|
.npc div.attribute label[data-i18n-title='modifier']:not(:empty):after {
|
|
content: ')'; }
|
|
.npc div.attribute h1 {
|
|
font-weight: normal;
|
|
grid-row: 1;
|
|
text-align: center; }
|
|
.npc div.attribute button {
|
|
font-size: 1.25em;
|
|
grid-row: 1;
|
|
text-transform: capitalize; }
|
|
.npc div.attribute span {
|
|
font-size: 1.25em;
|
|
grid-row: 2;
|
|
text-align: center; }
|
|
.npc div.attribute span + label {
|
|
grid-row: 3; }
|
|
.npc div.attribute label[data-i18n-title='modifier'] {
|
|
grid-row: 4; }
|
|
|
|
#SR6WE .npc div.mid {
|
|
grid-template-columns: auto auto 25%;
|
|
width: 100%; }
|
|
|
|
.npc div.mid div.column {
|
|
width: 100%; }
|
|
.npc div.mid span[name='attr_physical_limit']:after,
|
|
.npc div.mid span[name='attr_mental_limit']:after {
|
|
content: ','; }
|
|
/*:+:+:+: TEXT AREAS :+:+:+:*/
|
|
|
|
|
|
|
|
/*:+:+:+: REPEATING SECTIONS :+:+:+:*/
|
|
|
|
|
|
|
|
/*:+:+:+: NPC INLINE REPEAITNG SECTIONS SUCH AS SKILLS :+:+:+:*/
|
|
/*:+:+:+: WEAPONS :+:+:+:*/
|
|
/* NPC (Grunt / Vehicle) Weapons */
|
|
.npc .body div.headers {
|
|
display: grid !important; }
|
|
.npc .body div.headers h2:nth-of-type(1n+2) {
|
|
text-align: center !important; }
|
|
.npc .body div.repitem h3 {
|
|
color: #040404 !important; }
|
|
.npc .body div.repitem input:nth-of-type(1n+2) {
|
|
text-align: center !important; }
|
|
.npc .body div.repitem input.flag-primary[value='primary'] + button {
|
|
background-color: #460141 !important;
|
|
border-bottom: 2px solid #040404 !important; }
|
|
|
|
.npc .body div.repitem button[name='roll_range_weapon'] > span,
|
|
.npc .body div.repitem button[name='act_range_weapon'] > span {
|
|
text-align: left; }
|
|
|
|
/* Melee Specific */
|
|
.npc .body div.weapon-melee div.headers {
|
|
width: 100%;
|
|
display: inline-grid;
|
|
grid-template-columns: 1fr 3em 3em 2em 2em 2em 2em 2em 1em 1em !important; }
|
|
.npc .body div.weapon-melee div.repitem {
|
|
align-items: center;
|
|
width: 100%;
|
|
display: inline-grid;
|
|
grid-template-columns: 1fr 3em 3em 2em 2em 2em 2em 2em 1em 1em !important; }
|
|
.npc .body div.weapon-melee div.repitem label[data-i18n-title='notes'],
|
|
.npc .body div.weapon-melee div.repitem h3[data-i18n='notes'],
|
|
.npc .body div.weapon-melee div.repitem div.collapse {
|
|
grid-column: 1 / 11 !important; }
|
|
.npc .body div.weapon-melee div.repitem input.collapse-flag {
|
|
opacity: 0;
|
|
margin-bottom: 8px;
|
|
z-index: 2;
|
|
grid-area: 1 / 9 / 1 / 10 !important; }
|
|
.npc .body div.weapon-melee div.repitem input.collapse-flag + span.pictos, .npc .body div.weapon-melee div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .npc .body div.weapon-melee div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.npc .body div.weapon-melee div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .npc .body div.weapon-melee div.repitem input[type='checkbox'].collapse-flag + span, .npc .body div.weapon-melee div.repitem .flag-primary + div > input.collapse-flag + span, .npc .body div.weapon-melee div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .npc .body div.weapon-melee div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.npc .body div.weapon-melee div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .npc .body div.weapon-melee div.repitem input.collapse-flag + span.repcontrol_add:after, .npc .body div.weapon-melee div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .npc .body div.weapon-melee div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 9 / 1 / 10 !important; }
|
|
.npc .body div.weapon-melee div.repitem input.settings-flag {
|
|
opacity: 0;
|
|
margin-bottom: 8px;
|
|
z-index: 2; }
|
|
.npc .body div.weapon-melee div.repitem input.settings-flag,
|
|
.npc .body div.weapon-melee div.repitem input.settings-flag + span.pictos,
|
|
.npc .body div.weapon-melee div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .npc .body div.weapon-melee div.repitem input[type='checkbox'].settings-flag + span,
|
|
.npc .body div.weapon-melee div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .npc .body div.weapon-melee div.repitem input[type='checkbox'].settings-flag + span,
|
|
.npc .body div.weapon-melee div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.npc .body div.weapon-melee div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .npc .body div.weapon-melee div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.npc .body div.weapon-melee div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .npc .body div.weapon-melee div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.npc .body div.weapon-melee div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .npc .body div.weapon-melee div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 10 / 1 / 11 !important; }
|
|
.npc .body div.weapon-melee div.repitem div.settings {
|
|
align-items: center;
|
|
width: 100%;
|
|
display: inline-grid;
|
|
grid-column: 1 / 11 !important;
|
|
grid-template-columns: 1fr 3em 3em 2em 2em 2em 2em 2em 1em 1em !important; }
|
|
.npc .body div.weapon-melee div.repitem div.settings input[name='attr_close'], .npc .body div.weapon-melee div.repitem div.settings input[name='attr_close_base'],
|
|
.npc .body div.weapon-melee div.repitem div.settings input[name='attr_near'], .npc .body div.weapon-melee div.repitem div.settings input[name='attr_near_base'],
|
|
.npc .body div.weapon-melee div.repitem div.settings input[name='attr_medium'], .npc .body div.weapon-melee div.repitem div.settings input[name='attr_medium_base'],
|
|
.npc .body div.weapon-melee div.repitem div.settings input[name='attr_far'], .npc .body div.weapon-melee div.repitem div.settings input[name='attr_far_base'],
|
|
.npc .body div.weapon-melee div.repitem div.settings input[name='attr_extreme'], .npc .body div.weapon-melee div.repitem div.settings input[name='attr_extreme_base'] {
|
|
width: 2em; }
|
|
.npc .body div.weapon-melee div.repitem div.settings input[name='attr_dicepool'], .npc .body div.weapon-melee div.repitem div.settings input[name='attr_dicepool_base'],
|
|
.npc .body div.weapon-melee div.repitem div.settings input[name='attr_damage'], .npc .body div.weapon-melee div.repitem div.settings input[name='attr_damage_base'] {
|
|
text-align: center;
|
|
width: 3em; }
|
|
|
|
|
|
|
|
/* Ranged Specific */
|
|
.npc .body div.weapon-range div.headers {
|
|
width: 100%;
|
|
display: inline-grid;
|
|
grid-template-columns: 1fr 4em 4em 2em 2em 2em 2em 2em 5em 4em 1em 1em; }
|
|
.npc .body div.weapon-range div.repitem {
|
|
align-items: center;
|
|
width: 100%;
|
|
display: inline-grid;
|
|
grid-template-columns: 1fr 4em 4em 2em 2em 2em 2em 2em 5em 4em 1em 1em; }
|
|
.npc .body div.weapon-range div.repitem label[data-i18n-title='notes'],
|
|
.npc .body div.weapon-range div.repitem h3[data-i18n='notes'],
|
|
.npc .body div.weapon-range div.repitem div.collapse {
|
|
grid-column: 1 / 13 !important; }
|
|
.npc .body div.weapon-range div.repitem input.collapse-flag {
|
|
opacity: 0;
|
|
margin-bottom: 8px;
|
|
z-index: 2;
|
|
grid-area: 1 / 11 / 1 / 12 !important; }
|
|
.npc .body div.weapon-range div.repitem input.collapse-flag + span.pictos, .npc .body div.weapon-range div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span, .settings-toggle .npc .body div.weapon-range div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.npc .body div.weapon-range div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .npc .body div.weapon-range div.repitem input[type='checkbox'].collapse-flag + span, .npc .body div.weapon-range div.repitem .flag-primary + div > input.collapse-flag + span, .npc .body div.weapon-range div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after, .repcontrol .npc .body div.weapon-range div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.npc .body div.weapon-range div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .npc .body div.weapon-range div.repitem input.collapse-flag + span.repcontrol_add:after, .npc .body div.weapon-range div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del, .itemcontrol .npc .body div.weapon-range div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 11 / 1 / 12 !important; }
|
|
.npc .body div.weapon-range div.repitem input.settings-flag {
|
|
opacity: 0;
|
|
margin-bottom: 8px;
|
|
z-index: 2;
|
|
grid-area: 1 / 12 / 1 / 13 !important; }
|
|
.npc .body div.weapon-range div.repitem input.settings-flag + span.pictos,
|
|
.npc .body div.weapon-range div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .npc .body div.weapon-range div.repitem input[type='checkbox'].settings-flag + span,
|
|
.npc .body div.weapon-range div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .npc .body div.weapon-range div.repitem input[type='checkbox'].settings-flag + span,
|
|
.npc .body div.weapon-range div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.npc .body div.weapon-range div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .npc .body div.weapon-range div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.npc .body div.weapon-range div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .npc .body div.weapon-range div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.npc .body div.weapon-range div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .npc .body div.weapon-range div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 12 / 1 / 13 !important; }
|
|
.npc .body div.weapon-range div.repitem div.settings {
|
|
align-items: center;
|
|
width: 100%;
|
|
display: inline-grid;
|
|
grid-column: 1 / 13;
|
|
grid-template-columns: 1fr 4em 4em 2em 2em 2em 2em 2em 5em 4em 1em 1em; }
|
|
.npc .body div.weapon-range div.repitem div.settings input[name='attr_close'], .npc .body div.weapon-range div.repitem div.settings input[name='attr_close_base'],
|
|
.npc .body div.weapon-range div.repitem div.settings input[name='attr_near'], .npc .body div.weapon-range div.repitem div.settings input[name='attr_near_base'],
|
|
.npc .body div.weapon-range div.repitem div.settings input[name='attr_medium'], .npc .body div.weapon-range div.repitem div.settings input[name='attr_medium_base'],
|
|
.npc .body div.weapon-range div.repitem div.settings input[name='attr_far'], .npc .body div.weapon-range div.repitem div.settings input[name='attr_far_base'],
|
|
.npc .body div.weapon-range div.repitem div.settings input[name='attr_extreme'], .npc .body div.weapon-range div.repitem div.settings input[name='attr_extreme_base'] {
|
|
width: 2em; }
|
|
.npc .body div.weapon-range div.repitem div.settings input[name='attr_dicepool'], .npc .body div.weapon-range div.repitem div.settings input[name='attr_dicepool_base'],
|
|
.npc .body div.weapon-range div.repitem div.settings input[name='attr_damage'], .npc .body div.weapon-range div.repitem div.settings input[name='attr_damage_base'] {
|
|
width: 4em; }
|
|
.npc .body div.weapon-range div.repitem div.settings input[name='attr_firing_modes'] {
|
|
width: 13em; }
|
|
|
|
|
|
.npc .body div.weapon-range input[name='attr_dicepool'][value='0'] ~ button.dicepool,
|
|
.npc .body div.weapon-melee input[name='attr_dicepool'][value='0'] ~ button.dicepool {
|
|
display: none;
|
|
}
|
|
.npc .body div.weapon-range input[name='attr_dicepool']:not([value='0']) ~ button.no-dicepool,
|
|
.npc .body div.weapon-melee input[name='attr_dicepool']:not([value='0']) ~ button.no-dicepool {
|
|
display: none;
|
|
}
|
|
|
|
input[name='attr_sheet_type'][value='spirit'] ~ .npc .body div.spirit.weapon-range .atk-dp-mod,
|
|
input[name='attr_sheet_type'][value='vehicle'] ~ .npc .body div.vehicle.weapon-range .atk-dp-mod,
|
|
input[name='attr_sheet_type'][value='spirit'] ~ .npc .body div.spirit.weapon-melee .atk-dp-mod,
|
|
input[name='attr_sheet_type'][value='vehicle'] ~ .npc .body div.vehicle.weapon-melee .atk-dp-mod {
|
|
display: none;
|
|
}
|
|
|
|
.npc .body div.weapon-range,
|
|
.npc .body div.weapon-melee {
|
|
width: 100% !important; }
|
|
.npc .body div.weapon-range div.row {
|
|
grid-column: 1 / 13 !important;
|
|
margin-left: 0px !important; }
|
|
.npc .body div.weapon-melee div.row {
|
|
grid-column: 1 / 9 !important;
|
|
margin-left: 0px !important; }
|
|
.npc .body div.weapon-range div.row label[data-i18n-title="modeoptions"],
|
|
.npc .body div.weapon-range div.row label[data-i18n-title="range"],
|
|
.npc .body div.weapon-melee div.row label[data-i18n-title="modeoptions"],
|
|
.npc .body div.weapon-melee div.row label[data-i18n-title="range"] {
|
|
width: 25% !important;
|
|
margin-left: 0px !important; }
|
|
.npc .body div.weapon-range div.row input[type='number'],
|
|
.npc .body div.weapon-melee div.row input[type='number'] {
|
|
width: 3em !important;
|
|
margin-left: 0px !important; }
|
|
.npc .body div.weapon-range div.row select,
|
|
.npc .body div.weapon-melee div.row select {
|
|
width: 30% !important;
|
|
margin-left: 0px !important; }
|
|
.npc .body div.weapon-range div.exotic-warning,
|
|
.npc .body div.weapon-melee div.exotic-warning {
|
|
display: none !important; }
|
|
.npc .body div.weapon-range input[value='0'] + div.exotic-warning,
|
|
.npc .body div.weapon-melee input[value='0'] + div.exotic-warning {
|
|
display: block !important; }
|
|
|
|
|
|
|
|
.npc div.end {
|
|
width: 100%; }
|
|
.npc div.end div.rows, .npc div.end div.textrow {
|
|
width: 100%; }
|
|
.npc div.end div.textrow {
|
|
grid-column: 1 / 4; }
|
|
.npc div.end div.textrow h1 {
|
|
display: inline;
|
|
line-height: unset;
|
|
margin-right: 1%; }
|
|
.npc div.end div.textrow label {
|
|
width: 100%; }
|
|
.npc div.end div.textrow label[data-i18n-title='initiate'], .npc div.end div.textrow label[data-i18n-title='submersion'] {
|
|
width: 4em; }
|
|
.npc div.end div.textrow label[data-i18n-title='initiate'] input, .npc div.end div.textrow label[data-i18n-title='submersion'] input {
|
|
width: 100%; }
|
|
.npc div.end div.repeating {
|
|
grid-column: 1 / 4; }
|
|
.npc div.end div.inline-repeating div.repitem:last-child button[name*='roll_expertise'] + span.tiny {
|
|
display: none; }
|
|
.npc div.end div.inline-repeating div.repcontainer {
|
|
display: inline;
|
|
max-width: 500px; }
|
|
.npc div.end div.inline-repeating div.repcontainer .repitem,
|
|
.npc div.end div.inline-repeating div.repcontainer .repcontrol {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin-bottom: 1%;
|
|
margin-right: 1%; }
|
|
.npc div.end div.inline-repeating div.settings {
|
|
grid-template-columns: 2fr 8em 8em 1fr 1fr;
|
|
grid-column-gap: 1%;
|
|
grid-row-gap: 0.5%; }
|
|
.npc div.end div.inline-repeating div.settings h2.full-row {
|
|
grid-column: 1 / 6;
|
|
text-align: left; }
|
|
.npc div.end div.inline-repeating div.settings label[data-i18n-title='specialization'] {
|
|
grid-area: 4 / 1 / 4 / 6; }
|
|
.npc div.end div.inline-repeating div.settings label[data-i18n-title='expertise'] {
|
|
grid-area: 6 / 1 / 6 / 6; }
|
|
.npc div.end div.inline-repeating div.settings label.full-row input[type='text'] {
|
|
text-align: left; }
|
|
.npc div.end div.weapons div.settings {
|
|
grid-template-columns: 5em 3em 2fr 2fr 3em 3em 3em 1fr 3em 3em 1.25em;
|
|
grid-column-gap: 0.2%; }
|
|
.npc div.end div.weapons div.settings label[data-i18n-title='notes'] {
|
|
grid-column: 1 / 12; }
|
|
|
|
|
|
|
|
/*:+:+:+: SPELLS :+:+:+:*/
|
|
|
|
/* hide the old npcspells repeating section for awhile, eventually we'll delete it */
|
|
.npc div.spells div.repitem input[name='attr_category'][value='Combat'] ~ button[name*='act_npcnoncombatspell'],
|
|
.npc div.spells div.repitem input[name='attr_category']:not([value='Combat']) ~ button[name^='act_npcspell'],
|
|
.npc div.spells div.repitem input[name='attr_range']:not([value$='(A)']) ~ button[name*='aoe'],
|
|
.npc div.spells div.repitem input[name='attr_range'][value$='(A)'] ~ button:not([name*='aoe']) {
|
|
display: none;
|
|
}
|
|
.npc div.spells input[name='attr_dicepool'][value='0'] ~ button.dicepool {
|
|
display: none;
|
|
}
|
|
.npc div.spells input[name='attr_dicepool']:not([value='0']):not([value='']) ~ button.no-dicepool {
|
|
display: none;
|
|
}
|
|
|
|
.npc div.hidden.hidden.hidden {
|
|
display: none !important; }
|
|
|
|
.npc div.spells div.repitem div.settings {
|
|
grid-column: 1 / 9 !important; }
|
|
|
|
.npc div.end div.spells div.settings div.row1 {
|
|
width: 100%;
|
|
display: grid;
|
|
grid-column-gap: 0.2%;
|
|
align-items: center;
|
|
grid-template-columns: 1fr 2.5em 7em 7em 7em 2.5em 1em 1em; }
|
|
.npc div.end div.spells div.settings div.row2 {
|
|
width: 100%;
|
|
display: grid;
|
|
grid-column-gap: 0.2%;
|
|
align-items: center;
|
|
grid-template-columns: auto auto auto auto auto auto; }
|
|
|
|
.npc div.spells div.spells-header {
|
|
width: 100%;
|
|
display: grid;
|
|
grid-template-columns: 1fr 2.5em 7em 7em 7em 2.5em 1em 1em; }
|
|
|
|
.npc div.spells div.repitem {
|
|
width: 100%;
|
|
display: grid;
|
|
grid-template-columns: 1fr 2.5em 7em 7em 7em 2.5em 1em 1em; }
|
|
|
|
.npc div.spells div.repitem div.row {
|
|
grid-column: 1 / 9 !important;
|
|
margin-left: 0px !important; }
|
|
|
|
.npc div.spells div.repitem input[name='attr_name'] {
|
|
text-align: left;
|
|
width: 100%; }
|
|
|
|
.npc div.spells div.repitem label[data-i18n-title='notes'],
|
|
.npc div.spells div.repitem h3[data-i18n='notes'],
|
|
.npc div.spells div.repitem div.collapse {
|
|
grid-column: 1 / 10 !important; }
|
|
|
|
.npc div.spells div.repitem input.collapse-flag {
|
|
grid-area: 1 / 7 / 1 / 8 !important;
|
|
z-index: 2;
|
|
position: absolute;
|
|
top: 2px;
|
|
opacity: 0; }
|
|
.npc div.spells div.repitem input.collapse-flag + span.pictos,
|
|
.npc div.spells div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span,
|
|
.settings-toggle .npc div.spells div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.npc div.spells div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
.settings-flag .npc div.spells div.repitem input[type='checkbox'].collapse-flag + span,
|
|
.npc div.spells div.repitem .flag-primary + div > input.collapse-flag + span,
|
|
.npc div.spells div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,
|
|
.repcontrol .npc div.spells div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
.npc div.spells div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
.repcontrol .npc div.spells div.repitem input.collapse-flag + span.repcontrol_add:after,
|
|
.npc div.spells div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,
|
|
.itemcontrol .npc div.spells div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 7 / 1 / 8 !important; }
|
|
|
|
.npc div.spells div.repitem input.settings-flag {
|
|
grid-area: 1 / 8 / 1 / 9 !important;
|
|
z-index: 2;
|
|
position: absolute;
|
|
top: 2px;
|
|
opacity: 0; }
|
|
.npc div.spells div.repitem input.settings-flag + span.pictos,
|
|
.npc div.spells div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
.settings-toggle .npc div.spells div.repitem input[type='checkbox'].settings-flag + span,
|
|
.npc div.spells div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
.settings-flag .npc div.spells div.repitem input[type='checkbox'].settings-flag + span,
|
|
.npc div.spells div.repitem .flag-primary + div > input.settings-flag + span,
|
|
.npc div.spells div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
.repcontrol .npc div.spells div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
.npc div.spells div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
.repcontrol .npc div.spells div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
.npc div.spells div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
.itemcontrol .npc div.spells div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 8 / 1 / 9 !important; }
|
|
|
|
|
|
|
|
/*:+:+:+: COMPLEX FORMS :+:+:+:*/
|
|
#SR6WE .npc div.end div.forms div.repitem,
|
|
#SR6WE .npc div.end div.forms div.rows.headers {
|
|
display: grid;
|
|
grid-template-columns: 4em 14em 10em 10em 3em 1fr;
|
|
grid-column-gap: .5%; }
|
|
|
|
#SR6WE .npc div.forms div.rows h2 {
|
|
display: inline;
|
|
font-size: 1.1em;
|
|
line-height: unset;
|
|
font-weight: normal;
|
|
text-decoration: none; }
|
|
#SR6WE .npc div.forms div.rows h2.name,
|
|
#SR6WE .npc div.forms div.rows h2.duration,
|
|
#SR6WE .npc div.forms div.rows h2.skill {
|
|
text-align: left !important; }
|
|
|
|
#SR6WE .npc div.end div.forms input[name="attr_flag"] + span {
|
|
top: 1px;
|
|
left: unset;
|
|
margin-left: auto;
|
|
margin-right: auto; }
|
|
#SR6WE .npc div.end div.forms .dice {
|
|
padding-top: 2px;
|
|
margin-left: 25px;
|
|
margin-right: auto; }
|
|
#SR6WE .npc div.end div.forms span.fade_value {
|
|
text-align: center; }
|
|
|
|
#SR6WE .npc div.end div.forms button[name='roll_complex_form'] {
|
|
text-align: left;
|
|
margin-left: 0px; }
|
|
|
|
#SR6WE .npc div.end div.forms div.settings {
|
|
grid-column: 1 / 7;
|
|
width: 100%;
|
|
display: grid;
|
|
grid-column-gap: 0.2%;
|
|
grid-template-columns: 4em 14em 10em 10em 3em; }
|
|
#SR6WE .npc div.end div.forms label[data-i18n-title='notes'] {
|
|
grid-column: 1 / 6; }
|
|
|
|
#SR6WE .npc div.end div.forms div.repitem span.hide-roll-button {
|
|
display: none; }
|
|
#SR6WE .npc div.end div.forms div.repitem span.show-name,
|
|
#SR6WE .npc div.end div.forms div.repitem button.show-name {
|
|
font-weight: bold;
|
|
display: none; }
|
|
#SR6WE .npc div.end div.forms div.repitem span.hide-roll-button:empty ~ button[name='act_complexform'] {
|
|
display: none !important; }
|
|
#SR6WE .npc div.end div.forms div.repitem span.hide-roll-button:empty ~ span.show-name,
|
|
#SR6WE .npc div.end div.forms div.repitem span.hide-roll-button:empty ~ button.show-name {
|
|
display: inherit; }
|
|
#SR6WE .npc div.end div.forms div.repitem span[name='attr_dice']:empty ~ button[name$=dice] {
|
|
display: none; }
|
|
#SR6WE .npc div.end div.forms div.repitem span[name='attr_dice']:not(:empty) ~ button:not([name$=dice]) {
|
|
display: none; }
|
|
|
|
|
|
/*:+:+:+: IC :+:+:+:*/
|
|
#SR6WE .npc div.body div.ic input[type='number'] {
|
|
width: 2.5em; }
|
|
|
|
#SR6WE .npc div.body div.ic input[name^="attr_powered_on"] {
|
|
top: 4px;
|
|
left: 4px; }
|
|
|
|
#SR6WE .npc div.body div.ic div.headers {
|
|
width: 100%;
|
|
display: grid;
|
|
grid-column-gap: 5px;
|
|
grid-template-columns: 1.65em 1fr 2.5em 2.5em 2.5em 10em 15em 1em 1em; }
|
|
#SR6WE .npc div.body div.ic div.repeating_IC {
|
|
width: 100%;
|
|
grid-column-gap: 5px;
|
|
display: grid; }
|
|
#SR6WE .npc div.body div.ic div.repitem {
|
|
width: 100% !important;
|
|
display: grid !important;
|
|
grid-column-gap: 5px;
|
|
grid-template-columns: 1.65em 1fr 2.5em 2.5em 2.5em 10em 15em 1em 1em; }
|
|
#SR6WE .npc div.body div.ic div.settings {
|
|
grid-column: 1 / 10;
|
|
width: 100%;
|
|
display: grid;
|
|
grid-column-gap: 3px;
|
|
grid-template-columns: .25em 1fr 2.5em 2.5em 2.5em 10em 19em; }
|
|
#SR6WE .npc div.body div.ic div.settings label[data-i18n-title='notes'] {
|
|
width: 99%;
|
|
grid-column: 1 / 8; }
|
|
|
|
#SR6WE .npc div.body div.ic input.settings-toggle:checked ~ settings {
|
|
display: grid; }
|
|
#SR6WE .npc div.body div.ic input.settings-toggle + span {
|
|
color: #460141;
|
|
opacity: .5; }
|
|
#SR6WE .npc div.body div.ic input.settings-toggle:checked + span {
|
|
opacity: 1; }
|
|
|
|
#SR6WE .npc div.body div.ic input.collapse-flag:checked ~ div.collapse {
|
|
display: inherit; }
|
|
#SR6WE .npc div.body div.ic input.collapse-flag + span {
|
|
color: #460141;
|
|
opacity: .5; }
|
|
#SR6WE .npc div.body div.ic input.collapse-flag:checked + span {
|
|
opacity: 1; }
|
|
#SR6WE .npc div.body div.ic div.collapse {
|
|
padding-left: 5px;
|
|
grid-column: 1 / 10; }
|
|
|
|
#SR6WE .npc .body div.ic div.repitem input.collapse-flag + span.pictos,
|
|
#SR6WE .npc .body div.ic div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span,
|
|
#SR6WE .settings-toggle .npc .body div.ic div.repitem input[type='checkbox'].collapse-flag + span,
|
|
#SR6WE .npc .body div.ic div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
#SR6WE .settings-flag .npc .body div.ic div.repitem input[type='checkbox'].collapse-flag + span,
|
|
#SR6WE .npc .body div.ic div.repitem .flag-primary + div > input.collapse-flag + span,
|
|
#SR6WE .npc .body div.ic div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,
|
|
#SR6WE .repcontrol .npc .body div.ic div.repitem input.collapse-flag + span.repcontrol_edit:after,
|
|
#SR6WE .npc .body div.ic div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
#SR6WE .repcontrol .npc .body div.ic div.repitem input.collapse-flag + span.repcontrol_add:after,
|
|
#SR6WE .npc .body div.ic div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del,
|
|
#SR6WE .itemcontrol .npc .body div.ic div.repitem input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 8 / 1 / 9 !important; }
|
|
#SR6WE .npc .body div.ic div.repitem input.collapse-flag {
|
|
grid-area: 1 / 8 / 1 / 9 !important;
|
|
opacity: 0;
|
|
z-index: 2; }
|
|
|
|
#SR6WE .npc .body div.ic div.repitem input.settings-toggle + span.pictos,
|
|
#SR6WE .npc .body div.ic div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .settings-toggle .npc .body div.ic div.repitem input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .npc .body div.ic div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .settings-flag .npc .body div.ic div.repitem input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .npc .body div.ic div.repitem .flag-primary + div > input.settings-flag + span,
|
|
#SR6WE .npc .body div.ic div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
#SR6WE .repcontrol .npc .body div.ic div.repitem input.settings-flag + span.repcontrol_edit:after,
|
|
#SR6WE .npc .body div.ic div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
#SR6WE .repcontrol .npc .body div.ic div.repitem input.settings-flag + span.repcontrol_add:after,
|
|
#SR6WE .npc .body div.ic div.repitem .itemcontrol input.settings-flag + span.repcontrol_del,
|
|
#SR6WE .itemcontrol .npc .body div.ic div.repitem input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 9 / 1 / 10 !important; }
|
|
#SR6WE .npc .body div.ic div.repitem input.settings-toggle {
|
|
grid-area: 1 / 9 / 1 / 10 !important;
|
|
opacity: 0;
|
|
z-index: 2; }
|
|
|
|
|
|
|
|
.npc div.matrix {
|
|
width: 100%; }
|
|
|
|
/*:+:+:+: NPC PROGRAMS :+:+:+:*/
|
|
.npc div.matrix-device {
|
|
margin-bottom: 5%; }
|
|
.npc div.matrix-device div.rows {
|
|
display: inline-grid;
|
|
grid-template-columns: 12em 45% 10em 1fr;
|
|
grid-row-gap: 5%; }
|
|
.npc div.matrix-device div.rows:first-child {
|
|
margin-bottom: 4%; }
|
|
.npc div.matrix-device label {
|
|
width: 100%; }
|
|
.npc div.matrix-device label input[type='text'] {
|
|
text-align: left;
|
|
width: 100%; }
|
|
.npc div.matrix-device label.round > input[type='number'] {
|
|
border-radius: 25px 25px;
|
|
height: 25px;
|
|
margin-left: 25%;
|
|
width: 25px; }
|
|
|
|
|
|
/*:+:+:+: NPC AUTOSOFTS :+:+:+:*/
|
|
#SR6WE .npc .vehicle div.autosofts {
|
|
width: 100%;
|
|
display: inline-grid !important;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
grid-column-gap: 5px;
|
|
grid-template-columns: .65fr 35% .25fr 35% .5fr; }
|
|
|
|
#SR6WE .npc .vehicle div.autosofts button {
|
|
font-size: 0.9em !important;
|
|
color: #460141 !important;
|
|
background-color: #fff;
|
|
font-weight: bold; }
|
|
|
|
#SR6WE .npc .vehicle div.autosofts button:hover {
|
|
color: #fff !important;
|
|
text-shadow: 1px 1px 2px black, 0 0 25px #460141, 0 0 5px #460141 !important; }
|
|
|
|
#SR6WE .npc .vehicle div.autosofts .autosoft-column {
|
|
margin-bottom: auto;
|
|
width: 100%;
|
|
display: inline-grid !important;
|
|
align-items: center;
|
|
text-align: center;
|
|
grid-template-columns: 1.75em 12em 3em; }
|
|
|
|
#SR6WE .npc .vehicle div.autosofts input[type='number'] {
|
|
width: 2.5em !important; }
|
|
|
|
#SR6WE .npc .vehicle div.autosofts input[name^='attr_powered_on'] {
|
|
top: unset;
|
|
position: absolute !important;
|
|
margin: 4px 0px 5px 3px !important; }
|
|
#SR6WE .npc .vehicle div.autosofts input[name^='attr_powered_on'] + span {
|
|
padding: unset;
|
|
position: relative;
|
|
margin: 0px 2px 0px 0px; }
|
|
|
|
#SR6WE .npc .vehicle div.autosofts span.powerbutton {
|
|
display: grid; }
|
|
#SR6WE .npc .vehicle div.autosofts input[name^='attr_powered_on']:not(:checked) + span.pictos {
|
|
top: 0;
|
|
height: 15px;
|
|
padding: 0px 4px 20px 4px;
|
|
border-radius: 10px;
|
|
color: red;
|
|
border: red solid 1px;
|
|
opacity: 1 !important;}
|
|
#SR6WE .npc .vehicle div.autosofts input[name^='attr_powered_on']:checked + span.pictos {
|
|
top: 0;
|
|
height: 15px;
|
|
padding: 0px 4px 20px 4px;
|
|
border-radius: 10px;
|
|
box-shadow: green 0px 1px 5px 2px;
|
|
color: green; }
|
|
|
|
#SR6WE .npc .vehicle div.autosofts input[name^='attr_powered_on']:not(:checked) ~ button,
|
|
#SR6WE .npc .vehicle div.autosofts input[name^='attr_powered_on']:not(:checked) ~ button > span,
|
|
#SR6WE .npc .vehicle div.autosofts input[name^='attr_powered_on']:not(:checked) ~ span,
|
|
#SR6WE .npc .vehicle div.autosofts input[name^='attr_powered_on']:not(:checked) ~ div.collapse span {
|
|
opacity: 0.4; }
|
|
#SR6WE .npc .vehicle div.autosofts input[name^='attr_powered_on']:checked ~ button,
|
|
#SR6WE .npc .vehicle div.autosofts input[name^='attr_powered_on']:checked ~ button > span,
|
|
#SR6WE .npc .vehicle div.autosofts input[name^='attr_powered_on']:checked ~ span,
|
|
#SR6WE .npc .vehicle div.autosofts input[name^='attr_powered_on']:checked ~ div.collapse span {
|
|
opacity: 1; }
|
|
|
|
|
|
/*:+:+:+: NPC MATRIX BUBBLES :+:+:+:*/
|
|
.npc div.matrix-device div.matrix-bubble {
|
|
background-color: transparent;
|
|
grid-column: 2 / 4;
|
|
height: 15px;
|
|
margin-left: 10%; }
|
|
.npc div.matrix-device div.matrix-bubble input[type='radio'] {
|
|
height: 25px;
|
|
width: 20px;
|
|
left: 0px;
|
|
top: -115%; }
|
|
.npc div.matrix-device div.matrix-bubble input[type='radio'] + span {
|
|
border-radius: 5px;
|
|
height: 25px;
|
|
left: 5px;
|
|
width: 20px;
|
|
top: -60%; }
|
|
|
|
|
|
#SR6WE .npc div.matrix-device div.rows.repeating .repcontainer[data-groupname='repeating_programs'] .repitem {
|
|
align-items: center;
|
|
width: 100%;
|
|
display: grid;
|
|
grid-template-columns: 1.75em auto 1em 1em 1fr; }
|
|
|
|
|
|
#SR6WE .npc div.matrix-device div.repcontainer div.repitem input.toggle,
|
|
#SR6WE .npc div.matrix-device div.repcontainer div.repitem span.pictos,
|
|
#SR6WE .npc div.matrix-device div.repcontainer div.repitem .settings-toggle input[type='checkbox'] + span,
|
|
#SR6WE .settings-toggle .npc div.matrix-device div.repcontainer div.repitem input[type='checkbox'] + span,
|
|
#SR6WE .npc div.matrix-device div.repcontainer div.repitem .settings-flag input[type='checkbox'] + span,
|
|
#SR6WE .settings-flag .npc div.matrix-device div.repcontainer div.repitem input[type='checkbox'] + span,
|
|
#SR6WE .npc div.matrix-device div.repcontainer div.repitem .flag-primary + div > span,
|
|
#SR6WE .npc div.matrix-device div.repcontainer div.repitem .repcontrol span.repcontrol_edit:after,
|
|
#SR6WE .repcontrol .npc div.matrix-device div.repcontainer div.repitem span.repcontrol_edit:after,
|
|
#SR6WE .npc div.matrix-device div.repcontainer div.repitem .repcontrol span.repcontrol_add:after,
|
|
#SR6WE .repcontrol .npc div.matrix-device div.repcontainer div.repitem span.repcontrol_add:after,
|
|
#SR6WE .npc div.matrix-device div.repcontainer div.repitem .itemcontrol span.repcontrol_del,
|
|
#SR6WE .itemcontrol .npc div.matrix-device div.repcontainer div.repitem span.repcontrol_del {
|
|
position: absolute; }
|
|
|
|
#SR6WE .npc div.matrix-device div.repcontainer div.repitem input[name='attr_program_on'] {
|
|
grid-area: 1 / 1 / 1 / 2; }
|
|
#SR6WE .npc div.matrix-device div.repcontainer div.repitem input[name='attr_program_on'] + span {
|
|
grid-area: 1 / 1 / 1 / 2; }
|
|
#SR6WE .npc div.matrix-device div.repcontainer div.repitem button[name='roll_program'] {
|
|
grid-area: 1 / 2 / 1 / 3; }
|
|
#SR6WE .npc div.matrix-device div.repcontainer div.repitem input[name='attr_display_flag'],
|
|
#SR6WE .npc div.matrix-device div.repcontainer div.repitem input[name='attr_display_flag'] + span {
|
|
grid-area: 1 / 3 / 1 / 4; }
|
|
#SR6WE .npc div.matrix-device div.repcontainer div.repitem input[name='attr_flag'],
|
|
#SR6WE .npc div.matrix-device div.repcontainer div.repitem input[name='attr_flag'] + span {
|
|
grid-area: 1 / 4 / 1 / 5; }
|
|
|
|
#SR6WE .npc div.matrix-device div.repcontainer .settings {
|
|
grid-column: 1 / 6; }
|
|
|
|
#SR6WE .npc div.matrix-device div.repcontainer div.repitem input[name='attr_display_flag'] {
|
|
opacity: 0;
|
|
z-index: 2;}
|
|
#SR6WE .npc div.matrix-device div.repcontainer div.repitem input[name='attr_display_flag']:checked ~ div.collapse {
|
|
grid-area: 2 / 2 / 2 / 6;
|
|
margin-left: 15px;
|
|
display: inline-block; }
|
|
|
|
|
|
.npc div.matrix div.npc-roll-rows {
|
|
display: inline-grid;
|
|
grid-template-columns: auto;
|
|
grid-row-gap: 1%; }
|
|
.npc div.matrix div.npc-roll-rows .rolls-matrix {
|
|
display: inline-grid;
|
|
grid-template-columns: auto auto auto; }
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
MATRIX ENCOUNTER TRACKER
|
|
**************************************************************************/
|
|
.gm-helper {
|
|
background-color: rgb(231, 230, 229);
|
|
border-radius: 3px;
|
|
color: #000;
|
|
margin-top: -20px;
|
|
min-height: 800px;
|
|
padding: 10px 10px;
|
|
width: 760px; }
|
|
.gm-helper button {
|
|
background: rgb(231, 230, 229);
|
|
color: #464041; }
|
|
.gm-helper button:hover, .gm-helper button:focus {
|
|
border-color: #460141;
|
|
color: #460141;
|
|
font-weight: bold; }
|
|
.gm-helper h1, .gm-helper h2, .gm-helper h3, .gm-helper h4, .gm-helper label {
|
|
color: #460141; }
|
|
.gm-helper h1 {
|
|
line-height: unset;
|
|
font-size: 1.1em; }
|
|
.gm-helper h2 {
|
|
font-size: 1em;
|
|
text-transform: capitalize; }
|
|
.gm-helper h3 {
|
|
font-size: 0.85em; }
|
|
.gm-helper input[type='radio'] {
|
|
opacity: 1; }
|
|
.gm-helper input[type='text']:placeholder-shown, .gm-helper input[type='number']:placeholder-shown {
|
|
border: 1px dotted #460141; }
|
|
.gm-helper input.toggle:checked + span {
|
|
color: #460141; }
|
|
.gm-helper textarea, .gm-helper select {
|
|
color: #000;
|
|
background-color: rgb(210, 209, 205); }
|
|
|
|
#SR6WE .gm-helper .border-box {
|
|
margin-top: 3px; }
|
|
#SR6WE .gm-helper .header-nav {
|
|
display: grid;
|
|
grid-template-columns: 1.5em auto 2em 2em 1fr auto auto;
|
|
grid-column-gap: 5px;
|
|
width: 100%;
|
|
height: 30px;
|
|
align-items: center;
|
|
margin: 0px 0px 6px 0px; }
|
|
#SR6WE .gm-helper .header-nav button[name='act_extended_start'],
|
|
#SR6WE .gm-helper .header-nav button[name='act_d6'] {
|
|
font-size: 2em !important;
|
|
border: none !important;
|
|
padding-top: 7px !important;
|
|
}
|
|
|
|
#SR6WE .gm-helper button[type='roll'],
|
|
#SR6WE .gm-helper button[type='action'] {
|
|
padding-bottom: 10px !important;
|
|
vertical-align: middle; }
|
|
|
|
#SR6WE .gm-helper input[name='attr_stats_toggle']:checked + span {
|
|
color: #460141; }
|
|
|
|
|
|
#SR6WE .gm-helper .os-tracker div.headers {
|
|
width: 100%;
|
|
display: grid;
|
|
grid-column-gap: 5px;
|
|
grid-template-columns: 1em 1fr 7em 7em 1em 1em; }
|
|
#SR6WE .gm-helper .os-tracker {
|
|
width: 100%;
|
|
grid-column-gap: 5px;
|
|
display: grid; }
|
|
#SR6WE .gm-helper .os-tracker div.repitem {
|
|
margin-bottom: 0px;
|
|
width: 100% !important;
|
|
display: grid !important;
|
|
grid-column-gap: 5px;
|
|
grid-template-columns: 1em 1fr 7em 7em 1em 1em; }
|
|
#SR6WE .gm-helper .os-tracker div.settings {
|
|
grid-column: 1 / 7;
|
|
width: 100%;
|
|
display: grid;
|
|
grid-column-gap: 3px;
|
|
grid-template-columns: 1em 1fr 7em 7em 1em 1em; }
|
|
#SR6WE .gm-helper .os-tracker div.settings label[data-i18n-title='notes'] {
|
|
width: 99%;
|
|
grid-column: 1 / 7; }
|
|
|
|
#SR6WE .gm-helper .os-tracker input.settings-toggle:checked ~ settings {
|
|
display: grid; }
|
|
#SR6WE .gm-helper .os-tracker input.settings-toggle + span {
|
|
color: #460141;
|
|
opacity: .5; }
|
|
#SR6WE .gm-helper .os-tracker input.settings-toggle:checked + span {
|
|
opacity: 1; }
|
|
|
|
#SR6WE .gm-helper .os-tracker input.collapse-flag:checked ~ div.collapse {
|
|
display: inherit; }
|
|
#SR6WE .gm-helper .os-tracker input.collapse-flag + span {
|
|
color: #460141;
|
|
opacity: .5; }
|
|
#SR6WE .gm-helper .os-tracker input.collapse-flag:checked + span {
|
|
opacity: 1; }
|
|
#SR6WE .gm-helper .os-tracker div.collapse {
|
|
padding-left: 5px;
|
|
grid-column: 1 / 7; }
|
|
|
|
#SR6WE .gm-helper .os-tracker .os-control-btn {
|
|
border: none !important;
|
|
padding: unset !important;
|
|
font-size: 16px !important;
|
|
vertical-align: top;
|
|
}
|
|
|
|
#SR6WE .gm-helper button[name='act_add_to_os_tracker'] {
|
|
padding-bottom: 0px !important;
|
|
}
|
|
|
|
#SR6WE .gm-helper .os-tracker div.repitem {
|
|
border-bottom: 1px solid #333 !important; }
|
|
|
|
#SR6WE .gm-helper .os-tracker div.repcontrol {
|
|
width: 100%;
|
|
display: grid !important;
|
|
grid-column-gap: 3px;
|
|
grid-template-columns: 3em 3em 1fr; }
|
|
|
|
#SR6WE .gm-helper input[name='attr_stats_toggle'],
|
|
#SR6WE .gm-helper input[name='attr_stats_toggle'] + span.pictos,
|
|
#SR6WE .gm-helper .settings-toggle input[type='checkbox'][name='attr_stats_toggle'] + span,
|
|
#SR6WE .gm-helper .settings-flag input[type='checkbox'][name='attr_stats_toggle'] + span,
|
|
#SR6WE .gm-helper .flag-primary + div > input[name='attr_stats_toggle'] + span,
|
|
#SR6WE .gm-helper .itemcontrol input[name='attr_stats_toggle'] + span.repcontrol_del,
|
|
#SR6WE .itemcontrol .gm-helper input[name='attr_stats_toggle'] + span.repcontrol_del {
|
|
grid-area: 1 / 1 / 1 / 2;
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
font-size: 1.75em; }
|
|
|
|
|
|
#SR6WE .gm-helper div.os-tracker .repcontrol button.repcontrol_edit:after,
|
|
#SR6WE .gm-helper div.os-tracker .repcontrol button.repcontrol_add:after {
|
|
position: absolute !important; }
|
|
#SR6WE .gm-helper div.os-tracker .repcontrol button.repcontrol_edit:after {
|
|
left: 80px; }
|
|
#SR6WE .gm-helper div.os-tracker .repcontrol button.repcontrol_add:after {
|
|
left: 55px; }
|
|
|
|
#SR6WE .gm-helper .os-tracker div.repitem input.collapse-flag + span.pictos,
|
|
#SR6WE .gm-helper .os-tracker div.repitem .settings-toggle input[type='checkbox'].collapse-flag + span,
|
|
#SR6WE .gm-helper .os-tracker div.repitem .settings-flag input[type='checkbox'].collapse-flag + span,
|
|
#SR6WE .gm-helper .os-tracker div.repitem .flag-primary + div > input.collapse-flag + span,
|
|
#SR6WE .gm-helper .os-tracker div.repitem .repcontrol input.collapse-flag + span.repcontrol_edit:after,
|
|
#SR6WE .gm-helper .os-tracker div.repitem .repcontrol input.collapse-flag + span.repcontrol_add:after,
|
|
#SR6WE .gm-helper .os-tracker div.repitem .itemcontrol input.collapse-flag + span.repcontrol_del {
|
|
grid-area: 1 / 5 / 1 / 6 !important; }
|
|
#SR6WE .gm-helper .os-tracker div.repitem input.collapse-flag {
|
|
grid-area: 1 / 5 / 1 / 6 !important;
|
|
opacity: 0;
|
|
z-index: 2; }
|
|
|
|
#SR6WE .gm-helper .os-tracker div.repitem input.settings-toggle + span.pictos,
|
|
#SR6WE .gm-helper .os-tracker div.repitem .settings-toggle input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .gm-helper .os-tracker div.repitem .settings-flag input[type='checkbox'].settings-flag + span,
|
|
#SR6WE .gm-helper .os-tracker div.repitem .flag-primary + div > input.settings-flag + span,
|
|
#SR6WE .gm-helper .os-tracker div.repitem .repcontrol input.settings-flag + span.repcontrol_edit:after,
|
|
#SR6WE .gm-helper .os-tracker div.repitem .repcontrol input.settings-flag + span.repcontrol_add:after,
|
|
#SR6WE .gm-helper .os-tracker div.repitem .itemcontrol input.settings-flag + span.repcontrol_del {
|
|
grid-area: 1 / 6 / 1 / 7 !important; }
|
|
#SR6WE .gm-helper .os-tracker div.repitem input.settings-toggle {
|
|
grid-area: 1 / 6 / 1 / 7 !important;
|
|
opacity: 0;
|
|
z-index: 2; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**************************************************************************/
|
|
/***************** PC & NPC SHEET SHOW & HIDE SETTINGS *******************/
|
|
/************************************************************************/
|
|
/* DISPLAY SETTINGS
|
|
============================= */
|
|
.pc div.skill-box input[name='attr_display_specialization'][value=' '] ~ div.buttons button[name*='specialization'],
|
|
.pc div.skill-box input[name='attr_display_specialization'][value=''] ~ div.buttons button[name*='specialization'],
|
|
.pc div.magic input.magic-toggle[value='rituals'] ~ .headers h2:nth-of-type(1n+2),
|
|
.collapsible .desc, .collapsible .desc-lifestyle,
|
|
.matrix, .magic, .resonance, .optional, .textboxes,
|
|
.optional-flag[value='0'] + .attr-header,
|
|
.category + div,
|
|
.category + div + div, .npc, .pc, .arms, .augs, .core, .gear, .options, .social, .vehicle, .notes, .rolls,
|
|
.attributes-active, .attributes-effects,
|
|
.skills-active, .skills-knowledge, .skills-language,
|
|
.magic-spells, .magic-preps, .magic-rituals,
|
|
.powers-adept, .powers-meta, .powers-conjuring,
|
|
.complexforms, .submersion,
|
|
.quality, .martial, div.collapse,
|
|
.settings, input.settings-toggle:checked ~ div.display,
|
|
input.settings-toggle:checked ~ .attr-col .attr-und div.display,
|
|
input.settings-toggle ~ .attr-lim div.settings,
|
|
input.settings-toggle:checked ~ .attr-lim div.display,
|
|
input.settings-toggle[value='settings'] ~ div.display,
|
|
input.settings-toggle[value='display'] ~ div.settings,
|
|
input.settings-toggle[value='display'] ~ div.settings-grid, input.settings-toggle[value='display'] ~ .settings, .hide-magic, .hide-spirit, .hide-resonance,
|
|
div.weapon-range, div.weapon-melee, div.weapon-grenade,
|
|
div.rolls-matrix, div.rolls-misc,
|
|
div.notes-notes, div.notes-logs, div.notes-changelog,
|
|
.grunt, .spirit, .host, .sprite,
|
|
input[name='attr_sheet_type'][value='host'] ~ .npc .matrix.body.matrix-device,
|
|
input[name='attr_sheet_type'][value='sprite'] ~ .npc .matrix.body.matrix-device,
|
|
input[name='attr_flag_special'][value='mundane'] ~ div.npc .hide-magic,
|
|
input[name='attr_flag_special'][value='mundane'] ~ div.npc .hide-spirit,
|
|
input[name='attr_flag_special'][value='mundane'] ~ div.npc .hide-resonance,
|
|
input[name='attr_flag_special'][value='mundane'] ~ div.npc .grunt.hide-magic,
|
|
input[name='attr_flag_special'][value='mundane'] ~ div.npc .grunt.hide-spirit,
|
|
input[name='attr_flag_special'][value='mundane'] ~ div.npc .grunt.hide-resonance,
|
|
input[name='attr_flag_special'][value='resonance'] ~ div.npc .hide-magic,
|
|
input[name='attr_flag_special'][value='resonance'] ~ div.npc .grunt.hide-magic,
|
|
input[name='attr_flag_special'][value='resonance'] ~ div.npc .hide-spirit,
|
|
input[name='attr_flag_special'][value='resonance'] ~ div.npc .grunt.hide-spirit,
|
|
input[name='attr_flag_special'][value='magic'] ~ div.npc .hide-resonance,
|
|
input[name='attr_flag_special'][value='magic'] ~ div.npc .grunt.hide-resonance,
|
|
input[name='attr_flag_special'][value='magic'] ~ div.npc .hide-spirit,
|
|
input[name='attr_flag_special'][value='spirit'] ~ div.npc .hide-resonance,
|
|
input[name='attr_flag_special'][value='spirit'] ~ div.npc .grunt.hide-resonance,
|
|
input[name='attr_flag_special'][value='spirit'] ~ div.npc .hide-magic,
|
|
input[name='attr_stats_toggle']:not([value='settings']) ~ div.attribute .settings.hide-magic,
|
|
input[name='attr_stats_toggle']:not([value='settings']) ~ div.attribute .settings.hide-spirit,
|
|
input[name='attr_stats_toggle']:not([value='settings']) ~ div.attribute .settings.hide-resonance,
|
|
input[name='attr_stats_toggle']:not([value='settings']) ~ div.body .settings.hide-magic,
|
|
input[name='attr_stats_toggle']:not([value='settings']) ~ div.body .settings.hide-spirit,
|
|
input[name='attr_stats_toggle']:not([value='settings']) ~ div.body .settings.hide-resonance,
|
|
input[name='attr_stats_toggle']:not([value='settings']) ~ div.body input[type='hidden'][value=''] + div.textrow,
|
|
input[name='attr_stats_toggle']:not([value='settings']) ~ div.body input[type='hidden'][value=''] + div.rows.grunt,
|
|
input[name='attr_specialization'][value=''] ~ button[name*='specialization'],
|
|
input[name='attr_specialization'][value=' '] ~ button[name*='specialization'],
|
|
input[name='attr_specialization'][value=''] ~ div.row-long div.buttons button[name*='specialization'],
|
|
input[name='attr_specialization'][value=' '] ~ div.row-long div.buttons button[name*='specialization'],
|
|
input[name='attr_expertise'][value=''] ~ button[name*='expertise'],
|
|
input[name='attr_expertise'][value=' '] ~ button[name*='expertise'],
|
|
input[name='attr_expertise'][value=''] ~ div.row-long div.buttons button[name*='expertise'],
|
|
input[name='attr_expertise'][value=' '] ~ div.row-long div.buttons button[name*='expertise'],
|
|
input[name='attr_weapon_range'][value='range'] ~ h2[data-i18n='reach'],
|
|
input[name='attr_weapon_range'][value='range'] ~ label[data-i18n-title='reach'],
|
|
input[name='attr_weapon_range'][value='melee'] ~ h2[data-i18n='modes'],
|
|
input[name='attr_weapon_range'][value='melee'] ~ h2[data-i18n='recoil'],
|
|
input[name='attr_weapon_range'][value='melee'] ~ h2[data-i18n='ammo'],
|
|
input[name='attr_weapon_range'][value='melee'] ~ label[data-i18n-title='modes'],
|
|
input[name='attr_weapon_range'][value='melee'] ~ label[data-i18n-title='recoil'],
|
|
input[name='attr_weapon_range'][value='melee'] ~ label[data-i18n-title='ammo'],
|
|
input[name='attr_weapon_range'][value='melee'] ~ span,
|
|
.gm-helper {
|
|
display: none !important; }
|
|
|
|
.display-flag:checked ~ .collapsible .desc,
|
|
.attributes-toggle[value='attributes'] ~ .attributes-active, .attributes-toggle[value='effects'] ~ .attributes-effects,
|
|
.skills-toggle[value='active'] ~ .skills-active, .skills-toggle[value='knowledge'] ~ .skills-knowledge, .skills-toggle[value='language'] ~ .skills-language,
|
|
.magic-toggle[value='spells'] ~ .magic-spells, .magic-toggle[value='preps'] ~ .magic-preps, .magic-toggle[value='rituals'] ~ .magic-rituals,
|
|
.powers-toggle[value='adept'] ~ .powers-adept, .powers-toggle[value='meta'] ~ .powers-meta, .powers-toggle[value='conjuring'] ~ .powers-conjuring,
|
|
.techno-toggle[value='complexforms'] ~ .complexforms, .techno-toggle[value='submersion'] ~ .submersion,
|
|
.tab-switch[value='quality'] ~ .quality, .tab-switch[value='martial'] ~ .martial {
|
|
display: inline !important; }
|
|
|
|
.pc h2,
|
|
.pc h3,
|
|
.pc .tabs,
|
|
.pc div.skill-box div.row-long,
|
|
.npc div.tabs,
|
|
.npc div.mid,
|
|
input[name='attr_sheet_type'][value='grunt'] ~ .npc .attribute.grunt,
|
|
input[name='attr_sheet_type'][value='spirit'] ~ .npc .spirit:not(.settings),
|
|
input[name='attr_sheet_type'][value='host'] ~ .npc .attribute.host,
|
|
input[name='attr_sheet_type'][value='sprite'] ~ .npc .attribute.sprite,
|
|
input[name='attr_sheet_type'][value='vehicle'] ~ .npc .attribute.vehicle {
|
|
display: inline-grid !important; }
|
|
input.tab-switch[value='matrix'] ~ .rolls-matrix,
|
|
input.tab-switch[value='misc'] ~ .rolls-misc,
|
|
input.tab-switch[value='notes'] ~ .notes-notes,
|
|
input.tab-switch[value='logs'] ~ .notes-logs,
|
|
input.tab-switch[value='changelog'] ~ .notes-changelog {
|
|
display: grid !important; }
|
|
.pictos, .settings-toggle input[type='checkbox'] + span,
|
|
.settings-flag input[type='checkbox'] + span, .flag-primary + div > span, .cc-row button[name*='shots'], .cc-row button[name='act_reload'], .cc-row button[name='act_primary_ammo'], .repcontrol .repcontrol_edit:after,
|
|
.repcontrol .repcontrol_add:after, .itemcontrol .repcontrol_del {
|
|
font-family: 'Pictos' !important; }
|
|
|
|
.display-flag:checked ~ .collapsible .desc-lifestyle,
|
|
.optional-flag:not([value='0']) + .optional,
|
|
.npc div.mid div.column,
|
|
input[name='attr_sheet_type'][value='grunt'] ~ .npc,
|
|
input[name='attr_sheet_type'][value='spirit'] ~ .npc,
|
|
input[name='attr_sheet_type'][value='host'] ~ .npc,
|
|
input[name='attr_sheet_type'][value='sprite'] ~ .npc,
|
|
input[name='attr_sheet_type'][value='spirit'] ~ .npc,
|
|
input[name='attr_sheet_type'][value='vehicle'] ~ .npc,
|
|
input[name='attr_sheet_type'][value='pc'] ~ .pc,
|
|
.options_toggle[value='arms'] ~ .arms,
|
|
.options_toggle[value='augs'] ~ .augs,
|
|
.options_toggle[value='core'] ~ .core,
|
|
.options_toggle[value='gear'] ~ .gear,
|
|
.options_toggle[value='options'] ~ .options,
|
|
.options_toggle[value='social'] ~ .social,
|
|
.options_toggle[value='magic'] ~ .magic,
|
|
.options_toggle[value='matrix'] ~ .matrix,
|
|
.options_toggle[value='vehicle'] ~ .vehicle,
|
|
.options_toggle[value='notes'] ~ .notes,
|
|
.options_toggle[value='rolls'] ~ .rolls,
|
|
input[name='attr_stats_toggle'][value='settings'] ~ .border-box .attribute .settings,
|
|
input[name='attr_stats_toggle'][value='settings'] ~ .border-box .body .column .rows .settings,
|
|
input[name='attr_stats_toggle'][value='settings'] ~ .border-box .body .textrow .settings,
|
|
input[name='attr_stats_toggle'][value='settings'] ~ .body .column .settings,
|
|
input[name='attr_stats_toggle'][value='settings'] ~ .body .textrow .settings,
|
|
input[name='attr_stats_toggle'][value='settings'] ~ .settings,
|
|
input.settings-toggle[value='settings'] ~ .settings,
|
|
.character-type[value='magic'] ~ .pc .pc-row .attr-col .hide-magic,
|
|
input[name='attr_flag_special'][value='magic'] ~ .npc .hide-magic,
|
|
input[name='attr_flag_special'][value='spirit'] ~ .npc .hide-spirit,
|
|
.character-type[value='resonance'] ~ .pc .pc-row .attr-col .hide-resonance,
|
|
input[name='attr_flag_special'][value='resonance'] ~ .npc .hide-resonance,
|
|
input.tab-switch[value='range'] ~ .weapon-range,
|
|
input.tab-switch[value='melee'] ~ .weapon-melee,
|
|
input.tab-switch[value='grenade'] ~ .weapon-grenade,
|
|
input[name='attr_sheet_type'][value='grunt'] ~ .npc .rows.grunt,
|
|
input[name='attr_sheet_type'][value='grunt'] ~ .npc .textrow.grunt,
|
|
input[name='attr_sheet_type'][value='grunt'] ~ .npc span.grunt,
|
|
input[name='attr_sheet_type'][value='grunt'] ~ .npc .header-nav .grunt,
|
|
input[name='attr_sheet_type'][value='spirit'] ~ .npc .rows.spirit,
|
|
input[name='attr_sheet_type'][value='spirit'] ~ .npc .textrow.spirit,
|
|
input[name='attr_sheet_type'][value='spirit'] ~ .npc span.spirit,
|
|
input[name='attr_sheet_type'][value='spirit'] ~ .npc .header-nav .spirit,
|
|
input[name='attr_sheet_type'][value='host'] ~ .npc .rows.host,
|
|
input[name='attr_sheet_type'][value='host'] ~ .npc .textrow.host,
|
|
input[name='attr_sheet_type'][value='host'] ~ .npc .header-nav .host,
|
|
input[name='attr_sheet_type'][value='host'] ~ .npc .matrix,
|
|
input[name='attr_sheet_type'][value='sprite'] ~ .npc .rows.sprite,
|
|
input[name='attr_sheet_type'][value='sprite'] ~ .npc .textrow.sprite,
|
|
input[name='attr_sheet_type'][value='sprite'] ~ .npc .header-nav .sprite,
|
|
input[name='attr_sheet_type'][value='sprite'] ~ .npc .matrix,
|
|
input[name='attr_sheet_type'][value='vehicle'] ~ .npc .rows.vehicle,
|
|
input[name='attr_sheet_type'][value='vehicle'] ~ .npc .textrow.vehicle,
|
|
input[name='attr_sheet_type'][value='vehicle'] ~ .npc .header-nav .vehicle,
|
|
input[name='attr_sheet_type'][value='vehicle'] ~ .npc .matrix,
|
|
input[name='attr_sheet_type'][value='gm_helper'] ~ .gm-helper,
|
|
input[name='attr_flag_matrix'][value='matrix'] ~ div.matrix,
|
|
.static {
|
|
display: inline-block !important; }
|
|
|
|
/**********************************/
|
|
/* Power Button */
|
|
/**********************************/
|
|
#SR6WE div.repcontainer div.repitem span.powerbutton {
|
|
display: grid; }
|
|
#SR6WE div.repcontainer div.repitem input[name^='attr_powered_on'] {
|
|
top: 0; }
|
|
#SR6WE div.repcontainer div.repitem input[name^='attr_powered_on']:not(:checked) + span.pictos {
|
|
top: 0;
|
|
height: 15px;
|
|
padding: 0px 4px 20px 4px;
|
|
border-radius: 10px;
|
|
color: #333;
|
|
border: #333 solid 1px;
|
|
opacity: 1 !important;}
|
|
#SR6WE div.repcontainer div.repitem input[name^='attr_powered_on']:checked + span.pictos {
|
|
top: 0;
|
|
height: 15px;
|
|
padding: 0px 4px 20px 4px;
|
|
border-radius: 10px;
|
|
box-shadow: #79016f 0px 1px 5px 2px;
|
|
color: #79016f; }
|
|
|
|
#SR6WE div.repcontainer div.repitem input[name^='attr_powered_on']:not(:checked) ~ button,
|
|
#SR6WE div.repcontainer div.repitem input[name^='attr_powered_on']:not(:checked) ~ button > span,
|
|
#SR6WE div.repcontainer div.repitem input[name^='attr_powered_on']:not(:checked) ~ span,
|
|
#SR6WE div.repcontainer div.repitem input[name^='attr_powered_on']:not(:checked) ~ div.collapse span {
|
|
opacity: 0.4; }
|
|
#SR6WE div.repcontainer div.repitem input[name^='attr_powered_on']:checked ~ button,
|
|
#SR6WE div.repcontainer div.repitem input[name^='attr_powered_on']:checked ~ button > span,
|
|
#SR6WE div.repcontainer div.repitem input[name^='attr_powered_on']:checked ~ span,
|
|
#SR6WE div.repcontainer div.repitem input[name^='attr_powered_on']:checked ~ div.collapse span {
|
|
opacity: 1; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***** PC AND NPC *****/
|
|
/***** TABS *****/
|
|
/***** SWITCH BETWEEN DIFFERENT TABS *****/
|
|
/***** SETTINGS *****/
|
|
/*** TOGGLE ***/
|
|
.display,
|
|
input.settings-toggle:checked ~ div.settings,
|
|
input.settings-toggle:checked ~ .attr-col .attr-und div.settings,
|
|
input.settings-toggle:checked ~ .attr-lim div.settings {
|
|
background: none !important;
|
|
display: inherit !important;
|
|
font-size: 1em !important;
|
|
text-align: left !important;
|
|
width: 100% !important; }
|
|
|
|
/* NEW REPEATING CONTAINER WAY TO SHOW & HIDE SETTINGS */
|
|
/* SLOWLY ELIMINATE ALL TRACES OF SETTINGS-TOGGLE WITH THIS WAY OF DOING THINGS */
|
|
input.settings-flag:checked ~ div.settings {
|
|
display: inherit !important; }
|
|
|
|
input.collapse-flag:checked ~ div.collapse {
|
|
display: block !important; }
|
|
|
|
/* OLD WAY TO SHOW & HIDE THINGS */
|
|
/***** PC WEAPONS *****/
|
|
/***** NPC TYPES *****/
|
|
/* SHOW AND HIDE MAGIC AND RESONANCE SPECIFIC ATTRIBUTES BASED ON RADIO TOGGLE */
|
|
input[name='attr_stats_toggle']:not([value='settings']) ~ div.body div.grunt.pain-tolerance {
|
|
display: none !important; }
|
|
|
|
.pc .tabs input[value*='arms'] ~ button[name*='arms'], .pc .tabs input[value*='augs'] ~ button[name*='augs'], .pc .tabs input[value*='core'] ~ button[name*='core'], .pc .tabs input[value*='gear'] ~ button[name*='gear'], .pc .tabs input[value*='options'] ~ button[name*='options'], .pc .tabs input[value*='social'] ~ button[name*='social'], .pc .tabs input[value*='magic'] ~ button[name*='magic'], .pc .tabs input[value*='matrix'] ~ button[name*='matrix'], .pc .tabs input[value*='vehicle'] ~ button[name*='vehicle'], .pc .tabs input[value*='notes'] ~ button[name*='notes'], .pc .tabs input[value*='rolls'] ~ button[name*='rolls'] {
|
|
background-color: #79016f !important;
|
|
box-shadow: inset 0px 0px 3px 1px #460141 !important;
|
|
color: #fff !important; }
|
|
|
|
/*****************************************************************************************/
|
|
/**************************************** FOOTER ****************************************/
|
|
/***************************************************************************************/
|
|
/**** Footer ****/
|
|
.footer {
|
|
border: none !important;
|
|
font-size: 0.55em !important;
|
|
line-height: 15px !important;
|
|
margin-top: 15px !important;
|
|
text-align: left !important;
|
|
width: 700px !important; }
|
|
|
|
div.footer div {
|
|
display: inline-block !important;
|
|
width: 90% !important; }
|
|
|
|
div.footer img {
|
|
float: right !important;
|
|
vertical-align: top !important;
|
|
width: 5% !important; }
|
|
|
|
/********************************************************************************************************/
|
|
/**************************************** REPEATING SECTIONS *******************************************/
|
|
/********************************************************************************************************/
|
|
.repcontainer .repitem {
|
|
margin-bottom: 5px; }
|
|
|
|
.repcontrol {
|
|
display: inline-block !important;
|
|
vertical-align: top !important;
|
|
min-height: 27px !important; }
|
|
|
|
.repcontrol .btn {
|
|
background: none !important;
|
|
border: medium none !important;
|
|
box-shadow: none !important;
|
|
color: transparent !important;
|
|
display: inline-block !important;
|
|
font-size: 15px !important;
|
|
margin-left: 10px !important;
|
|
outline: 0 !important;
|
|
padding: 0px 0px 0px 0px !important;
|
|
text-shadow: none !important;
|
|
width: 25px !important; }
|
|
|
|
.repcontrol .repcontrol_edit:after,
|
|
.repcontrol .repcontrol_add:after {
|
|
background-color: none !important;
|
|
color: #fff !important;
|
|
font-size: 16px !important;
|
|
height: 12px !important;
|
|
padding: 2px 4px 2px 4px !important;
|
|
visibility: visible !important;
|
|
width: 12px !important; }
|
|
|
|
.repcontrol .repcontrol_edit:after {
|
|
content: '(' !important; }
|
|
|
|
.repcontrol .repcontrol_add:after {
|
|
content: '&' !important; }
|
|
|
|
.editmode ~ .repcontrol .repcontrol_edit:after {
|
|
content: ')' !important; }
|
|
|
|
.repcontrol .repcontrol_edit:after,
|
|
.repcontrol .repcontrol_add:after {
|
|
color: #000 !important;
|
|
position: relative !important; }
|
|
|
|
.npc .repcontrol .repcontrol_edit:after,
|
|
.npc .repcontrol .repcontrol_add:after {
|
|
color: #fff !important; }
|
|
|
|
.repcontrol .repcontrol_edit:hover:after,
|
|
.repcontrol .repcontrol_add:hover:after {
|
|
color: #FCD116 !important;
|
|
background-color: none !important; }
|
|
|
|
.itemcontrol {
|
|
z-index: 10 !important; }
|
|
|
|
.itemcontrol .repcontrol_del,
|
|
.itemcontrol .repcontrol_move {
|
|
font-size: 10px !important;
|
|
height: 18px !important;
|
|
margin-top: 3px !important;
|
|
padding: 0px !important;
|
|
width: 18px !important; }
|
|
|
|
.itemcontrol .repcontrol_del {
|
|
background-color: darkred !important; }
|
|
|
|
/********************************************************************************************************/
|
|
/******************************************* Roll template **********************************************/
|
|
/********************************************************************************************************/
|
|
.goat,
|
|
.sheet-rolltemplate-rolls-computed .sheet-nott .inlinerollresult {
|
|
pointer-events: none;
|
|
}
|
|
.sheet-rolltemplate-rolls-computed span.sheet-left {
|
|
float: left;
|
|
text-align: left; }
|
|
.sheet-rolltemplate-rolls-computed span.sheet-right {
|
|
float: right;
|
|
text-align: right; }
|
|
.sheet-rolltemplate-rolls-computed span.sheet-left a {
|
|
padding: 0px 3px; }
|
|
.sheet-rolltemplate-rolls-computed span.sheet-right a {
|
|
padding: 0px 5px; }
|
|
|
|
.sheet-rolltemplate-multirow a[href^="!"],
|
|
.sheet-rolltemplate-quality a[href^="!"],
|
|
.sheet-rolltemplate-rolls a[href^="!"],
|
|
.sheet-rolltemplate-rolls-computed a[href^="!"],
|
|
.sheet-rolltemplate-contact a[href^="!"],
|
|
.sheet-rolltemplate-multirow a[href^="~"],
|
|
.sheet-rolltemplate-quality a[href^="~"],
|
|
.sheet-rolltemplate-rolls a[href^="~"],
|
|
.sheet-rolltemplate-rolls-computed a[href^="~"],
|
|
.sheet-rolltemplate-contact a[href^="~"] {
|
|
background-color: #460141; }
|
|
|
|
.sheet-rolltemplate-multirow div.sheet-template-body,
|
|
.sheet-rolltemplate-quality div.sheet-template-body,
|
|
.sheet-rolltemplate-rolls div.sheet-template-body,
|
|
.sheet-rolltemplate-rolls-computed div.sheet-template-body,
|
|
.sheet-rolltemplate-contact div.sheet-template-body {
|
|
background-image: url('https://s3.amazonaws.com/files.d20.io/images/269006169/gmV2tN1n_RkkzWPqRTci0w/max.png?1644019060');
|
|
background-repeat: round;
|
|
border: 2px solid #000 !important;
|
|
border-radius: 3px 3px 3px 3px !important; }
|
|
|
|
.sheet-rolltemplate-multirow .sheet-template-header,
|
|
.sheet-rolltemplate-quality .sheet-template-header,
|
|
.sheet-rolltemplate-rolls .sheet-template-header,
|
|
.sheet-rolltemplate-rolls-computed .sheet-template-header,
|
|
.sheet-rolltemplate-contact .sheet-template-header {
|
|
background-color: #46014195 !important;
|
|
border: 1px solid #000 !important;
|
|
border-bottom: 2px solid #000 !important;
|
|
box-shadow: inset 0px 0px 3px 1px #000 !important;
|
|
color: #fff !important;
|
|
font-size: 1.5em !important;
|
|
font-variant: small-caps !important;
|
|
font-weight: bold !important;
|
|
letter-spacing: 2px !important;
|
|
padding: 8px 0px 3px 0px !important;
|
|
text-align: center !important;
|
|
text-transform: capitalize !important; }
|
|
|
|
.sheet-rolltemplate-multirow .sheet-template-header span,
|
|
.sheet-rolltemplate-quality .sheet-template-header span,
|
|
.sheet-rolltemplate-rolls .sheet-template-header span,
|
|
.sheet-rolltemplate-rolls-computed .sheet-template-header span,
|
|
.sheet-rolltemplate-contact .sheet-template-header span {
|
|
font-family: 'tahoma' !important;
|
|
font-size: 0.5em !important;
|
|
font-weight: normal !important;
|
|
font-variant: normal !important;
|
|
letter-spacing: 1px !important; }
|
|
|
|
.sheet-rolltemplate-rolls-computed .sheet-template-header .inlinerollresult {
|
|
font-family: 'tahoma' !important;
|
|
font-size: 1em !important;
|
|
font-weight: normal !important;
|
|
font-variant: normal !important;
|
|
letter-spacing: 1px !important; }
|
|
|
|
.sheet-rolltemplate-multirow .sheet-template-row,
|
|
.sheet-rolltemplate-quality .sheet-template-row,
|
|
.sheet-rolltemplate-rolls .sheet-template-row,
|
|
.sheet-rolltemplate-rolls-computed .sheet-template-row,
|
|
.sheet-rolltemplate-contact .sheet-template-row {
|
|
color: #fff !important;
|
|
text-align: center !important;
|
|
font-size: 18px !important;
|
|
background-color: #555 !important;
|
|
box-shadow: inset 0px 0px 3px 1px #000 !important;
|
|
line-height: 1.1em !important;
|
|
font-family: 'helvetica' !important;
|
|
padding: 5px 5px 3px 5px !important; }
|
|
|
|
|
|
.sheet-rolltemplate-rolls-computed .sheet-template-row.sheet-tip {
|
|
line-height: .6em !important;
|
|
text-align: right !important;}
|
|
.sheet-rolltemplate-rolls-computed .sheet-template-row .sheet-tip {
|
|
font-size: .6em !important;
|
|
line-height: 1.25em !important; }
|
|
|
|
.sheet-rolltemplate-rolls-computed div.sheet-template-row div.sheet-weapon-info,
|
|
.sheet-rolltemplate-rolls-computed div.sheet-template-row div.sheet-npcweapon-info {
|
|
font-size: 1em !important;
|
|
line-height: 1.25em !important;
|
|
font-weight: bold;
|
|
display: grid;
|
|
grid-column-gap: 1px;
|
|
}
|
|
.sheet-rolltemplate-rolls-computed div.sheet-template-row div.sheet-weapon-info span.sheet-weap-dv {
|
|
grid-column: 1 / 2;
|
|
grid-row: 1 / 3;
|
|
}
|
|
.sheet-rolltemplate-rolls-computed div.sheet-template-row div.sheet-weapon-info span.sheet-weap-dv > span {
|
|
justify-content: center;
|
|
align-content: center;
|
|
display: grid;
|
|
height: 100%;
|
|
font-size: 1.5em;
|
|
}
|
|
.sheet-rolltemplate-rolls-computed div.sheet-template-row div.sheet-weapon-info span.sheet-weap-melee {
|
|
grid-column: 2 / 4;
|
|
grid-row: 1 / 2;
|
|
}
|
|
.sheet-rolltemplate-rolls-computed div.sheet-template-row div.sheet-weapon-info span.sheet-weap-mode {
|
|
grid-column: 2 / 3;
|
|
grid-row: 1 / 2;
|
|
}
|
|
.sheet-rolltemplate-rolls-computed div.sheet-template-row div.sheet-weapon-info span.sheet-weap-ammo {
|
|
grid-column: 3 / 4;
|
|
grid-row: 1 / 2;
|
|
}
|
|
.sheet-rolltemplate-rolls-computed div.sheet-template-row div.sheet-weapon-info span.sheet-weap-ars {
|
|
grid-column: 2 / 4;
|
|
grid-row: 2 / 3;
|
|
}
|
|
.sheet-rolltemplate-rolls-computed div.sheet-template-row div.sheet-weapon-info span.sheet-weap-skill {
|
|
grid-column: 1 / 2;
|
|
grid-row: 3 / 4;
|
|
}
|
|
.sheet-rolltemplate-rolls-computed div.sheet-template-row div.sheet-weapon-info span.sheet-weap-attr {
|
|
grid-column: 2 / 3;
|
|
grid-row: 3 / 4;
|
|
}
|
|
.sheet-rolltemplate-rolls-computed div.sheet-template-row div.sheet-weapon-info span.sheet-weap-spec {
|
|
grid-column: 3 / 4;
|
|
grid-row: 3 / 4;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls-computed div.sheet-template-row div.sheet-npcweapon-info {
|
|
font-size: 1.5em;
|
|
}
|
|
.sheet-rolltemplate-rolls-computed div.sheet-template-row div.sheet-npcweapon-info span.sheet-weap-dv {
|
|
grid-column: 1 / 2;
|
|
grid-row: 1 / 3;
|
|
}
|
|
.sheet-rolltemplate-rolls-computed div.sheet-template-row div.sheet-npcweapon-info span.sheet-weap-dv > span {
|
|
justify-content: center;
|
|
align-content: center;
|
|
display: grid;
|
|
height: 100%;
|
|
font-size: 1.5em;
|
|
}
|
|
.sheet-rolltemplate-rolls-computed div.sheet-template-row div.sheet-npcweapon-info span.sheet-weap-melee {
|
|
grid-column: 2 / 3;
|
|
grid-row: 1 / 2;
|
|
}
|
|
.sheet-rolltemplate-rolls-computed div.sheet-template-row div.sheet-npcweapon-info span.sheet-weap-mode {
|
|
grid-column: 2 / 3;
|
|
grid-row: 1 / 2;
|
|
}
|
|
.sheet-rolltemplate-rolls-computed div.sheet-template-row div.sheet-npcweapon-info span.sheet-weap-ars {
|
|
grid-column: 3 / 4;
|
|
grid-row: 1 / 2;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-multirow .sheet-template-row:nth-child(2n+0),
|
|
.sheet-rolltemplate-quality .sheet-template-row:nth-child(2n+0),
|
|
.sheet-rolltemplate-rolls .sheet-template-row:nth-child(2n+0),
|
|
.sheet-rolltemplate-rolls-computed .sheet-template-row:nth-child(2n+0),
|
|
.sheet-rolltemplate-contact .sheet-template-row:nth-child(2n+0) {
|
|
background-color: #1c1c1c !important; }
|
|
|
|
.sheet-rolltemplate-multirow .sheet-template-row.sheet-split,
|
|
.sheet-rolltemplate-quality .sheet-template-row.sheet-split,
|
|
.sheet-rolltemplate-rolls .sheet-template-row.sheet-split,
|
|
.sheet-rolltemplate-rolls-computed .sheet-template-row.sheet-split,
|
|
.sheet-rolltemplate-contact .sheet-template-row.sheet-split {
|
|
font-size: 14px;
|
|
width: 96%;
|
|
display: inline-grid;
|
|
grid-column-gap: 2px;
|
|
grid-template-columns: 1fr 1fr; }
|
|
|
|
.sheet-rolltemplate-multirow .inlinerollresult,
|
|
.sheet-rolltemplate-quality .inlinerollresult,
|
|
.sheet-rolltemplate-rolls .inlinerollresult,
|
|
.sheet-rolltemplate-rolls-computed .inlinerollresult,
|
|
.sheet-rolltemplate-contact .inlinerollresult {
|
|
display: inline-block !important;
|
|
color: #fff !important;
|
|
font-size: 20px !important;
|
|
background-color: transparent !important;
|
|
border: none !important; }
|
|
|
|
.sheet-rolltemplate-multirow .sheet-template-row span.sheet-red,
|
|
.sheet-rolltemplate-quality .sheet-template-row span.sheet-red,
|
|
.sheet-rolltemplate-rolls .sheet-template-row span.sheet-red,
|
|
.sheet-rolltemplate-rolls-computed .sheet-template-row span.sheet-red,
|
|
.sheet-rolltemplate-contact .sheet-template-row span.sheet-red {
|
|
-webkit-text-stroke: .25px red; }
|
|
|
|
.sheet-rolltemplate-multirow .sheet-template-row span.sheet-green,
|
|
.sheet-rolltemplate-quality .sheet-template-row span.sheet-green,
|
|
.sheet-rolltemplate-rolls .sheet-template-row span.sheet-green,
|
|
.sheet-rolltemplate-rolls-computed .sheet-template-row span.sheet-green,
|
|
.sheet-rolltemplate-contact .sheet-template-row span.sheet-green {
|
|
-webkit-text-stroke: .25px green; }
|
|
|
|
.sheet-rolltemplate-multirow .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-multirow .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-multirow .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-quality .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-quality .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-quality .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-rolls .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rolls .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rolls .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-rolls-computed .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rolls-computed .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rolls-computed .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-contact .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-contact .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-contact .inlinerollresult.importantroll {
|
|
border: none !important; }
|
|
|
|
.sheet-rolltemplate-multirow .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-quality .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rolls .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rolls-computed .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-contact .inlinerollresult.fullfail {
|
|
color: #FCD116 !important; }
|
|
|
|
.sheet-rolltemplate-multirow .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-quality .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rolls .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rolls-computed .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-contact .inlinerollresult.fullcrit {
|
|
color: #fff !important; }
|
|
|
|
.sheet-rolltemplate-multirow .sheet-template-desc,
|
|
.sheet-rolltemplate-quality .sheet-template-desc,
|
|
.sheet-rolltemplate-rolls .sheet-template-desc,
|
|
.sheet-rolltemplate-rolls-computed .sheet-template-desc,
|
|
.sheet-rolltemplate-contact .sheet-template-desc {
|
|
white-space: normal;
|
|
font-size: 0.8em !important; }
|
|
|
|
.sheet-rolltemplate-multirow span.sheet-template-desc .inlinerollresult,
|
|
.sheet-rolltemplate-quality span.sheet-template-desc .inlinerollresult,
|
|
.sheet-rolltemplate-rolls span.sheet-template-desc .inlinerollresult,
|
|
.sheet-rolltemplate-rolls-computed span.sheet-template-desc .inlinerollresult,
|
|
.sheet-rolltemplate-contact span.sheet-template-desc .inlinerollresult,
|
|
.sheet-rolltemplate-rolls-computed .sheet-intervals-hitstotal .inlinerollresult,
|
|
.sheet-rolltemplate-rolls-computed .sheet-intervals-hitstotal {
|
|
font-size: 14px !important; }
|
|
|
|
.sheet-rolltemplate-rolls-computed .sheet-template-body {
|
|
background-color: rgb(28, 28, 28); }
|
|
|
|
.sheet-rolltemplate-rolls-computed .sheet-split span.sheet-split_pool_dicepool,
|
|
.sheet-rolltemplate-rolls-computed .sheet-split span.sheet-split_pool_dicepool .inlinerollresult {
|
|
font-size: 11px !important; }
|
|
|
|
.sheet-rolltemplate-rolls-computed .sheet-split span.sheet-split_pool_results,
|
|
.sheet-rolltemplate-rolls-computed .sheet-split span.sheet-split_pool_results .inlinerollresult {
|
|
font-size: 18px !important; }
|
|
|
|
.sheet-rolltemplate-rolls-computed .sheet-split .sheet-wilddice,
|
|
.sheet-rolltemplate-rolls-computed .sheet-split .sheet-wilddice .inlinerollresult {
|
|
font-size: 12px !important; }
|
|
|
|
.sheet-rolltemplate-rolls-computed .sheet-split .sheet-glitch {
|
|
font-size: 16px !important;
|
|
font-weight: bold !important; }
|
|
|
|
.sheet-rolltemplate-rolls-computed .sheet-split .sheet-critglitch {
|
|
font-size: 16px !important;
|
|
font-weight: bold !important; }
|
|
|
|
.sheet-rolltemplate-rolls-computed .sheet-split .sheet-glitchspan {
|
|
width: 95%; }
|
|
|
|
.sheet-rolltemplate-rolls-computed span.sheet-pictos {
|
|
font-family: 'pictos' !important; }
|
|
|
|
/********************************************************************************************************/
|
|
/******************************* FireFox *******************************************/
|
|
/******************************************************************************************************/
|
|
input[type=number]::-webkit-outer-spin-button,
|
|
input[type=number]::-webkit-inner-spin-button {
|
|
-webkit-appearance: none !important;
|
|
margin: 0 !important; }
|
|
|
|
input[type=number] {
|
|
-moz-appearance: textfield !important; }
|
|
|
|
/********************************************************************************************/
|
|
/***************** French Adjustments ********************************/
|
|
/*******************************************************************************************/
|
|
.charsheet.lang-fr .tab-whisper,
|
|
.charsheet.lang-fr .tab-toggles {
|
|
margin-right: 2% !important; }
|
|
|
|
.charsheet.lang-fr .tabs input[type='checkbox']:nth-of-type(2) {
|
|
width: 11% !important; }
|
|
|
|
.charsheet.lang-fr .tab-col input[type='radio'] {
|
|
width: 4.5% !important; }
|
|
|
|
.charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(4),
|
|
.charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(5),
|
|
.charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(6),
|
|
.charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(7) {
|
|
width: 6% !important; }
|
|
|
|
.charsheet.lang-fr .tab-whisper input[type='radio'],
|
|
.charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(8),
|
|
.charsheet.lang-fr .tab-toggles input[type='checkbox']:nth-of-type(1) {
|
|
width: 8% !important; }
|
|
|
|
.charsheet.lang-fr .tab-col input[type='radio']:nth-of-type(9) {
|
|
width: 2.5% !important; }
|
|
|
|
.charsheet.lang-fr .pd-meta input[type='text'] {
|
|
width: 30% !important; }
|
|
|
|
.charsheet.lang-fr .skill-box h3:first-child {
|
|
margin-right: 51% !important;
|
|
width: 20% !important; }
|
|
|
|
/* This is where dark mode changes will be */
|
|
body.sheet-darkmode .charsheet .pc,
|
|
body.sheet-darkmode .charsheet .npc {
|
|
} |