mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-31 12:12:30 +00:00
James C (aka Chuz)
4e22a14423
ASDF Roll buttons now include more options to combine them with. None, Custom, mind attributes and ASDF. NPCs now have updated ASDF roll buttons as well!
5080 lines
237 KiB
CSS
5080 lines
237 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;
|
|
}
|
|
|
|
/*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'] {
|
|
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; }
|
|
|
|
.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; }
|
|
.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 {
|
|
text-align: center !important; }
|
|
.left {
|
|
text-align: left !important; }
|
|
.right {
|
|
text-align: right !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; }
|
|
.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'] {
|
|
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 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 {
|
|
grid-template-columns: 1fr 5em 5em 1em 1em !important; }
|
|
.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; }
|
|
.pc div.augs div.repitem div.settings {
|
|
grid-column: 1 / 6 !important;
|
|
grid-template-columns: 1fr 5em 5em 1em 1em !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 1fr;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
#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: -5px;
|
|
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 2em 1fr 1em 1em;
|
|
margin-bottom: 0px; }
|
|
|
|
#SR6WE .pc div.matrix div.sprites div.repitem {
|
|
display: grid;
|
|
grid-template-columns: 11px 2em 10em 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 / 8; }
|
|
#SR6WE .pc div.matrix div.sprites div.repitem input.collapse-flag {
|
|
grid-area: 1 / 6 / 1 / 7; }
|
|
#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 / 6 / 1 / 7; }
|
|
#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 / 7 / 1 / 8; }
|
|
#SR6WE .pc div.matrix div.sprites div.repitem div.row {
|
|
grid-column: 1 / 8;
|
|
padding-left: 0px; }
|
|
#SR6WE .pc div.matrix div.sprites div.repitem div.settings {
|
|
margin-left: 0px;
|
|
grid-column: 1 / 7;
|
|
grid-template-columns: 2em 10em 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;
|
|
display: flex;
|
|
align-items: center; }
|
|
|
|
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; }
|
|
.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: 85% !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='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='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+48) {
|
|
display: none !important; }
|
|
|
|
.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 {
|
|
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; }
|
|
|
|
|
|
|
|
/***** 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.repeating-contacts {
|
|
width: 100%;
|
|
display: grid;
|
|
grid-template-columns: 1fr 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 .pc-box .rolls-col .rolls-matrix {
|
|
width: 100%;
|
|
display: grid;
|
|
grid-column-gap: 5px;
|
|
grid-row-gap: 2px;
|
|
grid-template-columns: 32% 32% 32%; }
|
|
.rolls .pc-box .rolls-col .rolls-matrix h1,
|
|
.rolls .pc-box .rolls-col .rolls-matrix h2 {
|
|
grid-column: 1 / 4; }
|
|
.rolls .pc-box .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; }
|
|
|
|
|
|
.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 {
|
|
display: none !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,
|
|
.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 :+:+:+:*/
|
|
.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 :+:+:+:*/
|
|
.npc div.end div.forms div.settings {
|
|
grid-column-gap: 0.2%;
|
|
grid-template-columns: 3em 1fr 7em 8em 3em; }
|
|
.npc div.end div.forms label[data-i18n-title='notes'] {
|
|
grid-column: 1 / 6; }
|
|
|
|
|
|
|
|
/*:+:+:+: 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: 5%; }
|
|
.npc div.matrix div.npc-roll-rows .rolls-matrix {
|
|
display: inline-grid;
|
|
grid-template-columns: auto auto auto; }
|
|
|
|
/**************************************************************************/
|
|
/***************** 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 {
|
|
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']:not([value='pc']) ~ .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_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 {
|
|
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: #460141 !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-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 {
|
|
}
|
|
|
|
|