mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
12087 lines
310 KiB
CSS
12087 lines
310 KiB
CSS
/* ################# - Commons - ################## */
|
|
|
|
@import url('https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp'); @import url('https://fonts.googleapis.com/css?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@200;300;400;500;600;700;800&display=swap'); @import url('https://fonts.googleapis.com/css?family=Goldman:wght@400;700&family=Oxanium:wght@200;300;400;500;600;700;800&display=swap'); @import url('https://fonts.googleapis.com/css?family=Goldman:wght@400;700&display=swap');
|
|
|
|
|
|
|
|
|
|
.absolute{
|
|
position: absolute;
|
|
}
|
|
|
|
.flex{
|
|
display: flex;
|
|
}
|
|
|
|
.fRow{
|
|
flex-direction: row;
|
|
}
|
|
|
|
.fColumn{
|
|
flex-direction: column;
|
|
}
|
|
|
|
.wrap{
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.noWrap{
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
.jcFlexEnd{
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.jcCenter{
|
|
justify-content: center;
|
|
}
|
|
|
|
.jcSpaceBetween{
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.jcSpaceAround{
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.aiFlexEnd{
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.aiCenter{
|
|
align-items: center;
|
|
}
|
|
|
|
.aiBaseline{
|
|
align-items: baseline;
|
|
}
|
|
|
|
.aiStretch{
|
|
align-items: stretch;
|
|
}
|
|
|
|
.acFlexEnd{
|
|
align-content: flex-end;
|
|
}
|
|
|
|
.acCenter{
|
|
align-content: center;
|
|
}
|
|
|
|
.acSpaceBetween{
|
|
align-content: space-between;
|
|
}
|
|
|
|
.acSpaceAround{
|
|
align-content: space-around;
|
|
}
|
|
|
|
.acStretch{
|
|
align-content: stretch;
|
|
}
|
|
|
|
.pointerEventsNone{
|
|
pointer-events:none;
|
|
}
|
|
|
|
input::-webkit-calendar-picker-indicator {
|
|
display: none !important;
|
|
}
|
|
|
|
|
|
|
|
/* ++++ - Expander - +++++ */
|
|
.hider[value="0"]+li,
|
|
.hider[value="0"]+div,
|
|
.hider[value="0"]+label,
|
|
.hider[value="-1"]+li,
|
|
.hider[value="-1"]+div,
|
|
.hider[value="-1"]+label {
|
|
height: 0px;
|
|
overflow: hidden;
|
|
transition: height 1s;
|
|
|
|
}
|
|
|
|
.hider[value="1"]+li,
|
|
.hider[value="1"]+div,
|
|
.hider[value="1"]+label {
|
|
height: 186px;
|
|
transition: height 1s, display 1s 1s;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.expanderContainer{
|
|
width: 14px;
|
|
}
|
|
|
|
|
|
input[type="checkbox"] {
|
|
appearance: none;
|
|
background-color: #fff;
|
|
margin: 0;
|
|
border: 2px solid #979797;
|
|
border-radius: 3px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
input[type="checkbox"]:checked {
|
|
background-color: #848484;
|
|
border-color: transparent;
|
|
}
|
|
|
|
input[type="checkbox"]:focus {
|
|
outline: none;
|
|
}
|
|
|
|
|
|
input[type="checkbox"]::before {
|
|
content: "";
|
|
width: 13px;
|
|
height: 13px;
|
|
-webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
|
|
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
|
|
transform: scale(0);
|
|
transition: 120ms transform ease-in-out;
|
|
background-color: white ;
|
|
}
|
|
|
|
input[type="checkbox"]:checked::before {
|
|
transform: scale(1);
|
|
}
|
|
|
|
|
|
input[type="checkbox"].expander{
|
|
position: relative;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
margin-top: 8px;
|
|
line-height: 2;
|
|
opacity: 0.0;
|
|
left: 3px;
|
|
bottom: 2px;
|
|
width: 1.15em;
|
|
height: 1.15em;
|
|
}
|
|
|
|
input[type="checkbox"].expander + span::after {
|
|
display: inline-block;
|
|
content: "▼";
|
|
position: relative;
|
|
left: -13px;
|
|
top: 2px;
|
|
line-height: 2;
|
|
font-size: 12px;
|
|
transition: transform .5s;
|
|
}
|
|
|
|
input[type="checkbox"].expander:checked + span::after {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.expandedArea{
|
|
max-width: 94.5%;
|
|
min-width: 94.5%;
|
|
padding-left: 2%;
|
|
padding-right: 3%;
|
|
padding-top: 5px;
|
|
text-indent: 20px;
|
|
line-height: 1.6;
|
|
border-radius: 0px;
|
|
font-size: 13.5px;
|
|
scrollbar-width: thin;
|
|
}
|
|
|
|
.expanderFlagModal[value="0"] ~ .expandedArea{
|
|
display:flex;
|
|
opacity: 0;
|
|
/* transition: height 0.3s , opacity 0.3s; */
|
|
height: 0px !important;
|
|
margin-bottom: 0px;
|
|
margin-bottom: 0px;
|
|
padding-bottom: 0px;
|
|
border-bottom-width: 0px;
|
|
padding-top: 0px;
|
|
margin-top: 0px;
|
|
position: absolute;
|
|
top: 26px;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.expanderFlagModal[value="1"] ~ .expandedArea{
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
transition: height 0.3s , opacity 0.3s;
|
|
margin-bottom: 10px;
|
|
position: absolute;
|
|
top: 26px;
|
|
}
|
|
|
|
.expandedArea:focus-visible{
|
|
outline: none;
|
|
}
|
|
|
|
.expanderFlagModal[value="1"] ~ .traitHeader,
|
|
.expanderFlagModal[value="1"] ~ .expandedArea{
|
|
z-index: 3;
|
|
background: white;
|
|
}
|
|
|
|
.expanderFlagModal[value="1"] ~ .modalBackground{
|
|
display: block;
|
|
background-color: black;
|
|
width: calc(100% + 31px);
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 2;
|
|
opacity: 0.5;
|
|
transition: opacity 0.3s;
|
|
overflow: hidden;
|
|
top: -1px;
|
|
left: -31px;
|
|
|
|
}
|
|
|
|
.expanderFlagModal[value="0"] ~ .modalBackground{
|
|
opacity: 0;
|
|
height: 0px;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.modalButton{
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
}
|
|
|
|
|
|
.expanderFlagModalRoll[value="1"] ~ .modalBackgroundRoll{
|
|
display: block;
|
|
background-color: rgb(0, 0, 0);
|
|
width: calc(100% + 31px);
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 2;
|
|
opacity: 0.5;
|
|
transition: opacity 0.3s;
|
|
overflow: hidden;
|
|
top: -1px;
|
|
left: -31px;
|
|
|
|
}
|
|
|
|
.expanderFlagModalRoll[value="0"] ~ .modalBackgroundRoll{
|
|
opacity: 0;
|
|
height: 0px;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.modalButtonRoll{
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.expanderFlag[value="0"] ~ .expandedArea{
|
|
display:flex;
|
|
opacity: 0;
|
|
/* transition: height 0.3s , opacity 0.3s; */
|
|
height: 0px !important;
|
|
margin-bottom: 0px;
|
|
margin-bottom: 0px;
|
|
padding-bottom: 0px;
|
|
border-bottom-width: 0px;
|
|
padding-top: 0px;
|
|
margin-top: 0px;
|
|
position: absolute;
|
|
top: 26px;
|
|
}
|
|
|
|
.expanderFlag[value="1"] ~ .expandedArea{
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
transition: height 0.3s , opacity 0.3s;
|
|
margin-bottom: 10px;
|
|
top: 26px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ++++ - Fim Expander - +++++ */
|
|
|
|
|
|
|
|
|
|
/* ++++ - Summary Button - +++++ */
|
|
.summaryButtons{
|
|
position: sticky;
|
|
top: 0px;
|
|
margin-left: -31px;
|
|
}
|
|
|
|
input[type="checkbox"].summaryButtonMain{
|
|
opacity: 0.0;
|
|
position: absolute;
|
|
z-index: 1;
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
|
|
input[type="checkbox"].summaryButtonMain + span {
|
|
font-family: Pictos;
|
|
line-height: 2;
|
|
font-size: 20px;
|
|
color: #7b7b7b;
|
|
}
|
|
|
|
input[type="checkbox"].summaryButtonMain + span,
|
|
.summaryButton{
|
|
display: flex;
|
|
width: 30px;
|
|
height: 30px;
|
|
font-weight: normal;
|
|
justify-content: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.summaryButton{
|
|
font-size: 12px;
|
|
color: #484848;
|
|
border-top: #b7b7b7;
|
|
border-top-style: solid;
|
|
border-top-width: 1px;
|
|
}
|
|
|
|
/* ++++ - Fim Summary Button - +++++ */
|
|
|
|
|
|
|
|
|
|
/* ++++ - Roll Button - +++++ */
|
|
.rollButtons{
|
|
position: sticky;
|
|
top: 0px;
|
|
margin-left: calc(100% + 1px);
|
|
}
|
|
|
|
.rollButtons absolute{
|
|
width: 30px;
|
|
}
|
|
|
|
input[type="checkbox"].rollButtonMain{
|
|
opacity: 0.0;
|
|
position: absolute;
|
|
z-index: 1;
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
|
|
input[type="checkbox"].rollButtonMain + span {
|
|
font-family: dicefontd10 ;
|
|
line-height: 2;
|
|
font-size: 33px;
|
|
color: #7b7b7b;
|
|
}
|
|
|
|
input[type="checkbox"].rollButtonMain + span,
|
|
.rollButton{
|
|
display: flex;
|
|
width: 30px;
|
|
height: 30px;
|
|
font-weight: normal;
|
|
justify-content: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.rollButton{
|
|
font-size: 12px;
|
|
color: #484848;
|
|
border: none;
|
|
border-top: #b7b7b7;
|
|
border-top-style: solid;
|
|
border-top-width: 1px;
|
|
width: 30px;
|
|
padding: 0px;
|
|
|
|
}
|
|
|
|
|
|
.rollButtons .hider[value="1"]+li,
|
|
.rollButtons .hider[value="1"]+div,
|
|
.rollButtons .hider[value="1"]+label {
|
|
height: 93px;
|
|
}
|
|
|
|
/* ++++ - Fim Roll Button - +++++ */
|
|
|
|
/* ############### - Fim Commons - ################ */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ############### - STRUCTURE - ################ */
|
|
*::-webkit-scrollbar {
|
|
width: 7px;
|
|
}
|
|
|
|
*::-webkit-scrollbar-track {
|
|
background: #CFD8DC;
|
|
}
|
|
|
|
*::-webkit-scrollbar-thumb {
|
|
background-color: #90A4AE;
|
|
}
|
|
|
|
.sheet-2colrow{
|
|
font-size:0px;
|
|
}
|
|
|
|
|
|
/* .ui-dialog {
|
|
scroll-behavior: smooth;
|
|
} */
|
|
|
|
.ui-dialog .charsheet .sheet-2colrow .sheet-col {
|
|
width: calc(50% - 15px);
|
|
margin-right: 30px;
|
|
}
|
|
|
|
*:focus-visible{
|
|
outline: none;
|
|
}
|
|
|
|
|
|
.dialog {
|
|
background-color: transparent;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.customNav-Tabs {
|
|
position: absolute;
|
|
margin-top: -92px;
|
|
margin-left: -30px;
|
|
background: white;
|
|
width: calc(100% - 40px);
|
|
z-index: 0;
|
|
height: 42px;
|
|
padding: 20px;
|
|
pointer-events: none;
|
|
transition: 1s;
|
|
}
|
|
|
|
.customNav-Tabs .nav-tabs {
|
|
border-bottom: 1px solid #ddd;
|
|
transition: 1s;
|
|
}
|
|
|
|
.customNav-Tabs .nav > li > a {
|
|
color: #404040;
|
|
transition: 1s;
|
|
}
|
|
|
|
.customNav-Tabs .nav > li > a[data-tab="charsheet"]{
|
|
color: #555;
|
|
cursor: default;
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
border-bottom-color: rgb(221, 221, 221);
|
|
border-bottom-color: transparent;
|
|
transition: 1s;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.pseudoBody{
|
|
background-color: white;
|
|
width: 100%;
|
|
margin-left: -30px;
|
|
font-family: 'Roboto', sans-serif;
|
|
position: relative;
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
padding-bottom: 30px;
|
|
margin-top: -10px;
|
|
transition: 1s;
|
|
}
|
|
|
|
|
|
.pseudoDisplay{
|
|
background-color: #FBFBFB;
|
|
width: calc(100% - 2px);
|
|
min-width: 829px;
|
|
min-height: auto;
|
|
position: relative;
|
|
transition: 1s;
|
|
border: 1px solid;
|
|
}
|
|
|
|
#top{
|
|
position: absolute;
|
|
top: -132px;
|
|
}
|
|
|
|
/* ++++ - Tier Section Selector - +++++ */
|
|
div.pseudoBody .pseudoDisplay .PC,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.PC,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.PC,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.PC,
|
|
div.pseudoBody .pseudoDisplay .talent,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.talent,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.talent,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.talent,
|
|
div.pseudoBody .pseudoDisplay .nova,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.nova,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.nova,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.nova,
|
|
div.pseudoBody .pseudoDisplay .superior,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.superior,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.superior,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.superior,
|
|
div.pseudoBody .pseudoDisplay .superior.default,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.superior.default,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.superior.default,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.superior.default,
|
|
div.pseudoBody .pseudoDisplay .psion,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.psion,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.psion,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.psion,
|
|
div.pseudoBody .pseudoDisplay .psion.default,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.psion.default,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.psion.default,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.psion.default,
|
|
div.pseudoBody .pseudoDisplay .proxy,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.proxy,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.proxy,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.proxy,
|
|
div.pseudoBody .pseudoDisplay .psiad,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.psiad,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.psiad,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.psiad,
|
|
div.pseudoBody .pseudoDisplay .psiad.default,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.psiad.default,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.psiad.default,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.psiad.default,
|
|
div.pseudoBody .pseudoDisplay .advanced,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.advanced,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.advanced,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.advanced,
|
|
div.pseudoBody .pseudoDisplay .inspired,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.inspired,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.inspired,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.inspired,
|
|
div.pseudoBody .pseudoDisplay .anima,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.anima,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.anima,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.anima,
|
|
div.pseudoBody .pseudoDisplay .NPC,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.NPC,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.NPC,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.NPC,
|
|
div.pseudoBody .pseudoDisplay .qtech,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.qtech,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.qtech,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.qtech,
|
|
div.pseudoBody .pseudoDisplay .ftech,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.ftech,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.ftech,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.ftech,
|
|
div.pseudoBody .pseudoDisplay .transport,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.transport,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.transport,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.transport,
|
|
div.pseudoBody .pseudoDisplay .transport.default,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.transport.default,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.transport.default,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.transport.default,
|
|
div.pseudoBody .pseudoDisplay .varg,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.varg,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.varg,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.varg,
|
|
div.pseudoBody .pseudoDisplay .varg.default,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.varg.default,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.varg.default,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.varg.default,
|
|
div.pseudoBody .pseudoDisplay .equipment,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.equipment,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.equipment,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.equipment,
|
|
div.pseudoBody .pseudoDisplay .equipment.default,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.equipment.default,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.equipment.default,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.equipment.default,
|
|
div.pseudoBody .pseudoDisplay .subTypeWeapon,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.subTypeWeapon,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.subTypeWeapon,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.subTypeWeapon,
|
|
div.pseudoBody .pseudoDisplay .subTypeArmor,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.subTypeArmor,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.subTypeArmor,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.subTypeArmor,
|
|
div.pseudoBody .pseudoDisplay .subTypeGear,
|
|
div.pseudoBody .pseudoDisplay .sheet-row.subTypeGear,
|
|
div.pseudoBody .pseudoDisplay .sheet-2colrow.subTypeGear,
|
|
div.pseudoBody .pseudoDisplay .sheet-3colrow.subTypeGear{
|
|
display: none;
|
|
}
|
|
|
|
input.selectedTier[value="baseline"] ~ .pseudoBody .PC,
|
|
input.selectedTier[value="baseline"] ~* .pseudoBody .PC,
|
|
input.selectedTier[value="talent"] ~ .pseudoBody .PC,
|
|
input.selectedTier[value="talent"] ~* .pseudoBody .PC,
|
|
input.selectedTier[value="nova"] ~ .pseudoBody .PC,
|
|
input.selectedTier[value="nova"] ~* .pseudoBody .PC,
|
|
input.selectedTier[value="superior"] ~ .pseudoBody .PC,
|
|
input.selectedTier[value="superior"] ~* .pseudoBody .PC,
|
|
input.selectedTier[value="psiad"] ~ .pseudoBody .PC,
|
|
input.selectedTier[value="psiad"] ~* .pseudoBody .PC,
|
|
input.selectedTier[value="psion"] ~ .pseudoBody .PC,
|
|
input.selectedTier[value="psion"] ~* .pseudoBody .PC,
|
|
input.selectedTier[value="inspired"] ~ .pseudoBody .PC,
|
|
input.selectedTier[value="inspired"] ~* .pseudoBody .PC{
|
|
display: flex;
|
|
}
|
|
|
|
|
|
|
|
input.selectedTier[value="talent"] ~ .pseudoBody .talent,
|
|
input.selectedTier[value="talent"] ~* .pseudoBody .talent{
|
|
display: flex;
|
|
}
|
|
|
|
input.selectedTier[value="nova"] ~ .pseudoBody .nova,
|
|
input.selectedTier[value="nova"] ~* .pseudoBody .nova{
|
|
display: flex;
|
|
}
|
|
|
|
input.selectedTier[value="superior"] ~ .pseudoBody .superior,
|
|
input.selectedTier[value="superior"] ~* .pseudoBody .superior{
|
|
display: flex;
|
|
}
|
|
|
|
input.selectedTier[value="psiad"] ~ .pseudoBody .psiad,
|
|
input.selectedTier[value="psiad"] ~* .pseudoBody .psiad{
|
|
display: flex;
|
|
}
|
|
|
|
input.selectedTier[value="psiad"] ~ .selectedTierLevel[value="advanced"] ~ .pseudoBody .advanced,
|
|
input.selectedTier[value="psiad"] ~ .selectedTierLevel[value="advanced"] ~* .pseudoBody .advanced{
|
|
display: flex;
|
|
}
|
|
|
|
input.selectedTier[value="psion"] ~ .pseudoBody .psion,
|
|
input.selectedTier[value="psion"] ~* .pseudoBody .psion{
|
|
display: flex;
|
|
}
|
|
|
|
|
|
input.selectedTier[value="psion"] ~ .selectedTierLevel[value="proxy"] ~ .pseudoBody .proxy,
|
|
input.selectedTier[value="psion"] ~ .selectedTierLevel[value="proxy"] ~* .pseudoBody .proxy{
|
|
display: flex;
|
|
}
|
|
|
|
input.selectedTier[value="inspired"] ~ .pseudoBody .inspired,
|
|
input.selectedTier[value="inspired"] ~* .pseudoBody .inspired{
|
|
display: flex;
|
|
}
|
|
|
|
input.selectedTier[value="anima"] ~ .pseudoBody .anima,
|
|
input.selectedTier[value="anima"] ~* .pseudoBody .anima{
|
|
display: flex;
|
|
}
|
|
|
|
input.selectedTier[value="NPC"] ~ .pseudoBody .NPC,
|
|
input.selectedTier[value="NPC"] ~* .pseudoBody .NPC{
|
|
display: flex;
|
|
}
|
|
|
|
input.selectedTier[value="ftech"] ~ .pseudoBody .ftech,
|
|
input.selectedTier[value="ftech"] ~* .pseudoBody .ftech{
|
|
display: flex;
|
|
}
|
|
|
|
input.selectedTier[value="qtech"] ~ .pseudoBody .qtech,
|
|
input.selectedTier[value="qtech"] ~* .pseudoBody .qtech{
|
|
display: flex;
|
|
}
|
|
|
|
input.selectedTier[value="transport"] ~ .pseudoBody .transport,
|
|
input.selectedTier[value="transport"] ~* .pseudoBody .transport{
|
|
display: flex;
|
|
}
|
|
|
|
|
|
input.selectedTier[value="equipment"] ~ .selectedEquipmentType[value="weapon"] ~ .pseudoBody .subTypeWeapon,
|
|
input.selectedTier[value="equipment"] ~ .selectedEquipmentType[value="weapon"] ~* .pseudoBody .subTypeWeapon{
|
|
display: flex;
|
|
}
|
|
|
|
|
|
input.selectedTier[value="equipment"] ~ .selectedEquipmentType[value="armor"] ~ .pseudoBody .subTypeArmor,
|
|
input.selectedTier[value="equipment"] ~ .selectedEquipmentType[value="armor"] ~* .pseudoBody .subTypeArmor{
|
|
display: flex;
|
|
}
|
|
|
|
input.selectedTier[value="equipment"] ~ .selectedEquipmentType[value="gear"] ~ .pseudoBody .subTypeGear,
|
|
input.selectedTier[value="equipment"] ~ .selectedEquipmentType[value="gear"] ~* .pseudoBody .subTypeGear{
|
|
display: flex;
|
|
}
|
|
|
|
input.selectedTier[value="varg"] ~ .pseudoBody .varg,
|
|
input.selectedTier[value="varg"] ~* .pseudoBody .varg{
|
|
display: flex;
|
|
}
|
|
|
|
input.selectedTier[value="equipment"] ~ .pseudoBody .equipment,
|
|
input.selectedTier[value="equipment"] ~* .pseudoBody .equipment{
|
|
display: flex;
|
|
}
|
|
|
|
/* input.selectedTier[value="vehicle"] ~ .pseudoBody .vehicle,
|
|
input.selectedTier[value="vehicle"] ~* .pseudoBody .vehicle{
|
|
display: flex;
|
|
} */
|
|
/* ++++ - Fim Tier Section Selector - +++++ */
|
|
|
|
|
|
.pSection{
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
|
|
|
|
.pTwinSection{
|
|
display: flex;
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
|
|
|
|
.input-label{
|
|
font-size: 16px;
|
|
color: #2f2f2f;
|
|
font-weight: 400;
|
|
letter-spacing: -0.5px;
|
|
flex-shrink: 0;
|
|
letter-spacing: 0.1px;
|
|
transition: 1s;
|
|
}
|
|
|
|
.input-label.alt{
|
|
font-size: 14px;
|
|
text-transform: uppercase;
|
|
font-weight: 500;
|
|
color: #515151;
|
|
}
|
|
|
|
|
|
.inputLine {
|
|
background: rgba(255, 255, 255, 0);
|
|
border: none;
|
|
border-bottom: 1px solid #717171;
|
|
border-radius: 0;
|
|
height: 20px;
|
|
padding: 3px 0 0 5px;
|
|
flex-grow: 1;
|
|
padding-top: 1px;
|
|
margin-left: 4px;
|
|
margin-bottom: 0px;
|
|
font-size: 16px;
|
|
font-style: italic;
|
|
color: #5A5A5A;
|
|
min-width: 10px;
|
|
width: 100%;
|
|
}
|
|
|
|
.pseudoDisplay select.boxPoints{
|
|
font-size: 18px;
|
|
width: auto;
|
|
|
|
}
|
|
|
|
.textCenter{
|
|
text-align: center;
|
|
}
|
|
|
|
.inputLine:active,
|
|
.inputLine:focus-visible{
|
|
outline:none;
|
|
}
|
|
|
|
select.inputLine{
|
|
padding-top: 0px;
|
|
appearance: none;
|
|
|
|
}
|
|
|
|
.inputDisable{
|
|
pointer-events: none;
|
|
}
|
|
|
|
|
|
.inputBox{
|
|
border: none;
|
|
border-radius: 0;
|
|
font-size: 15px;
|
|
color: #2f2f2f;
|
|
min-width: 10px;
|
|
appearance: none;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
text-align-last:center;
|
|
padding-right: 13px;
|
|
max-width: 98px;
|
|
margin-bottom: 0px;
|
|
height: 100%;
|
|
}
|
|
|
|
.inputBox option{
|
|
font-size: 14px;
|
|
text-align: left;
|
|
}
|
|
|
|
|
|
.traitHeader .inputBox + .select-icon + .inputLine {
|
|
margin-left:5px;
|
|
}
|
|
|
|
.select-icon {
|
|
/* position: absolute;
|
|
top: 4px;
|
|
left: 82px;
|
|
pointer-events: none;
|
|
font-size: 12px;
|
|
color: #00000042; */
|
|
position: relative;
|
|
top: -4px;
|
|
left: -19px;
|
|
pointer-events: none;
|
|
font-size: 12px;
|
|
color: #00000042;
|
|
width: 0px;
|
|
}
|
|
|
|
.space1{
|
|
margin-bottom: 25px;
|
|
transition: 1s;
|
|
}
|
|
|
|
.space1constant{
|
|
margin-bottom: 20px;
|
|
transition: 1s;
|
|
}
|
|
|
|
.space2{
|
|
margin-bottom: 40px;
|
|
transition: 1s;
|
|
}
|
|
|
|
.dots{
|
|
display:flex;
|
|
}
|
|
|
|
.dot.zero{
|
|
opacity:0;
|
|
transition: opacity 0.5s;
|
|
}
|
|
|
|
.dot.zero:hover{
|
|
opacity:1;
|
|
transition: opacity 0.5s;
|
|
transform: none;
|
|
}
|
|
|
|
.dot.zero > span{
|
|
background:none;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-family: Pictos;
|
|
font-size:10px;
|
|
color: #b3b3b3;
|
|
}
|
|
|
|
.dot.zero:hover > span{
|
|
width: 14px;
|
|
height: 14px;
|
|
transform: scale(1);
|
|
/* border-radius: 50%; */
|
|
background: none;
|
|
transition: transform 1s;
|
|
clip-path: polygon(50% 0%, 5% 25%, 5% 75%, 50% 100%, 95% 75%, 95% 25%);
|
|
}
|
|
|
|
/* Configure the button styling. This example makes it look like a radio. */
|
|
button.dot {
|
|
padding: 0;
|
|
border: none;
|
|
cursor: pointer;
|
|
width: 14px;
|
|
height: 14px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
transition: transform 0.3s;
|
|
background-color:#262626;
|
|
font-size: 19px;
|
|
margin-left: 1px;
|
|
}
|
|
|
|
button.dot::before {
|
|
padding: 0;
|
|
cursor: pointer;
|
|
min-width: 12px;
|
|
height: 12px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: #ffffff;
|
|
content: "";
|
|
position: relative;
|
|
left: 7px;
|
|
}
|
|
|
|
|
|
button.dot:hover {
|
|
transform: scale(1.3);
|
|
}
|
|
|
|
button.dot:focus {
|
|
outline: none;
|
|
}
|
|
|
|
button.dot > span{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
min-width: 14px;
|
|
height: 14px;
|
|
transform: scale(1);
|
|
/* border-radius: 50%; */
|
|
background: #393939;;
|
|
transition: transform 1s;
|
|
position: relative;
|
|
left: -6px;
|
|
}
|
|
|
|
.hexagon,
|
|
.hexagon::before,
|
|
.hexagon > span{
|
|
clip-path: polygon(50% 0%, 5% 25%, 5% 75%, 50% 100%, 95% 75%, 95% 25%);
|
|
}
|
|
|
|
|
|
.triangle,
|
|
.triangle::before,
|
|
.triangle > span{
|
|
clip-path: polygon(50% 0, 100% 100%, 0 100%);
|
|
}
|
|
|
|
.circle,
|
|
.circle::before,
|
|
.circle > span{
|
|
clip-path: circle(40%);
|
|
}
|
|
|
|
.diamond
|
|
.diamond::before,
|
|
.diamond > span{
|
|
clip-path: circle(40%);
|
|
}
|
|
|
|
.sourceDots .sourceExpended button.dot.rectangle{
|
|
background: white;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
width: 12px;
|
|
height: 12px;
|
|
border-color: #2b2b2b;
|
|
}
|
|
|
|
|
|
|
|
.dot.rectangle::before{
|
|
display:none;
|
|
}
|
|
|
|
.dot.rectangle > span{
|
|
left: 0px;
|
|
}
|
|
|
|
|
|
|
|
input.dot[value="0"] ~ button.gt-0 > span.checked,
|
|
input.dot[value="1"] ~ button.gt-1 > span.checked,
|
|
input.dot[value="2"] ~ button.gt-2 > span.checked,
|
|
input.dot[value="3"] ~ button.gt-3 > span.checked,
|
|
input.dot[value="4"] ~ button.gt-4 > span.checked,
|
|
input.dot[value="5"] ~ button.gt-5 > span.checked,
|
|
input.dot[value="6"] ~ button.gt-6 > span.checked,
|
|
input.dot[value="7"] ~ button.gt-7 > span.checked,
|
|
input.dot[value="8"] ~ button.gt-8 > span.checked,
|
|
input.dot[value="9"] ~ button.gt-9 > span.checked{
|
|
transform: scale(0);
|
|
transition: transform 1s;
|
|
}
|
|
|
|
|
|
.dots .gt-5,
|
|
.dots .gt-6,
|
|
.dots .gt-7,
|
|
.dots .gt-8,
|
|
.dots .gt-9{
|
|
display:none;
|
|
}
|
|
|
|
.dot[value="5"] ~ .gt-5,
|
|
.dot[value="6"] ~ .gt-5,
|
|
.dot[value="7"] ~ .gt-5,
|
|
.dot[value="8"] ~ .gt-5,
|
|
.dot[value="9"] ~ .gt-5,
|
|
.dot[value="10"] ~ .gt-5{
|
|
display:flex;
|
|
}
|
|
|
|
|
|
.dots .fifthDot{
|
|
margin-left: 5px;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ++++ - TraitLine Section - +++++ */
|
|
.traitHeader{
|
|
display:flex;
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: flex-end;
|
|
height: 26px;
|
|
}
|
|
|
|
.traitHeader .inputLine{
|
|
margin-left: 0px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
|
|
.traitHeader .spanExpander{
|
|
margin-top: -3px;
|
|
margin-right: -13px;
|
|
margin-left: 3px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.traitHeader .dots{
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
.repeatingContainer{
|
|
margin-bottom: 1px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: flex-end;
|
|
}
|
|
/* ++++ - Fim TraitLine Section - +++++ */
|
|
|
|
|
|
|
|
|
|
|
|
/* ++++ - Custom Repeated Section - +++++ */
|
|
|
|
/* ==== - Positioning - ===== */
|
|
.customRepeating{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.pSection .customRepeating .title,
|
|
.pSection .customRepeating .title2,
|
|
.pTwinSection .customRepeating .title,
|
|
.pTwinSection .customRepeating .title2{
|
|
order: -2;
|
|
width: 85%;
|
|
}
|
|
|
|
.repcontainer{
|
|
width: 100%;
|
|
}
|
|
|
|
.customRepeating > .repcontrol{
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
order: -1;
|
|
width: 15%;
|
|
border: 1px solid #00000000;
|
|
border-left: none;
|
|
width: calc(15% - 2px);
|
|
transition: 1s;
|
|
}
|
|
|
|
.customRepeating > .title ~ .repcontrol{
|
|
height: 45px;
|
|
}
|
|
|
|
.customRepeating > .title2 ~ .repcontrol{
|
|
height: 35px;
|
|
}
|
|
|
|
.customRepeating .titleLabel{
|
|
margin-left: 17%;
|
|
}
|
|
|
|
/* ==== - Fim Positioning - ===== */
|
|
|
|
|
|
|
|
/* ==== - Styling +Add, Modify, Confirm buttons - ===== */
|
|
.customRepeating .repcontrol_edit,
|
|
.customRepeating .repcontrol_add{ /* ==== - Positioning and Hide vanilla Buttons - ==== */
|
|
visibility: hidden;
|
|
color: rgb(255, 255, 255);
|
|
box-shadow:none;
|
|
text-shadow:none;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
|
|
|
|
.customRepeating .repcontrol_add::after,
|
|
.customRepeating .repcontrol_edit::after { /* ==== - Making visible and Styling New Buttons - ++++ */
|
|
background-color:none;
|
|
visibility: visible;
|
|
margin-left:-46px;
|
|
font-family: 'Pictos';
|
|
font-size: 18px;
|
|
}
|
|
|
|
|
|
.customRepeating .repcontrol_add::after { /* ==== - Inserting contendo +Add Button - ++++ */
|
|
content: "&";
|
|
|
|
}
|
|
|
|
|
|
.customRepeating .repcontrol_edit::after { /* ==== - Inserting contendo Modify Button - ++++ */
|
|
content: "W";
|
|
|
|
}
|
|
|
|
|
|
.customRepeating > .editmode +
|
|
.repcontrol > .repcontrol_edit::after {/* ==== - Inserting content Confirm Buttons - ++++ */
|
|
content: "3";
|
|
}
|
|
|
|
|
|
/* ==== - Fim Styling +Add, Modify, Confirm buttons - ===== */
|
|
|
|
/* ==== - Styling Delete, Move Buttons - ==== */
|
|
|
|
.charsheet .repcontainer .repitem .itemcontrol .repcontrol_del { /* ==== - Overlap Delete Button - ++++ */
|
|
position: absolute;
|
|
z-index: 99999 !important;
|
|
right: 0px;
|
|
}
|
|
|
|
|
|
.charsheet .repcontainer .repitem .itemcontrol .repcontrol_move { /* ==== - Overlap Move Button - ++++ */
|
|
cursor: move;
|
|
position: absolute;
|
|
z-index: 99999 !important;
|
|
}
|
|
|
|
/* ==== - Styling +Add, Modify, Confirm buttons- ==== */
|
|
|
|
/* ++++ - Fim Custom Repeated Section - +++++ */
|
|
|
|
|
|
|
|
|
|
/* ++++ -Select Input Title - +++++ */
|
|
|
|
|
|
|
|
|
|
.selectableTitle{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.pTwinSection .titleSelectInputContainer ~ .title2{
|
|
width: 85%;
|
|
}
|
|
|
|
|
|
.inputTitle{
|
|
display: flex;
|
|
justify-content: center;
|
|
text-align: center;
|
|
padding: 0px;
|
|
width: 85%;
|
|
margin-right: 16%;
|
|
font-size: 27px;
|
|
font-weight: bold;
|
|
background: transparent;
|
|
border: none;
|
|
pointer-events: none;
|
|
user-select: none;
|
|
/* padding-right: 7%; */
|
|
}
|
|
|
|
.inputTitleSelectable{
|
|
display: flex;
|
|
justify-content: center;
|
|
text-align: center;
|
|
padding: 0px;
|
|
width: 85%;
|
|
margin-right: 16%;
|
|
font-size: 27px;
|
|
font-weight: bold;
|
|
background: transparent;
|
|
border: none;
|
|
/* padding-right: 7%; */
|
|
}
|
|
|
|
|
|
.titleSelectInputContainer {
|
|
display: flex;
|
|
width: calc(15% - 2px);
|
|
max-width: 15%;
|
|
height: 35px;
|
|
align-items: center;
|
|
border: 1px solid #ff000000;
|
|
border-right: none;
|
|
}
|
|
|
|
|
|
.titleSelectInput {
|
|
background: transparent;
|
|
border: none;
|
|
font-size: 15px;
|
|
height: 100%;
|
|
width: 17px;
|
|
appearance: none;
|
|
color: transparent;
|
|
margin-right: -5px;
|
|
margin-left: 10px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.titleSelectInput option{
|
|
color:black;
|
|
font-weight: normal;
|
|
}
|
|
|
|
|
|
.changeTitleIcon{
|
|
font-family: pictos;
|
|
pointer-events: none;
|
|
color:white;
|
|
font-size: 18px;
|
|
position: relative;
|
|
right: 11px;
|
|
user-select: none;
|
|
opacity: 0.2;
|
|
transition: opacity 0.3s;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
|
|
.titleSelectInputContainer:hover .changeTitleIcon{
|
|
opacity: 1;
|
|
transition: opacity 0.3s;
|
|
}
|
|
|
|
/* ++++ -Fim Select Input Title - +++++ */
|
|
|
|
|
|
/* ++++ -Select Input Title and Select Input Title- +++++ */
|
|
.selectableTitle.customRepeating .titleSelectInputContainer{
|
|
order: -3;
|
|
}
|
|
|
|
.selectableTitle.customRepeating .title2{
|
|
width: calc(70% + 2px);
|
|
}
|
|
|
|
.selectableTitle.customRepeating .title2 .inputTitle{
|
|
margin-right: 0px;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ++++ -FIM Select Input Title and Select Input Title- +++++ */
|
|
|
|
|
|
|
|
|
|
|
|
.divisor{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-top: 10px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.line{
|
|
border-top: 1px solid #B0B0B0;
|
|
flex-grow: 1;
|
|
margin: 10px;
|
|
}
|
|
|
|
.divisorLabel{
|
|
font-size: 15px;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
color: #4D4D4D;
|
|
}
|
|
|
|
.sourceDots{
|
|
margin-top: 22px;
|
|
width: 80%;
|
|
max-width: 500px;
|
|
}
|
|
|
|
.pseudoDisplay .sourceDots button{
|
|
display:flex
|
|
}
|
|
|
|
|
|
.sourceDots .sourceMax button.dot{
|
|
transform: scale(1.47);
|
|
background: #4f4f4f;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.sourceDots .sourceExpended button.dot{
|
|
transform: scale(1.2);
|
|
background: #4f4f4f;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.boxPoints,
|
|
.boxTitle{
|
|
width: 93%;
|
|
}
|
|
|
|
.boxPoints{
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.boxPoints input{
|
|
width: 90%;
|
|
font-size: 19px;
|
|
appearance: none;
|
|
-moz-appearance: textfield;
|
|
border-radius: 0px;
|
|
text-align:center;
|
|
border: none;
|
|
background:transparent;
|
|
padding: 0px;
|
|
-webkit-padding-start: 24%;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.boxPoints select{
|
|
width: 65px;
|
|
margin-bottom: 0px;
|
|
border: none;
|
|
border-radius: 0;
|
|
appearance: none;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.boxPoints input:hover{
|
|
-moz-appearance: auto;
|
|
padding-left: 27%;
|
|
-webkit-padding-start: 24%;
|
|
}
|
|
|
|
.boxPointsContainer{
|
|
height: 40px;
|
|
}
|
|
|
|
.boxPointsTitle{
|
|
font-size: 12px;
|
|
width: auto;
|
|
color: #4f4f4f;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ############### - FIM STRUCTURE - ################ */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* //////////////// INITIAL COLORS - //////////////// */
|
|
.primaryColorBackground{
|
|
background-color: #475353;
|
|
}
|
|
|
|
.secondaryColorBackground{
|
|
background-color: #DFDFDF;
|
|
}
|
|
|
|
.tertiaryColorBackground{
|
|
background-color: #848484;
|
|
}
|
|
|
|
.colorQuaternay{
|
|
background-color: #F5F5F5;
|
|
}
|
|
|
|
.colorFont{
|
|
color:white;
|
|
}
|
|
|
|
input.primaryColorFont::placeholder{
|
|
opacity: .5;
|
|
}
|
|
/* //////////////// FIM INITIAL COLORS - //////////////// */
|
|
|
|
|
|
/* ////////////////// - DEFAULT THEME - ////////////////// */
|
|
|
|
/* +++++++++++++++++ - Logo - +++++++++++++++++ */
|
|
.colorOverHide[value="default"] ~* .logoBaseline,
|
|
.colorOverHide[value="default"] ~* .logoTalent,
|
|
.colorOverHide[value="default"] ~* .logoNova,
|
|
.colorOverHide[value="default"] ~* .logoPsion,
|
|
.colorOverHide[value="default"] ~* .logoInspired,
|
|
.colorOverHide[value="default"] ~* .logoAnima,
|
|
.colorOverHide[value="default"] ~* .logoNPC{
|
|
display: block;
|
|
position: absolute;
|
|
opacity: 0;
|
|
z-index: 0;
|
|
transition: opacity 1s 1s;
|
|
}
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .logoBaseline,
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .logoBaseline,
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~* .logoBaseline,
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~* .logoBaseline{
|
|
opacity: 1;
|
|
z-index: 1;
|
|
transition: opacity 1s;
|
|
}
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .logoTalent,
|
|
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .logoTalent{
|
|
opacity: 1;
|
|
z-index: 1;
|
|
transition: opacity 1s;
|
|
}
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .logoNova,
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .logoNova,
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .logoNova{
|
|
opacity: 1;
|
|
z-index: 1;
|
|
transition: opacity 1s;
|
|
}
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .logoPsion,
|
|
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .logoPsion,
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .logoPsion,
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .logoPsion,
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .logoPsion{
|
|
opacity: 1;
|
|
z-index: 1;
|
|
transition: opacity 1s;
|
|
}
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .logoInspired{
|
|
opacity: 1;
|
|
z-index: 1;
|
|
transition: opacity 1s;
|
|
}
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .logoAnima{
|
|
opacity: 1;
|
|
z-index: 1;
|
|
transition: opacity 1s;
|
|
}
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .logoNPC{
|
|
opacity: 1;
|
|
z-index: 1;
|
|
transition: opacity 1s;
|
|
}
|
|
|
|
|
|
.logoSynth{
|
|
display:none;
|
|
}
|
|
|
|
.logoSynth {
|
|
margin-top: -10px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
mix-blend-mode: lighten;
|
|
margin-top: -47px;
|
|
backdrop-filter: blur(0px);
|
|
}
|
|
|
|
.logoSynthBackground{
|
|
opacity: .9;
|
|
}
|
|
|
|
.logoSynthGlow {
|
|
position: absolute;
|
|
mix-blend-mode: screen;
|
|
margin-top: -6px;
|
|
margin-left: -1px;
|
|
}
|
|
|
|
.logoSynthGlow.secondary{
|
|
opacity: .5;
|
|
}
|
|
|
|
/* +++++++++++++++++ - Fim Logo - +++++++++++++++++ */
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .tertiaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .colorFont,
|
|
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .tertiaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .colorFont,
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .tertiaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .colorFont,
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .tertiaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .colorFont,
|
|
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .tertiaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .colorFont,
|
|
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .tertiaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .colorFont,
|
|
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .tertiaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tertiaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="npc"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="npc"] ~* .secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="npc"] ~* .tertiaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="npc"] ~* .colorFont
|
|
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .tertiaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .colorFont,
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .tertiaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .colorFont,
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~* .secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~* .tertiaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~* .colorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~* .secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~* .tertiaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~* .colorFont
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~* .secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~* .tertiaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~* .colorFont{
|
|
transition: background-color 1s, color 1s;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* //////////////////// - NEUTRAL THEME - //////////////////// */
|
|
|
|
.colorOverHide[value="neutral"] ~* .logoBaseline{
|
|
display: block;
|
|
position: absolute;
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~ .pseudoDisplay,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~ .pseudoDisplay,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~ .pseudoDisplay,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~ .pseudoDisplay,
|
|
|
|
.colorOverHide[value="neutral"] ~ .pseudoDisplay{
|
|
transition: background-color 1s;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .customRepeating > .repcontrol,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .customRepeating > .repcontrol,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~* .customRepeating > .repcontrol,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~* .customRepeating > .repcontrol,
|
|
|
|
.colorOverHide[value="neutral"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="neutral"] ~* .customRepeating > .repcontrol{
|
|
background-color: #475353;
|
|
transition: background-color 1s;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .secondaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .secondaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~* .secondaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~* .secondaryColorBackground,
|
|
|
|
.colorOverHide[value="neutral"] ~* .secondaryColorBackground{
|
|
background-color: #DFDFDF;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~* .tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~* .tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="neutral"] ~* .tertiaryColorBackground{
|
|
background-color: #848484;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .colorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .colorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~* .colorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~* .colorFont,
|
|
|
|
.colorOverHide[value="neutral"] ~* .colorFont{
|
|
color:white;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="neutral"] ~* .primaryColorFont{
|
|
color: #475353;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~*.arenas,
|
|
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~*.arena.central,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .arenas,
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .arena.central,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~* .arenas,
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~* .arena.central,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~* .arenas,
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~* .arena.central,
|
|
|
|
.colorOverHide[value="neutral"] ~*.arenas,
|
|
.colorOverHide[value="neutral"] ~*.arena.central{
|
|
outline-color: #646464;
|
|
border-color: #646464;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* input[type="checkbox"]:checked,
|
|
|
|
.colorOverHide[value="neutral"] ~* input[type="checkbox"]:checked{
|
|
background-color: #848484;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="neutral"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input ~* .pathLabel,
|
|
.colorOverHide[value="neutral"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
|
|
background-color: #686868;
|
|
color: white;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="neutral"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input ~* .primaryColorFont,
|
|
.colorOverHide[value="neutral"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
|
|
color:#686868;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="neutral"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
|
|
background-color:#939393;
|
|
color: white;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="neutral"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
|
|
color:#686868;
|
|
}
|
|
|
|
|
|
/* ////////////////// - FIM NEUTRAL THEME - ////////////////// */
|
|
|
|
|
|
/* //////////////////// - FLUX THEME - //////////////////// */
|
|
|
|
.colorOverHide[value="flux"] ~* .logoTalent{
|
|
display: block;
|
|
position: absolute;
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~ .pseudoDisplay,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~ .pseudoDisplay,
|
|
|
|
.colorOverHide[value="flux"] ~ .pseudoDisplay{
|
|
transition: background-color 1s;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .customRepeating > .repcontrol,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .customRepeating > .repcontrol,
|
|
|
|
.colorOverHide[value="flux"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="flux"] ~* .customRepeating > .repcontrol{
|
|
background-color: #005B7F;
|
|
transition: 1s;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~ .secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .secondaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~ .secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .secondaryColorBackground,
|
|
|
|
.colorOverHide[value="flux"] ~ .secondaryColorBackground,
|
|
.colorOverHide[value="flux"] ~* .secondaryColorBackground{
|
|
background-color: #D7E8EF;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="flux"] ~* .tertiaryColorBackground{
|
|
background-color: #2485AC;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .colorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .colorFont,
|
|
|
|
.colorOverHide[value="flux"] ~* .colorFont{
|
|
color:white;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="flux"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .primaryColorFont::placeholder,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .primaryColorFont::placeholder,
|
|
|
|
.colorOverHide[value="flux"] ~* .primaryColorFont::placeholder{
|
|
color: #005B7F;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .arenas,
|
|
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .arena.central,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .arenas,
|
|
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .arena.central,
|
|
|
|
.colorOverHide[value="flux"] ~* .arenas,
|
|
.colorOverHide[value="flux"] ~* .arena.central{
|
|
outline-color: #4C98B6;
|
|
border-color: #4C98B6;
|
|
}
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* input[type="checkbox"]:checked,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* input[type="checkbox"]:checked,
|
|
|
|
.colorOverHide[value="flux"] ~* input[type="checkbox"]:checked{
|
|
background-color: #2485AC;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="flux"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
|
|
background-color: #005B7F;;
|
|
color: white;
|
|
}
|
|
|
|
.colorOverHide[value="flux"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
|
|
color:#005B7F;;
|
|
}
|
|
|
|
.colorOverHide[value="flux"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
|
|
background-color:#2485AC;
|
|
color: white;
|
|
}
|
|
|
|
.colorOverHide[value="flux"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
|
|
color:#2485AC;
|
|
}
|
|
|
|
/* ////////////////// - FIM FLUX THEME - ////////////////// */
|
|
|
|
|
|
|
|
|
|
|
|
/* //////////////////// - QUANTUM THEME - //////////////////// */
|
|
.colorOverHide[value="quantum"] ~* .logoNova{
|
|
display: block;
|
|
position: absolute;
|
|
opacity: 1;
|
|
}
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~ .pseudoDisplay,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~ .pseudoDisplay,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~ .pseudoDisplay,
|
|
|
|
.colorOverHide[value="quantum"] ~ .pseudoDisplay{
|
|
transition: background-color 1s;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .customRepeating > .repcontrol,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .customRepeating > .repcontrol,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .customRepeating > .repcontrol,
|
|
|
|
.colorOverHide[value="quantum"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="quantum"] ~* .customRepeating > .repcontrol{
|
|
background-color: black;
|
|
transition: background-color 1s;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .secondaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .secondaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .secondaryColorBackground,
|
|
|
|
.colorOverHide[value="quantum"] ~* .secondaryColorBackground{
|
|
background-color: #FEE7DC;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="quantum"] ~* .tertiaryColorBackground{
|
|
background-color: #D1D1D1;
|
|
border-color: #AFAFAF;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .colorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .colorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .colorFont,
|
|
|
|
.colorOverHide[value="quantum"] ~* .colorFont {
|
|
color:#FEC00F;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .pathLabel.colorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .pathLabel.colorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .pathLabel.colorFont,
|
|
|
|
.colorOverHide[value="quantum"] ~* .pathLabel.colorFont {
|
|
color: #555;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .circumstHeader .pathLabel.colorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .circumstHeader .pathLabel.colorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .circumstHeader .pathLabel.colorFont,
|
|
|
|
.colorOverHide[value="quantum"] ~* .circumstHeader .pathLabel.colorFont{
|
|
color:#bfbfbf;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="quantum"] ~* .primaryColorFont,
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .primaryColorFont::placeholder,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .primaryColorFont::placeholder,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .primaryColorFont::placeholder,
|
|
|
|
.colorOverHide[value="quantum"] ~* .primaryColorFont::placeholder{
|
|
color: black;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .arenas,
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .arena.central,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .arenas,
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .arena.central,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .arenas,
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .arena.central,
|
|
|
|
.colorOverHide[value="quantum"] ~* .arenas,
|
|
.colorOverHide[value="quantum"] ~* .arena.central{
|
|
outline-color: rgb(0, 0, 0);
|
|
border-color: black;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .customRoll .numberHider,
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .custominitiative .numberHider,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .customRoll .numberHider,
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .custominitiative .numberHider,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .customRoll .numberHider,
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .custominitiative .numberHider,
|
|
|
|
.colorOverHide[value="quantum"] ~* .customRoll .numberHider,
|
|
.colorOverHide[value="quantum"] ~* .custominitiative .numberHider{
|
|
background:#FEC00F;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .rollEndingSectionInner.tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .rollEndingSectionInner.tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .rollEndingSectionInner.tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="quantum"] ~* .rollEndingSectionInner.tertiaryColorBackground{
|
|
background-color:#575757;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .pathLabel.colorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .pathLabel.colorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .pathLabel.colorFont,
|
|
|
|
.colorOverHide[value="quantum"] ~* .pathLabel.colorFont{
|
|
color:#555;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* input[type="checkbox"]:checked,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* input[type="checkbox"]:checked,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* input[type="checkbox"]:checked,
|
|
|
|
.colorOverHide[value="quantum"] ~* input[type="checkbox"]:checked{
|
|
background-color: #6f5200;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="quantum"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input ~* .pathLabel,
|
|
.colorOverHide[value="quantum"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
|
|
background-color: #686868;
|
|
color: white;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="quantum"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input ~* .primaryColorFont,
|
|
.colorOverHide[value="quantum"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
|
|
color:#686868;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="quantum"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
|
|
background-color:#939393;
|
|
color: white;
|
|
}
|
|
|
|
.colorOverHide[value="quantum"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
|
|
color:#686868;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="quantum"] ~* .tertiaryColorBackground.forte{
|
|
background-color: #808080;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .tertiaryColorBackground.forte{
|
|
background-color: #808080;
|
|
border-color: black;
|
|
|
|
}
|
|
|
|
/* ////////////////// - FIM QUANTUM THEME - ////////////////// */
|
|
|
|
|
|
|
|
/* ////////////////// - FIM PSI THEME - ////////////////// */
|
|
.colorOverHide[value="psi"] ~* .logoPsion{
|
|
display: block;
|
|
position: absolute;
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~ .pseudoDisplay,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~ .pseudoDisplay,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~ .pseudoDisplay,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~ .pseudoDisplay,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~ .pseudoDisplay,
|
|
|
|
.colorOverHide[value="psi"] ~ .pseudoDisplay{
|
|
transition: background-color 1s;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .customRepeating > .repcontrol,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .customRepeating > .repcontrol,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .customRepeating > .repcontrol,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .customRepeating > .repcontrol,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .customRepeating > .repcontrol,
|
|
|
|
.colorOverHide[value="psi"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="psi"] ~* .customRepeating > .repcontrol{
|
|
background-color: #A5181C;
|
|
transition: background-color 1s;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .secondaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .secondaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .secondaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .secondaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .secondaryColorBackground,
|
|
|
|
.colorOverHide[value="psi"] ~* .secondaryColorBackground{
|
|
background-color: #F0DED6;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="psi"] ~* .tertiaryColorBackground{
|
|
background-color: #C83C20;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .colorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .colorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .colorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .colorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .colorFont,
|
|
|
|
.colorOverHide[value="psi"] ~* .colorFont{
|
|
color:white;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="psi"] ~* .primaryColorFont,
|
|
|
|
colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .primaryColorFont::placeholder,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .primaryColorFont::placeholder,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .primaryColorFont::placeholder,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .primaryColorFont::placeholder,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .primaryColorFont::placeholder,
|
|
|
|
.colorOverHide[value="psi"] ~* .primaryColorFont::placeholder{
|
|
color: #A5181C;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .arenas,
|
|
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .arena.central,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .arenas,
|
|
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .arena.central,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .arenas,
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .arena.central,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .arenas,
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .arena.central,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .arenas,
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .arena.central,
|
|
|
|
.colorOverHide[value="psi"] ~* .arenas,
|
|
.colorOverHide[value="psi"] ~* .arena.central{
|
|
outline-color: rgb(172, 30, 30);
|
|
border-color: rgb(172, 30, 30);
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .rollEndingSectionInner.tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .rollEndingSectionInner.tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .rollEndingSectionInner.tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .rollEndingSectionInner.tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .rollEndingSectionInner.tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="psi"] ~* .rollEndingSectionInner.tertiaryColorBackground{
|
|
background-color:#CA543D;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* input[type="checkbox"]:checked,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* input[type="checkbox"]:checked,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* input[type="checkbox"]:checked,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* input[type="checkbox"]:checked,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* input[type="checkbox"]:checked,
|
|
|
|
.colorOverHide[value="psi"] ~* input[type="checkbox"]:checked{
|
|
background-color: #c83c20;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="psi"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
|
|
background-color: #A5181C;
|
|
color: white;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="psi"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
|
|
color:#A5181C;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="psi"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
|
|
background-color:#C83C20;
|
|
color: white;
|
|
}
|
|
|
|
|
|
|
|
.TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
|
|
color:#C83C20;
|
|
}
|
|
/* ////////////////// - FIM PSI THEME - ////////////////// */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ////////////////// - SOURCE THEME - ////////////////// */
|
|
.colorOverHide[value="source"] ~* .logoNPC{
|
|
display: block;
|
|
position: absolute;
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~ .pseudoDisplay,
|
|
|
|
.colorOverHide[value="source"] ~ .pseudoDisplay{
|
|
transition: background-color 1s;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .customRepeating > .repcontrol,
|
|
|
|
.colorOverHide[value="source"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="source"] ~* .customRepeating > .repcontrol{
|
|
background-color: #80407E;
|
|
transition: background-color 1s;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .secondaryColorBackground,
|
|
|
|
.colorOverHide[value="source"] ~* .secondaryColorBackground{
|
|
background-color: #E4DDEB;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="source"] ~* .tertiaryColorBackground{
|
|
background-color: #A465A1;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .colorFont,
|
|
|
|
.colorOverHide[value="source"] ~* .colorFont{
|
|
color:#ffffff;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="source"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .primaryColorFont::placeholder,
|
|
|
|
.colorOverHide[value="source"] ~* .primaryColorFont::placeholder{
|
|
color: #80407E;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .arenas,
|
|
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .arena.central,
|
|
|
|
.colorOverHide[value="source"] ~* .arenas,
|
|
.colorOverHide[value="source"] ~* .arena.central{
|
|
outline-color: #80407E;
|
|
border-color: #80407E;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* input[type="checkbox"]:checked,
|
|
|
|
.colorOverHide[value="source"] ~* input[type="checkbox"]:checked{
|
|
background-color: #a465a1;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel,
|
|
|
|
.colorOverHide[value="source"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
|
|
background-color: #80407E;
|
|
color: white;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="source"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
|
|
color:#80407E;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel,
|
|
|
|
.colorOverHide[value="source"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
|
|
background-color:#A465A1;
|
|
color: white;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="source"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
|
|
color:#936590;
|
|
}
|
|
|
|
|
|
/* ////////////////// - FIM SOURCE THEME - ////////////////// */
|
|
|
|
|
|
|
|
/* ////////////////// - TELLURIC THEME - ////////////////// */
|
|
.colorOverHide[value="vintage"] ~* .logoInspired{
|
|
display: block;
|
|
position: absolute;
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .pseudoDisplay,
|
|
|
|
.colorOverHide[value="vintage"] ~* .pseudoDisplay{
|
|
background-color: #EEE7D7;
|
|
transition: background-color 1s;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .customRepeating > .repcontrol,
|
|
|
|
.colorOverHide[value="vintage"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="vintage"] ~* .customRepeating > .repcontrol{
|
|
background-color: #4D4D4D;
|
|
transition: background-color 1s;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .secondaryColorBackground,
|
|
|
|
.colorOverHide[value="vintage"] ~* .secondaryColorBackground{
|
|
background-color: #D9D0BD;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="vintage"] ~* .tertiaryColorBackground{
|
|
background-color: #676561;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .colorFont,
|
|
|
|
.colorOverHide[value="vintage"] ~* .colorFont{
|
|
color:#EEE7D7;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="vintage"] ~* .primaryColorFont{
|
|
color: #4D4D4D;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .arenas,
|
|
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .arena.central,
|
|
|
|
.colorOverHide[value="vintage"] ~* .arenas,
|
|
.colorOverHide[value="vintage"] ~* .arena.central{
|
|
outline-color: #676561;
|
|
border-color: #676561;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* button.dot::before,
|
|
|
|
.colorOverHide[value="vintage"] ~* button.dot::before{
|
|
background-color: #EEE7D7;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* button.dot > span,
|
|
|
|
.colorOverHide[value="vintage"] ~* button.dot > span{
|
|
background: #515151;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .pseudoDisplay .dot.rectangle,
|
|
|
|
.colorOverHide[value="vintage"] ~* .pseudoDisplay .dot.rectangle{
|
|
background: #eee7d7;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .pathTabContent,
|
|
|
|
.colorOverHide[value="vintage"] ~* .pathTabContent{
|
|
background-color: #F4F1EA;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .aptitude,
|
|
|
|
.colorOverHide[value="vintage"] ~* .aptitude{
|
|
background-color: #dbd5c6;
|
|
border-color: #00000021;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="vintage"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~ .aptitude {
|
|
background: #c3bdb0;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="vintage"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~* .pathLabel{
|
|
background-color: #333;
|
|
color: white;
|
|
font-style: italic;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="vintage"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~* .primaryColorFont{
|
|
color:#333;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="vintage"] ~* .aptitudeModes .aptitudeMode1,
|
|
.colorOverHide[value="vintage"] ~* .aptitudeModes .aptitudeMode2,
|
|
.colorOverHide[value="vintage"] ~* .aptitudeModes .aptitudeMode3,
|
|
.colorOverHide[value="vintage"] ~* .basicMode{
|
|
border-color: #9F9F9F;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="vintage"] ~* .aptitudeModeLevelsContainer {
|
|
background: #E3DED2;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="vintage"] ~* .aptitudeModeExpandedArea {
|
|
background: #eeeadf;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="vintage"] ~* .aptitudeModeExpandedArea .description {
|
|
background: #f4f3ef;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* input[type="checkbox"]:checked,
|
|
|
|
.colorOverHide[value="vintage"] ~* input[type="checkbox"]:checked{
|
|
background-color: #676561;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="vintage"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
|
|
background-color: #4f4f4f;
|
|
color: white;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="vintage"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
|
|
color:#4f4f4f;
|
|
}
|
|
|
|
.colorOverHide[value="vintage"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
|
|
background-color:#6c6c6c;
|
|
color: white;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="vintage"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
|
|
color:#6f6f6f;
|
|
}
|
|
|
|
|
|
/* ////////////////// - FIM TELLURIC THEME - ////////////////// */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* //////////////////// - ANIMA THEME - //////////////////// */
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .customRoll .defaultRollingDisplay.singleCustomRoll,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .customRoll .defaultRollingDisplay.singleCustomRoll{
|
|
font-family: oxanium;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .custominitiative .defaultRollingDisplay.singleCustomRoll,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .custominitiative .defaultRollingDisplay.singleCustomRoll{
|
|
font-family: oxanium;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* select option,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* select option{
|
|
background: #001715;
|
|
color: #24dbd6;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* select option:hover,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* select option:hover{
|
|
background: #001715;
|
|
color: #24dbd552;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .readerTrait .tier .inputLine option.optionTitle,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .readerTrait .tier .inputLine option.optionTitle{
|
|
background: #00fff8;
|
|
color: #001715;
|
|
font-weight: 600;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tier .inputLine option:disabled,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .tier .inputLine option:disabled{
|
|
color: #24dbd691;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ .pseudoBody .pseudoDisplay .customRoll .defaultRollingDisplay option,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .customRoll .defaultRollingDisplay option{
|
|
background: #001715;
|
|
color: #24dbd6;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ .customNav-Tabs,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ .customNav-Tabs{
|
|
background: black;
|
|
transition: 1s;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ .customNav-Tabs .nav-tabs,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ .customNav-Tabs .nav-tabs{
|
|
border-color: #41fcf6;
|
|
transition: 1s;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ .customNav-Tabs .nav > li > a,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ .customNav-Tabs .nav > li > a{
|
|
color: #298e8b;
|
|
transition: 1s;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ .customNav-Tabs .nav > li > a[data-tab="charsheet"],
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ .customNav-Tabs .nav > li > a[data-tab="charsheet"]{
|
|
color: #000000;
|
|
cursor: default;
|
|
background-color: #59fffa;
|
|
border: 1px solid #59fffa;
|
|
border-bottom-color: #dddddd;
|
|
border-bottom-color: transparent;
|
|
border-radius: 0;
|
|
transition: 1s;
|
|
font-family: oxanium;
|
|
font-weight: 500;
|
|
}
|
|
|
|
|
|
|
|
.ui-dialog .charsheet .colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .repcontainer .repitem .itemcontrol,
|
|
|
|
.ui-dialog .charsheet .colorOverHide[value="fulgurtech"] ~ * .repcontainer .repitem .itemcontrol {
|
|
background-color: rgba(0, 255, 246, 0.24);
|
|
}
|
|
|
|
|
|
|
|
.ui-dialog .charsheet .colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .repcontrol_move,
|
|
.ui-dialog .charsheet .colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .repcontrol_del,
|
|
|
|
.ui-dialog .charsheet .colorOverHide[value="fulgurtech"] ~* .repcontrol_move,
|
|
.ui-dialog .charsheet .colorOverHide[value="fulgurtech"] ~* .repcontrol_del{
|
|
border-radius: 0;
|
|
background-color: #41fcf6;
|
|
background-image: none;
|
|
border-color: #41fcf6;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
color: black;
|
|
padding-left: 7px;
|
|
padding-right: 7px;
|
|
text-shadow: none;
|
|
height: 16px;
|
|
}
|
|
|
|
|
|
.ui-dialog .charsheet .colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .repcontrol_del,
|
|
|
|
.ui-dialog .charsheet .colorOverHide[value="fulgurtech"] ~* .repcontrol_del{
|
|
color: #41fcf6;
|
|
font-size: 0px;
|
|
}
|
|
|
|
|
|
|
|
.ui-dialog .charsheet .colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .repcontrol_del::before,
|
|
|
|
.ui-dialog .charsheet .colorOverHide[value="fulgurtech"] ~* .repcontrol_del::before{
|
|
content: "delete";
|
|
font-family: "Material Icons";
|
|
color: #000;
|
|
font-size: 20px;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ .pseudoBody,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pseudoNav button,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ .pseudoBody,
|
|
.colorOverHide[value="fulgurtech"] ~* .pseudoNav button {
|
|
background: black;
|
|
transition: background-color 1s;
|
|
color: #00bdb3;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tabstoggle[value="sheet"] ~* button[name="act_sheet"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tabstoggle[value="equipments"] ~* button[name="act_equipments"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tabstoggle[value="rolls"] ~* button[name="act_rolls"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tabstoggle[value="combatMode"] ~* button[name="act_combatMode"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tabstoggle[value="creationMode"] ~* button[name="act_creationMode"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tabstoggle[value="settings"] ~* button[name="act_settings"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tabstoggle[value="credits"] ~* button[name="act_credits"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pseudoDisplay,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .tabstoggle[value="sheet"] ~* button[name="act_sheet"],
|
|
.colorOverHide[value="fulgurtech"] ~* .tabstoggle[value="equipments"] ~* button[name="act_equipments"],
|
|
.colorOverHide[value="fulgurtech"] ~* .tabstoggle[value="rolls"] ~* button[name="act_rolls"],
|
|
.colorOverHide[value="fulgurtech"] ~* .tabstoggle[value="combatMode"] ~* button[name="act_combatMode"],
|
|
.colorOverHide[value="fulgurtech"] ~* .tabstoggle[value="creationMode"] ~* button[name="act_creationMode"],
|
|
.colorOverHide[value="fulgurtech"] ~* .tabstoggle[value="settings"] ~* button[name="act_settings"],
|
|
.colorOverHide[value="fulgurtech"] ~* .tabstoggle[value="credits"] ~* button[name="act_credits"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay{
|
|
border-color: #008D88;
|
|
background-color: #001715;
|
|
color: #59fffa;
|
|
/* transition: 1s; */
|
|
}
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .logoAnima{
|
|
display: block;
|
|
position: absolute;
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pseudoDisplay,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay{
|
|
transition: 1s;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .expanderFlagModal[value="1"] ~ .modalBackground,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .expanderFlagModal[value="1"] ~ .modalBackground{
|
|
background-color: black;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input[type="checkbox"],
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* input[type="checkbox"]{
|
|
border-color: #00bdb7;
|
|
border-radius: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input[type="checkbox"]::before,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* input[type="checkbox"]::before{
|
|
background-color: black;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input[type="checkbox"]:checked,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* input[type="checkbox"]:checked{
|
|
background-color: #00fff7;
|
|
border-color: #00fff7;
|
|
}
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * input::placeholder,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ input::placeholder,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * input::placeholder,
|
|
.colorOverHide[value="fulgurtech"] ~ input::placeholder{
|
|
color: #00FFF6;
|
|
opacity: .5;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * input,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ input,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * input,
|
|
.colorOverHide[value="fulgurtech"] ~ input{
|
|
color: #00FFF6;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .summaryButtons span.secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .summaryButtons div a.secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .rollButtons .secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .rollButtons .secondaryColorBackground input,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .summaryButtons span.secondaryColorBackground,
|
|
.colorOverHide[value="fulgurtech"] ~* .summaryButtons div a.secondaryColorBackground,
|
|
.colorOverHide[value="fulgurtech"] ~* .rollButtons .secondaryColorBackground,
|
|
.colorOverHide[value="fulgurtech"] ~* .rollButtons .secondaryColorBackground input{
|
|
background-color: #72fffa;
|
|
border-color: #001715;
|
|
background-color: #72fffa;
|
|
color: #00403a;
|
|
font-weight: 600;
|
|
transition: 1s;
|
|
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .summaryButtons span.secondaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .rollButtons span,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .summaryButtons span.secondaryColorBackground,
|
|
.colorOverHide[value="fulgurtech"] ~* .rollButtons span{
|
|
color: #001715;
|
|
font-weight: 500;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .customRepeating > .repcontrol,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .primaryColorBackground,
|
|
.colorOverHide[value="fulgurtech"] ~* .customRepeating > .repcontrol{
|
|
background-color: #00403E;
|
|
transition: background-color 1s;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .secondaryColorBackground,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .secondaryColorBackground{
|
|
background-color: #002726;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tertiaryColorBackground,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .tertiaryColorBackground{
|
|
background-color: #001715;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .colorFont,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .colorFont{
|
|
color: #59FFFA;
|
|
transition: 1s;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .primaryColorFont,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .primaryColorFont{
|
|
color: #41FCF6;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .primaryColorFont::placeholder,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .primaryColorFont::placeholder{
|
|
color: #41FCF6;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .arenas,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaArenas,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .arena.central,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .arenas,
|
|
.colorOverHide[value="fulgurtech"] ~* .megaArenas,
|
|
.colorOverHide[value="fulgurtech"] ~* .arena.central{
|
|
outline-color: #27A09B;
|
|
border-color: #27A09B;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .dots,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .dots{
|
|
margin-right: 6px;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* button.dot,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay button.dot{
|
|
width: 5px;
|
|
height: 5px;
|
|
margin-top: 7px;
|
|
margin-left: 7px;
|
|
transform: skew(-25deg, 0deg);
|
|
border: solid 1px #009D97;
|
|
background: transparent;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* button.dot > span,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* button.dot > span{
|
|
min-width: 8px;
|
|
height: 14px;
|
|
margin-top: -8px;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* button.dot > span,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* button.dot > span{
|
|
left: 0px;
|
|
background: #86F7F3;
|
|
box-shadow: 0px 0px 13px #0FFFF796;
|
|
transition: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* button.dot.gt-5 > span,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* button.dot.gt-6 > span,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* button.dot.gt-7 > span,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* button.dot.gt-8 > span,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* button.dot.gt-9 > span,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* button.dot.gt-5 > span,
|
|
.colorOverHide[value="fulgurtech"] ~* button.dot.gt-6 > span,
|
|
.colorOverHide[value="fulgurtech"] ~* button.dot.gt-7 > span,
|
|
.colorOverHide[value="fulgurtech"] ~* button.dot.gt-8 > span,
|
|
.colorOverHide[value="fulgurtech"] ~* button.dot.gt-9 > span{
|
|
height: 14px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* button.dot::before,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* button.dot::before{
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .hexagon,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .hexagon::before,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .hexagon > span,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .hexagon,
|
|
.colorOverHide[value="fulgurtech"] ~* .hexagon::before,
|
|
.colorOverHide[value="fulgurtech"] ~* .hexagon > span{
|
|
clip-path: unset;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="0"] ~ button.gt-0 > span.checked,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="1"] ~ button.gt-1 > span.checked,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="2"] ~ button.gt-2 > span.checked,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="3"] ~ button.gt-3 > span.checked,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="4"] ~ button.gt-4 > span.checked,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="5"] ~ button.gt-5 > span.checked,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="6"] ~ button.gt-6 > span.checked,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="7"] ~ button.gt-7 > span.checked,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="8"] ~ button.gt-8 > span.checked,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="9"] ~ button.gt-9 > span.checked,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* input.dot[value="0"] ~ button.gt-0 > span.checked,
|
|
.colorOverHide[value="fulgurtech"] ~* input.dot[value="1"] ~ button.gt-1 > span.checked,
|
|
.colorOverHide[value="fulgurtech"] ~* input.dot[value="2"] ~ button.gt-2 > span.checked,
|
|
.colorOverHide[value="fulgurtech"] ~* input.dot[value="3"] ~ button.gt-3 > span.checked,
|
|
.colorOverHide[value="fulgurtech"] ~* input.dot[value="4"] ~ button.gt-4 > span.checked,
|
|
.colorOverHide[value="fulgurtech"] ~* input.dot[value="5"] ~ button.gt-5 > span.checked,
|
|
.colorOverHide[value="fulgurtech"] ~* input.dot[value="6"] ~ button.gt-6 > span.checked,
|
|
.colorOverHide[value="fulgurtech"] ~* input.dot[value="7"] ~ button.gt-7 > span.checked,
|
|
.colorOverHide[value="fulgurtech"] ~* input.dot[value="8"] ~ button.gt-8 > span.checked,
|
|
.colorOverHide[value="fulgurtech"] ~* input.dot[value="9"] ~ button.gt-9 > span.checked{
|
|
transform: scale(1);
|
|
transition: none;
|
|
opacity: 0;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .sourceDots button.dot,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .sourceDots button.dot{
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
width: 23px;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .sourceDots .sourceExpended button.dot.rectangle,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .sourceDots .sourceExpended button.dot.rectangle{
|
|
border: solid 1px #009D97;
|
|
background: transparent;
|
|
height: 5px;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .sourceDots button.dot > span,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .sourceDots button.dot > span{
|
|
min-width: 25px;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ .pseudoBody,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ .pseudoBody {
|
|
font-family: 'Oxanium';
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .space1,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .space1 {
|
|
margin-bottom: 35px;
|
|
transition: 1s;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .input-label,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .divisorLabel,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .input-label,
|
|
.colorOverHide[value="fulgurtech"] ~* .divisorLabel,
|
|
.colorOverHide[value="fulgurtech"] ~* .powerTypeExtension div,
|
|
.colorOverHide[value="fulgurtech"] ~ * .quantumPowerTypeAndExpander .powerTypeExtension .inputPathName[name="attr_powertypeextension-1"],
|
|
.colorOverHide[value="fulgurtech"] ~ * .quantumPowerTypeAndExpander .powerTypeExtension .inputPathName[name="attr_powertypeextension-2"] {
|
|
color: #41FCF6;
|
|
transition: 1s;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pseudoDisplay .inputLine,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pseudoDisplay .secondaryColorBackground .megaAttributesTag .inputLine,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .inputLine,
|
|
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .secondaryColorBackground .megaAttributesTag .inputLine,
|
|
.colorOverHide[value="fulgurtech"] ~* .aptitudeModes .aptitudeModeLevelsContainer .traitHeader .inputLine,
|
|
.colorOverHide[value="fulgurtech"] ~* .auxiliaryMode .aptitudeModeLevelsContainer .traitHeader .inputLine,
|
|
.colorOverHide[value="fulgurtech"] ~* .aptitudeModes .aptitudeProxyLevelsContainer .traitHeader .inputLine{
|
|
border-bottom: 1px solid #008D88;
|
|
color: #24DBD6;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .inputLine::placeholder,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .inputLine::placeholder{
|
|
color: #24DBD6;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .title,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .title{
|
|
font-family: goldman;
|
|
font-weight: bold;
|
|
font-size: 35px;
|
|
transition: 1s;
|
|
color: #41FCF6;
|
|
border: 1px solid #41FCF6;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .customRepeating .title,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .customRepeating .title{
|
|
border-right: none;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .title2,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .title2{
|
|
font-family: goldman;
|
|
font-weight: bold;
|
|
font-size: 30px;
|
|
transition: 1s;
|
|
color: #41FCF6;
|
|
border: 1px solid #41FCF6;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .customRepeating .title2,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .customRepeating .title2{
|
|
border-right: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .selectableTitle .title2,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .selectableTitle .title2{
|
|
border-left: none;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .transcendence.selectableTitle .title2 .inputTitle,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .transcendence.selectableTitle .title2 .inputTitle{
|
|
width: 90%;
|
|
margin-right: 10%;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .customRepeating .repcontrol,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .titleSelectInputContainer,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .customRepeating .repcontrol,
|
|
.colorOverHide[value="fulgurtech"] ~* .titleSelectInputContainer{
|
|
transition: 1s;
|
|
color: #41FCF6;
|
|
border-color: #41FCF6;
|
|
}
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .changeTitleIcon,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .changeTitleIcon{
|
|
color: #41FCF6;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .repcontrol .repcontrol_edit,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .repcontrol .repcontrol_add,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .repcontrol .repcontrol_edit,
|
|
.colorOverHide[value="fulgurtech"] ~* .repcontrol .repcontrol_add{
|
|
color: #41FCF6;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* textarea,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay textarea{
|
|
color: #28ccc7;
|
|
border-color: #008d88;
|
|
border-radius: 0px;
|
|
background-color: #0bf0dd00;
|
|
scrollbar-color: #59fffa #1ca8a445;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* textarea::placeholder,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay textarea::placeholder{
|
|
color: #28ccc7;
|
|
opacity: .5;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pseudoDisplay .boxPoints,
|
|
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .boxPoints{
|
|
border: none;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .boxPoints input,
|
|
.colorOverHide[value="fulgurtech"] ~* .anima .boxPoints input{
|
|
padding-top: 1px;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .skills .title,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .skills .title{
|
|
font-size: 40px;
|
|
transition: 1s;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .animaSkill,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .animaSkill{
|
|
border-color: #008D88;
|
|
background: #001715;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .animaSkillHeader,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .animaSkillHeader{
|
|
color: #6BFFF9;
|
|
text-shadow: 0px 0px 10px #00E2FDBF;
|
|
border-bottom: 1px solid #008D88;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .animaSkillEnhacName,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .animaSkillEnhacName{
|
|
color: #06EAE2;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .animaSkillEnhac .line,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .animaSkillEnhac .line{
|
|
border-top: 1px solid #CECECE00;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .line,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .line{
|
|
border-color: #00403E;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .animaSkillEnhacNumber,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .animaSkillEnhacNumber{
|
|
background-color: #00403E;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .animaSkillEnhacNumber input,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .animaSkillEnhacNumber.boxPoints input{
|
|
color: #00FFF6;
|
|
font-weight: initial;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .animaSkillEnhacNumber input::placeholder,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .animaSkillEnhacNumber.boxPoints input::placeholder{
|
|
color: #00FFF6;
|
|
opacity: .5;
|
|
font-weight: initial;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .boxPoints .boxPoint input,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .anima .boxPoints .boxPoint input{
|
|
padding-top: 1px;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .animaHealth .boxPoints .boxPoint.secondaryColorBackground,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .anima .animaHealth .boxPoints .boxPoint.secondaryColorBackground{
|
|
background-color: #00CCC5;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .animaHealth .boxPoints .boxPoint .boxPointsTitle,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .anima .animaHealth .boxPoints .boxPoint .boxPointsTitle{
|
|
font-family: goldman;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .animaHealth .boxPoints .boxPoint.secondaryColorBackground .boxPointsTitle,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .anima .animaHealth .boxPoints .boxPoint.secondaryColorBackground .boxPointsTitle{
|
|
color: black;
|
|
font-size: 10px;
|
|
font-family: goldman;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .animaHealth .boxPoints .boxPoint.secondaryColorBackground input,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .animaHealth .boxPoints .boxPoint.secondaryColorBackground input::placeholder,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .anima .animaHealth .boxPoints .boxPoint.secondaryColorBackground input,
|
|
.colorOverHide[value="fulgurtech"] ~* .anima .animaHealth .boxPoints .boxPoint.secondaryColorBackground input::placeholder{
|
|
color: black;
|
|
opacity: 1;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .boxPoint.animaDefense,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .anima .boxPoint.animaDefense{
|
|
background: #001715;
|
|
border: 1px solid #41FCF6;
|
|
width: 69px;
|
|
height: 49px;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .boxPoint.animaDefense .boxPointsTitle,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .anima .boxPoint.animaDefense .boxPointsTitle{
|
|
font-size: 10px;
|
|
color: #41FCF6;
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .animaHealth .boxPoint.animaDefense input::placeholder,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .anima .animaHealth .boxPoint.animaDefense input::placeholder{
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .TCAnimaAspects,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .TCAnimaAspects{
|
|
margin-top: 12px;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .TCAnimaAspects .title2 .titleLabel,
|
|
.colorOverHide[value="fulgurtech"] ~* .TCAnimaAspects .title2 .titleLabel{
|
|
font-size: 35px;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathLabel,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .pathLabel{
|
|
background-color: #41FCF6;
|
|
color: black;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .spanExpander,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .spanExpander{
|
|
color: #008D88;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .quantumPower .inputPathName:placeholder-shown,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleWeapon .weaponHeader .inputWeaponName:placeholder-shown,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleArmor .weaponHeader .inputWeaponName:placeholder-shown,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .names input:placeholder-shown,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .traitName:placeholder-shown,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .quantumPower .inputPathName:placeholder-shown,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleWeapon .weaponHeader .inputWeaponName:placeholder-shown,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleArmor .weaponHeader .inputWeaponName:placeholder-shown,
|
|
.colorOverHide[value="fulgurtech"] ~ * .defaultRollingDisplay.singleCustomRoll .names input:placeholder-shown,
|
|
.colorOverHide[value="fulgurtech"] ~ * .defaultRollingDisplay.singleCustomRoll .traitName:placeholder-shown{
|
|
border-bottom: 1px solid #00D0C9;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .quantumPower .inputPathName:placeholder-shown,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaEdge .inputPathName:placeholder-shown,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .superiorPower .inputPathName:placeholder-shown,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .quantumPower .inputPathName:placeholder-shown,
|
|
.colorOverHide[value="fulgurtech"] ~* .megaEdge .inputPathName:placeholder-shown,
|
|
.colorOverHide[value="fulgurtech"] ~* .superiorPower .inputPathName:placeholder-shown{
|
|
background-color: transparent;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .quantumPowerTabButtons button,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaEdgeTabButtons button,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .quantumPowerTabButtons button,
|
|
.colorOverHide[value="fulgurtech"] ~* .megaEdgeTabButtons button{
|
|
color: #41fcf6ad;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .quantumPowerTabsToggle[value="quantum-power-1-traits"] ~ * button[name="act_quantum-power-1-traits"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .quantumPowerTabsToggle[value="quantum-power-1-description"] ~ * button[name="act_quantum-power-1-description"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .quantumPowerTabsToggle[value="quantum-power-2-traits"] ~ * button[name="act_quantum-power-2-traits"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .quantumPowerTabsToggle[value="quantum-power-2-description"] ~ * button[name="act_quantum-power-2-description"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaEdgeTabsToggle[value="mega-edge-1-traits"] ~ * button[name="act_mega-edge-1-traits"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaEdgeTabsToggle[value="mega-edge-1-description"] ~ * button[name="act_mega-edge-1-description"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaEdgeTabsToggle[value="mega-edge-2-traits"] ~ * button[name="act_mega-edge-2-traits"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaEdgeTabsToggle[value="mega-edge-2-description"] ~ * button[name="act_mega-edge-2-description"],
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .quantumPowerTabsToggle[value="quantum-power-1-traits"] ~ * button[name="act_quantum-power-1-traits"],
|
|
.colorOverHide[value="fulgurtech"] ~* .quantumPowerTabsToggle[value="quantum-power-1-description"] ~ * button[name="act_quantum-power-1-description"],
|
|
.colorOverHide[value="fulgurtech"] ~* .quantumPowerTabsToggle[value="quantum-power-2-traits"] ~ * button[name="act_quantum-power-2-traits"],
|
|
.colorOverHide[value="fulgurtech"] ~* .quantumPowerTabsToggle[value="quantum-power-2-description"] ~ * button[name="act_quantum-power-2-description"],
|
|
.colorOverHide[value="fulgurtech"] ~* .megaEdgeTabsToggle[value="mega-edge-1-traits"] ~ * button[name="act_mega-edge-1-traits"],
|
|
.colorOverHide[value="fulgurtech"] ~* .megaEdgeTabsToggle[value="mega-edge-1-description"] ~ * button[name="act_mega-edge-1-description"],
|
|
.colorOverHide[value="fulgurtech"] ~* .megaEdgeTabsToggle[value="mega-edge-2-traits"] ~ * button[name="act_mega-edge-2-traits"],
|
|
.colorOverHide[value="fulgurtech"] ~* .megaEdgeTabsToggle[value="mega-edge-2-description"] ~ * button[name="act_mega-edge-2-description"]{
|
|
background-color: #001715;
|
|
border-color: #008D88;
|
|
color: #41FCF6;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .pathTabContent,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .quantumPowerTabContent,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .megaEdgeTabContent,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponTabContent,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .rollMiddleSection1,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .cRDescriptionTab,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .circumstExpanded,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .quantumPowerTabContent,
|
|
.colorOverHide[value="fulgurtech"] ~ * .megaEdgeTabContent,
|
|
.colorOverHide[value="fulgurtech"] ~ * .weaponTabContent,
|
|
.colorOverHide[value="fulgurtech"] ~ * .pathTabContent,
|
|
.colorOverHide[value="fulgurtech"] ~ * .defaultRollingDisplay.singleCustomRoll .rollMiddleSection1,
|
|
.colorOverHide[value="fulgurtech"] ~ * .cRDescriptionTab,
|
|
.colorOverHide[value="fulgurtech"] ~ * .circumstExpanded,
|
|
.colorOverHide[value="fulgurtech"] ~ * .basic-modeExpandedArea,
|
|
.colorOverHide[value="fulgurtech"] ~ * .aptitudeModeLevelsContainer,
|
|
.colorOverHide[value="fulgurtech"] ~ * .aptitudeProxyLevel .aptitudeProxyLevelsContainer{
|
|
background: #001715;
|
|
border-color: #008d88;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .expanderFlagModal[value="1"] ~ .traitHeader,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .expanderFlagModal[value="1"] ~ .expandedArea,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .repcontainer .singlePathContact .expanderFlagModal[value="1"] ~ .expandedArea
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .expanderFlagModal[value="1"] ~ .traitHeader,
|
|
.colorOverHide[value="fulgurtech"] ~* .expanderFlagModal[value="1"] ~ .expandedArea,
|
|
.colorOverHide[value="fulgurtech"] ~* .repcontainer .singlePathContact .expanderFlagModal[value="1"] ~ .expandedArea{
|
|
z-index: 3;
|
|
background: #001715;
|
|
border: 1px solid #008d88;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .expanderFlagModal[value="1"] ~ .traitHeader,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .expanderFlagModal[value="1"] ~ .traitHeader{
|
|
z-index: 3;
|
|
background: #022f2a;
|
|
border: 1px solid #008d88;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .quantumPowerTagsContainer,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaEdgeTagsContainer,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .defaultRollingDisplay .customRollExpandedArea .rollMiddleSection2,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .quantumPowerTagsContainer,
|
|
.colorOverHide[value="fulgurtech"] ~* .megaEdgeTagsContainer,
|
|
.colorOverHide[value="fulgurtech"] ~* .defaultRollingDisplay .customRollExpandedArea .rollMiddleSection2,
|
|
.colorOverHide[value="fulgurtech"] ~* .aptitudeModeExpandedArea{
|
|
height: 263px;
|
|
padding-top: 2px;
|
|
border-color: #008d88;
|
|
background-color: #000000;
|
|
transition: .2s;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .TCAnimaAspects .quantumPowerTagsContainer,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .TCAnimaAspects .quantumPowerTagsContainer{
|
|
height: 165px;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaEdgeTagsContainer,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .megaEdgeTagsContainer{
|
|
height: 263px;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* .colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .quantumPowerTabContent,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .quantumPowerTabContent{
|
|
height: 362px;
|
|
} */
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .quantumPower,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaEdge,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .superiorPower,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .singlePath,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleWeapon,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleArmor,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleCustomRoll,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleCustomRoll .rollTitleSectionInner,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay .rollEndingSection,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .TCCombatMode .TCcircumst .singleCircumst,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .quantumPower,
|
|
.colorOverHide[value="fulgurtech"] ~* .megaEdge,
|
|
.colorOverHide[value="fulgurtech"] ~* .superiorPower,
|
|
.colorOverHide[value="fulgurtech"] ~* .singlePath,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleWeapon,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleArmor,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleCustomRoll,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleCustomRoll .rollTitleSectionInner,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay .rollEndingSection,
|
|
.colorOverHide[value="fulgurtech"] ~ * .TCCombatMode .TCcircumst .singleCircumst,
|
|
.colorOverHide[value="fulgurtech"] ~ * .basicMode,
|
|
.colorOverHide[value="fulgurtech"] ~ * .aptitudeModes .secondaryColorBackground,
|
|
.colorOverHide[value="fulgurtech"] ~ * .auxiliaryMode{
|
|
background-color: #002F2C;
|
|
border-color: #008D88;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .inputPathName:hover,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .inputPathName:active,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .inputPathName:focus,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .inputPathName:placeholder-shown,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .inputWeaponTitle:hover,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .inputWeaponTitle:active,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .inputWeaponTitle:focus,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleWeapon .weaponHeader .inputWeaponName:hover,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleWeapon .weaponHeader .inputWeaponName:active,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleWeapon .weaponHeader .inputWeaponName:focus,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleArmor .weaponHeader .inputWeaponName:hover,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleArmor .weaponHeader .inputWeaponName:active,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleArmor .weaponHeader .inputWeaponName:focus,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .inputWeaponEnhancement:hover,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .inputWeaponEnhancement:active,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .inputWeaponEnhancement:focus,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .names input:hover,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .names input:active,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .names input:focus,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber:hover,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber:active,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber:focus,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:hover,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:active,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:focus,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName:hover,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName:active,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName:focus,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:hover,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:active,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:focus,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .inputPathName:hover,
|
|
.colorOverHide[value="fulgurtech"] ~* .inputPathName:active,
|
|
.colorOverHide[value="fulgurtech"] ~* .inputPathName:focus,
|
|
.colorOverHide[value="fulgurtech"] ~* .inputPathName:placeholder-shown,
|
|
.colorOverHide[value="fulgurtech"] ~ * .inputWeaponTitle:hover,
|
|
.colorOverHide[value="fulgurtech"] ~ * .inputWeaponTitle:active,
|
|
.colorOverHide[value="fulgurtech"] ~ * .inputWeaponTitle:focus,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleWeapon .weaponHeader .inputWeaponName:hover,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleWeapon .weaponHeader .inputWeaponName:active,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleWeapon .weaponHeader .inputWeaponName:focus,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleWeapon .weaponHeader .inputWeaponEnhancement:hover,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleWeapon .weaponHeader .inputWeaponEnhancement:active,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleWeapon .weaponHeader .inputWeaponEnhancement:focus,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleArmor .weaponHeader .inputWeaponName:hover,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleArmor .weaponHeader .inputWeaponName:active,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleArmor .weaponHeader .inputWeaponName:focus,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleArmor .weaponHeader .inputWeaponEnhancement:hover,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleArmor .weaponHeader .inputWeaponEnhancement:active,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleArmor .weaponHeader .inputWeaponEnhancement:focus,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .names input:hover,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .names input:active,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .names input:focus,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber:hover,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber:active,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber:focus,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:hover,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:active,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:focus,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName:hover,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName:active,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName:focus,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:hover,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:active,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:focus,
|
|
.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .inputAptitudeauxiliaryModeName,
|
|
.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .inputAptitudeauxiliaryModeName:hover,
|
|
.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .inputAptitudeauxiliaryModeName:active,
|
|
.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .inputAptitudeauxiliaryModeName:focus,
|
|
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .headerStatsWeaponType input:hover,
|
|
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .headerStatsWeaponType input:active,
|
|
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .headerStatsWeaponType input:focus{
|
|
background-color: #0000001a;
|
|
border-radius: 0px;
|
|
border-color: #008d88;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathStatus,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .pathStatus{
|
|
background-color: #41FCF6;
|
|
color: #002f2d;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .TCPaths input.selectedPathStatus[value="suspended"] + .singlePath .pathStatus,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .TCPaths input.selectedPathStatus[value="revoked"] + .singlePath .pathStatus,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .TCPaths input.selectedPathStatus[value="suspended"] + .singlePath .pathStatus,
|
|
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .TCPaths input.selectedPathStatus[value="revoked"] + .singlePath .pathStatus{
|
|
color: #41fcf6;
|
|
background: #002f2c;
|
|
border-color: #008d88;
|
|
transition: 1s;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .TCPaths input.selectedPathStatus[value="revoked"] + .singlePath,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .TCPaths input.selectedPathStatus[value="revoked"] + .singlePath{
|
|
background-color: #001715;
|
|
transition: 1s;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .TCPaths input.selectedPathStatus[value="revoked"] + .singlePath .pathLabel,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .TCPaths input.selectedPathStatus[value="revoked"] + .singlePath .pathLabel{
|
|
background: #001715;
|
|
color: #41fcf6;
|
|
border: 1px solid #008d88;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabButtons button,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .weaponTabButtons button,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .defaultRollingDisplay.singleCustomRoll .cRTabButtons button,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .pathTabButtons button,
|
|
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .weaponTabButtons button,
|
|
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .defaultRollingDisplay.singleCustomRoll .cRTabButtons button{
|
|
color: #41fcf6ad;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="origin-connections"] ~* button[name="act_origin-connections"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="role-connections"] ~* button[name="act_role-connections"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="society-connections"] ~* button[name="act_society-connections"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="extraPath-1-connections"] ~* button[name="act_extraPath-1-connections"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="extraPath-2-connections"] ~* button[name="act_extraPath-2-connections"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="origin-skills"] ~* button[name="act_origin-skills"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="role-skills"] ~* button[name="act_role-skills"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="society-skills"] ~* button[name="act_society-skills"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="extraPath-1-skills"] ~* button[name="act_extraPath-1-skills"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="extraPath-2-skills"] ~* button[name="act_extraPath-2-skills"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="origin-edges"] ~* button[name="act_origin-edges"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="role-edges"] ~* button[name="act_role-edges"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="society-edges"] ~* button[name="act_society-edges"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="extraPath-1-edges"] ~* button[name="act_extraPath-1-edges"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="extraPath-2-edges"] ~* button[name="act_extraPath-2-edges"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="origin-story"] ~* button[name="act_origin-story"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="role-story"] ~* button[name="act_role-story"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="society-story"] ~* button[name="act_society-story"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="extraPath-1-story"] ~* button[name="act_extraPath-1-story"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="extraPath-2-story"] ~* button[name="act_extraPath-2-story"],
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .weaponTabsToggle[value="weapon1-traits"] ~ * button[name="act_weapon1-traits"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .weaponTabsToggle[value="weapon2-traits"] ~ * button[name="act_weapon2-traits"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .weaponTabsToggle[value="weapon3-traits"] ~ * button[name="act_weapon3-traits"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .weaponTabsToggle[value="weapon1-description"] ~ * button[name="act_weapon1-description"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .weaponTabsToggle[value="weapon2-description"] ~ * button[name="act_weapon2-description"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .weaponTabsToggle[value="weapon3-description"] ~ * button[name="act_weapon3-description"],
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .armorTabsToggle[value="armor1-traits"] ~ * button[name="act_armor1-traits"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .armorTabsToggle[value="armor2-traits"] ~ * button[name="act_armor2-traits"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .armorTabsToggle[value="armor3-traits"] ~ * button[name="act_armor3-traits"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .armorTabsToggle[value="armor1-description"] ~ * button[name="act_armor1-description"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .armorTabsToggle[value="armor2-description"] ~ * button[name="act_armor2-description"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .armorTabsToggle[value="armor3-description"] ~ * button[name="act_armor3-description"],
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cRTabsToggle[value="cr01-traits"] ~ * button[name="act_cr01-traits"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cRTabsToggle[value="cr02-traits"] ~ * button[name="act_cr02-traits"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cRTabsToggle[value="cr03-traits"] ~ * button[name="act_cr03-traits"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cRTabsToggle[value="cr01-description"] ~ * button[name="act_cr01-description"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cRTabsToggle[value="cr02-description"] ~ * button[name="act_cr02-description"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cRTabsToggle[value="cr03-description"] ~ * button[name="act_cr03-description"],
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cITabsToggle[value="ci01-traits"] ~ * button[name="act_ci01-traits"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cITabsToggle[value="ci02-traits"] ~ * button[name="act_ci02-traits"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cITabsToggle[value="ci03-traits"] ~ * button[name="act_ci03-traits"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cITabsToggle[value="ci01-description"] ~ * button[name="act_ci01-description"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cITabsToggle[value="ci02-description"] ~ * button[name="act_ci02-description"],
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cITabsToggle[value="ci03-description"] ~ * button[name="act_ci03-description"],
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="origin-connections"] ~* button[name="act_origin-connections"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="role-connections"] ~* button[name="act_role-connections"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="society-connections"] ~* button[name="act_society-connections"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="extraPath-1-connections"] ~* button[name="act_extraPath-1-connections"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="extraPath-2-connections"] ~* button[name="act_extraPath-2-connections"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="origin-skills"] ~* button[name="act_origin-skills"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="role-skills"] ~* button[name="act_role-skills"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="society-skills"] ~* button[name="act_society-skills"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="extraPath-1-skills"] ~* button[name="act_extraPath-1-skills"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="extraPath-2-skills"] ~* button[name="act_extraPath-2-skills"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="origin-edges"] ~* button[name="act_origin-edges"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="role-edges"] ~* button[name="act_role-edges"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="society-edges"] ~* button[name="act_society-edges"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="extraPath-1-edges"] ~* button[name="act_extraPath-1-edges"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="extraPath-2-edges"] ~* button[name="act_extraPath-2-edges"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="origin-story"] ~* button[name="act_origin-story"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="role-story"] ~* button[name="act_role-story"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="society-story"] ~* button[name="act_society-story"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="extraPath-1-story"] ~* button[name="act_extraPath-1-story"],
|
|
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="extraPath-2-story"] ~* button[name="act_extraPath-2-story"],
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .weaponTabsToggle[value="weapon1-traits"] ~ * button[name="act_weapon1-traits"],
|
|
.colorOverHide[value="fulgurtech"] ~* .weaponTabsToggle[value="weapon2-traits"] ~ * button[name="act_weapon2-traits"],
|
|
.colorOverHide[value="fulgurtech"] ~* .weaponTabsToggle[value="weapon3-traits"] ~ * button[name="act_weapon3-traits"],
|
|
.colorOverHide[value="fulgurtech"] ~* .weaponTabsToggle[value="weapon1-description"] ~ * button[name="act_weapon1-description"],
|
|
.colorOverHide[value="fulgurtech"] ~* .weaponTabsToggle[value="weapon2-description"] ~ * button[name="act_weapon2-description"],
|
|
.colorOverHide[value="fulgurtech"] ~* .weaponTabsToggle[value="weapon3-description"] ~ * button[name="act_weapon3-description"],
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .armorTabsToggle[value="armor1-traits"] ~ * button[name="act_armor1-traits"],
|
|
.colorOverHide[value="fulgurtech"] ~* .armorTabsToggle[value="armor2-traits"] ~ * button[name="act_armor2-traits"],
|
|
.colorOverHide[value="fulgurtech"] ~* .armorTabsToggle[value="armor3-traits"] ~ * button[name="act_armor3-traits"],
|
|
.colorOverHide[value="fulgurtech"] ~* .armorTabsToggle[value="armor1-description"] ~ * button[name="act_armor1-description"],
|
|
.colorOverHide[value="fulgurtech"] ~* .armorTabsToggle[value="armor2-description"] ~ * button[name="act_armor2-description"],
|
|
.colorOverHide[value="fulgurtech"] ~* .armorTabsToggle[value="armor3-description"] ~ * button[name="act_armor3-description"],
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .cRTabsToggle[value="cr01-traits"] ~ * button[name="act_cr01-traits"],
|
|
.colorOverHide[value="fulgurtech"] ~* .cRTabsToggle[value="cr02-traits"] ~ * button[name="act_cr02-traits"],
|
|
.colorOverHide[value="fulgurtech"] ~* .cRTabsToggle[value="cr03-traits"] ~ * button[name="act_cr03-traits"],
|
|
.colorOverHide[value="fulgurtech"] ~* .cRTabsToggle[value="cr01-description"] ~ * button[name="act_cr01-description"],
|
|
.colorOverHide[value="fulgurtech"] ~* .cRTabsToggle[value="cr02-description"] ~ * button[name="act_cr02-description"],
|
|
.colorOverHide[value="fulgurtech"] ~* .cRTabsToggle[value="cr03-description"] ~ * button[name="act_cr03-description"],
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .cITabsToggle[value="ci01-traits"] ~ * button[name="act_ci01-traits"],
|
|
.colorOverHide[value="fulgurtech"] ~* .cITabsToggle[value="ci02-traits"] ~ * button[name="act_ci02-traits"],
|
|
.colorOverHide[value="fulgurtech"] ~* .cITabsToggle[value="ci03-traits"] ~ * button[name="act_ci03-traits"],
|
|
.colorOverHide[value="fulgurtech"] ~* .cITabsToggle[value="ci01-description"] ~ * button[name="act_ci01-description"],
|
|
.colorOverHide[value="fulgurtech"] ~* .cITabsToggle[value="ci02-description"] ~ * button[name="act_ci02-description"],
|
|
.colorOverHide[value="fulgurtech"] ~* .cITabsToggle[value="ci03-description"] ~ * button[name="act_ci03-description"]{
|
|
background-color: #001715;
|
|
border-color: #008D88;
|
|
color: #41FCF6;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .singlePath .pathTabContent .pathRelatedEdge,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .singlePath .pathTabContent .pathRelatedEdge{
|
|
margin-bottom: 2px;
|
|
height: 22px;
|
|
width: 100%;
|
|
background: #001715;
|
|
border-color: #008d88;
|
|
border-radius: 0px;
|
|
color: #28ccc7;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pseudoBody .pseudoDisplay .boxPoint,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .pseudoBody .pseudoDisplay .boxPoint{
|
|
border: 1px solid #008d8800;
|
|
width: 63px;
|
|
height: 40px;
|
|
background: #003331;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .boxPoints .boxPointsTitle,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .boxPoints .boxPointsTitle {
|
|
font-weight: normal;
|
|
letter-spacing: 1px;
|
|
margin-top: 3px;
|
|
color: #59fffa;
|
|
font-size: 12px;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .animaRelatedApproaches .boxPoint,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .animaRelatedApproaches .boxPoint{
|
|
background: #001715;
|
|
border: 1px solid #008D88;
|
|
width: 66px;
|
|
height: 40px;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .animaRelatedApproaches .boxPoints .boxPointsTitle,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .animaRelatedApproaches .boxPoints .boxPointsTitle {
|
|
font-weight: normal;
|
|
letter-spacing: 1px;
|
|
margin-top: 3px;
|
|
color: #59fffa;
|
|
font-size: 10px;
|
|
font-family: 'goldman';
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .animaRelatedApproaches .boxPoint,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .animaRelatedApproaches .boxPoint{
|
|
background: #001715;
|
|
border: 1px solid #008D88;
|
|
width: 66px;
|
|
height: 40px;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .animaRelatedApproaches .boxPoints .boxPoint input,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .boxPoints .boxPoint input,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .animaRelatedApproaches .boxPoints .boxPoint input,
|
|
.colorOverHide[value="fulgurtech"] ~ * .boxPoints .boxPoint input{
|
|
color: #33FFF8;
|
|
font-size: 20px;
|
|
font-weight: normal;
|
|
width: 66px;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .animaStartingHP .boxPoints .boxPoint,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .animaStartingHP .boxPoints .boxPoint{
|
|
background: #00ccc5;
|
|
border: 1px solid #008D8800;
|
|
width: 66px;
|
|
height: 28px;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .animaStartingHP .boxPoints .boxPoint input,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .animaStartingHP .boxPoints .boxPoint input::placeholder,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .animaStartingHP .boxPoints .boxPoint input,
|
|
.colorOverHide[value="fulgurtech"] ~ * .animaStartingHP .boxPoints .boxPoint input::placeholder {
|
|
color: #001715;
|
|
font-size: 23px;
|
|
font-weight: bold;
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .inputWeaponTitle,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .inputWeaponTitle{
|
|
opacity: .8;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .inputPathName,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .quantumPower .inputPathName,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .inputWeaponTitle,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponHeader .inputWeaponName,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponHeader .inputWeaponEnhancement,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponHeader .inputWeaponEnhancement + div,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .names input,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .target div,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .traitName,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .traitValue,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay .modifierTitle,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay .modifierValue .modifierAdding,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay .modifierValue .modifierNumber,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .inputPathName,
|
|
.colorOverHide[value="fulgurtech"] ~ * .inputWeaponTitle,
|
|
.colorOverHide[value="fulgurtech"] ~ * .weaponHeader .inputWeaponName,
|
|
.colorOverHide[value="fulgurtech"] ~ * .weaponHeader .inputWeaponEnhancement,
|
|
.colorOverHide[value="fulgurtech"] ~ * .weaponHeader .inputWeaponEnhancement + div,
|
|
.colorOverHide[value="fulgurtech"] ~ * .quantumPower .inputPathName,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .names input,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .target div,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay .modifierTitle,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay .modifierValue .modifierAdding,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRoll .customRollContainer .defaultRollingDisplay .modifierValue .modifierNumber,
|
|
.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber,
|
|
.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .basicModeTitle,
|
|
.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .inputAptitudeModeName,
|
|
.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .inputAptitudeauxiliaryModeName,
|
|
.colorOverHide[value="fulgurtech"] ~ * .basicLabel,
|
|
.colorOverHide[value="fulgurtech"] ~ * .aptitudeModes .aptitudeProxyLevel .aptitudeProxyLevelHeader{
|
|
color: #41FCF6;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .inputPathName::placeholder,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .quantumPower .inputPathName::placeholder,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .inputWeaponTitle::placeholder,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponHeader .inputWeaponName::placeholder,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponHeader .inputWeaponEnhancement::placeholder,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponHeader .inputWeaponEnhancement + div::placeholder,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .names input::placeholder,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber::placeholder,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .target div::placeholder,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .traitName::placeholder,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .traitValue::placeholder,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay .modifierTitle::placeholder,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay .modifierValue .modifierAdding::placeholder,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay .modifierValue .modifierNumber::placeholder,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .inputPathName::placeholder,
|
|
.colorOverHide[value="fulgurtech"] ~ * .inputWeaponTitle::placeholder,
|
|
.colorOverHide[value="fulgurtech"] ~ * .weaponHeader .inputWeaponName::placeholder,
|
|
.colorOverHide[value="fulgurtech"] ~ * .weaponHeader .inputWeaponEnhancement::placeholder,
|
|
.colorOverHide[value="fulgurtech"] ~ * .weaponHeader .inputWeaponEnhancement + div::placeholder,
|
|
.colorOverHide[value="fulgurtech"] ~ * .quantumPower .inputPathName::placeholder,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .names input::placeholder,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber::placeholder,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .target div::placeholder,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName::placeholder,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue::placeholder,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay .modifierTitle::placeholder,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay .modifierValue .modifierAdding::placeholder,
|
|
.colorOverHide[value="fulgurtech"] ~ * .customRoll .customRollContainer .defaultRollingDisplay .modifierValue .modifierNumber::placeholder,
|
|
.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber::placeholder{
|
|
color: #41FCF6;
|
|
opacity: .5;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .characterName,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .targetNumber,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .traitName,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .defaultRollingDisplay.singleCustomRoll .characterName,
|
|
.colorOverHide[value="fulgurtech"] ~ * .defaultRollingDisplay.singleCustomRoll .targetNumber,
|
|
.colorOverHide[value="fulgurtech"] ~ * .defaultRollingDisplay.singleCustomRoll .traitName{
|
|
font-weight: normal;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="1"] ~ div
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponHeader .inputWeaponEnhancement + div {
|
|
opacity: .5;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponTagsSection,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .weaponTagsSection {
|
|
border-color: #008d88;
|
|
background-color: #000000;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * input[type="checkbox"].expander + span::after,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .repcontainer .singlePathContact input[type="checkbox"].expander + span::after,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * input[type="checkbox"].expander + span::after,
|
|
.colorOverHide[value="fulgurtech"] ~ * .repcontainer .singlePathContact input[type="checkbox"].expander + span::after{
|
|
color: #008D88;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .arenaTitle .primaryColorBackground{
|
|
background: #002726;
|
|
color: #56d7d3;
|
|
font-weight: 600;
|
|
border: 1px #27a09b solid;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .skillTricks select,
|
|
.colorOverHide[value="fulgurtech"] ~ * .skillTricks .select-icon,
|
|
.colorOverHide[value="fulgurtech"] ~ * .health select,
|
|
.colorOverHide[value="fulgurtech"] ~ * .health .select-icon,
|
|
.colorOverHide[value="fulgurtech"] ~ * .aspirations select,
|
|
.colorOverHide[value="fulgurtech"] ~ * .aspirations .select-icon {
|
|
background-color: #00403E;
|
|
color: #59fffa;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .injuryValue{
|
|
color: #59fffa
|
|
}
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .pathContactName,
|
|
.colorOverHide[value="fulgurtech"] ~ * .pathContactTag,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singlePathContact .expanderContainer{
|
|
background: #001715;
|
|
border-color: #008d88;
|
|
border-radius: 0px;
|
|
color: #28ccc7;
|
|
}
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .pathContacts .pathContactName:hover,
|
|
.colorOverHide[value="fulgurtech"] ~ * .pathContacts .pathContactName:active,
|
|
.colorOverHide[value="fulgurtech"] ~ * .pathContacts .pathContactName:focus {
|
|
background-color: #002b29;
|
|
border-color: #008d88;
|
|
border-radius: 0px;
|
|
color: #28ccc7;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponDescriptionTab,
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .armorDescriptionTab,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .weaponDescriptionTab,
|
|
.colorOverHide[value="fulgurtech"] ~ * .armorDescriptionTab {
|
|
border-bottom-color: #008D88;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponTag .expandedArea,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .weaponTag .expandedArea{
|
|
max-width: calc(95% - 0px);
|
|
min-width: calc(95% - 0px);
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .armorTag .expandedArea,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .armorTag .expandedArea{
|
|
max-width: calc(95% - 0px);
|
|
min-width: calc(95% - 0px);
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleCustomRoll.defaultRollingDisplay .writingROLL,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleCustomRoll.defaultRollingDisplay .writingROLL{
|
|
color: #001715;
|
|
font-size: 17px;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleCustomRoll.defaultRollingDisplay .numberHider,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .singleCustomRoll.defaultRollingDisplay .numberHider{
|
|
background: rgb(89, 255, 250);
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .circumstExpanded .otherTraits .input-label,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .circumstExpanded .otherTraits .input-label{
|
|
color: #41FCF6;
|
|
transition: 1s;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .circumstExpanded .otherTraits .inputLine,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .circumstExpanded .otherTraits .inputLine{
|
|
border-bottom: 1px solid #008D88;
|
|
color: #24DBD6;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .expanderFlag[value="1"] ~ .megaAttributteExpandedArea {
|
|
border-bottom-color: #27a09b;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .skill .inputLine {
|
|
border-color:rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .arenaTitle .primaryColorBackground,
|
|
.colorOverHide[value="fulgurtech"] ~ * .megaArenaTitle .primaryColorBackground{
|
|
background: #002726;
|
|
color: #56d7d3;
|
|
font-weight: 600;
|
|
border: 1px #27a09b solid;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .skillTricks select,
|
|
.colorOverHide[value="fulgurtech"] ~ * .skillTricks .select-icon,
|
|
.colorOverHide[value="fulgurtech"] ~ * .health select,
|
|
.colorOverHide[value="fulgurtech"] ~ * .health .select-icon,
|
|
.colorOverHide[value="fulgurtech"] ~ * .aspirations select,
|
|
.colorOverHide[value="fulgurtech"] ~ * .aspirations .select-icon,
|
|
.colorOverHide[value="fulgurtech"] ~ * .transformation .traitHeader select,
|
|
.colorOverHide[value="fulgurtech"] ~ * .transformation .traitHeader .select-icon {
|
|
background-color: #00403E;
|
|
color: #59fffa;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .secondaryColorBackground,
|
|
.colorOverHide[value="fulgurtech"] ~ * .secondaryColorBackground
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .injuryValue{
|
|
color: #59fffa
|
|
}
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .pathContactName,
|
|
.colorOverHide[value="fulgurtech"] ~ * .pathContactTag,
|
|
.colorOverHide[value="fulgurtech"] ~ * .singlePathContact .expanderContainer{
|
|
background: #001715;
|
|
border-color: #008d88;
|
|
border-radius: 0px;
|
|
color: #28ccc7;
|
|
}
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .pathContacts .pathContactName:hover,
|
|
.colorOverHide[value="fulgurtech"] ~ * .pathContacts .pathContactName:active,
|
|
.colorOverHide[value="fulgurtech"] ~ * .pathContacts .pathContactName:focus {
|
|
background-color: #002b29;
|
|
border-color: #008d88;
|
|
border-radius: 0px;
|
|
color: #28ccc7;
|
|
}
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .pathContactName:placeholder-shown{
|
|
color: #41fcf6;
|
|
}
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .pathContactName::placeholder{
|
|
color: #41fcf6;
|
|
opacity: .5;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .pathRelatedSkill {
|
|
background: #002f2c;
|
|
border-color: #00fff63d;
|
|
border-radius: 0px;
|
|
color: #41fcf6;
|
|
font-weight: 500;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .buttonsSliderPath a{
|
|
color: #33bbb6;
|
|
border-color: #4b9996;
|
|
border-radius: 0px;
|
|
position: relative;
|
|
padding-top: 3px;
|
|
height: 12px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .line,
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .sourceDots .line {
|
|
border-color: #239591;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .fortes .input-label{
|
|
color: #59fffa;
|
|
font-family: goldman;
|
|
}
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .fortes .forte button{
|
|
width: 26px;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .fortes .forte button span{
|
|
margin-top: 1px;
|
|
height: 7px;
|
|
width: 100%;
|
|
transform: none;
|
|
}
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .aptitude {
|
|
background: #00403e2e;
|
|
border-color: #41fcf652;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .inputAptitudeModeName div{
|
|
margin-bottom: -4px;
|
|
}
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .expanderFlag[value="1"] ~ .aptitudeModeExpandedArea{
|
|
border-top-color: #004846;
|
|
border-bottom-color: #004846;
|
|
}
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .inputAptitudeauxiliaryModeName{
|
|
background-color: transparent;
|
|
border-radius: 0px;
|
|
border-color: #008d88;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ////////////////// PsiadTheme ////////////////// */
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~ .aptitude {
|
|
background: #001e1c;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~ * .TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~ * .basicMode {
|
|
border-color: #008D88;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~* .pathLabel{
|
|
background-color: #59fffa;
|
|
color: black;
|
|
}
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
|
|
background-color: #01423e;
|
|
color: #59fffa;
|
|
border: 1px solid #1daaa5;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input ~* .primaryColorFont,
|
|
.colorOverHide[value="fulgurtech"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
|
|
color:#59fffa;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
|
|
background-color: #01423e;
|
|
color: #2cf7f0;
|
|
border: 1px solid #156562;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="fulgurtech"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
|
|
color:#59fffa;
|
|
}
|
|
|
|
|
|
/* ////////////////// - FIM ANIMA THEME - ////////////////// */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ////////////////// - SYNTHWAVE THEME - ////////////////// */
|
|
|
|
.colorOverHide[value="synthwave"] ~* .summaryButtons{
|
|
align-self: flex-start;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* .logoSynth{
|
|
display: flex;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* .space1 {
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~ .pseudoBody{
|
|
background-image: url("https://www.dropbox.com/s/ezn4aeqiz8ns78j/Background-Synthwave.jpg?raw=1");
|
|
background-attachment: fixed;
|
|
background-position: center 0px;
|
|
font-family: 'Oxanium', cursive;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* .pseudoDisplay{
|
|
background-color: #00000080;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* .pseudoNav{
|
|
background: none;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* .pseudoNav button{
|
|
color: white;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="sheet"] ~* .TCSheet,
|
|
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="equipments"] ~* .TCEquipments,
|
|
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="rolls"] ~* .TCRolls,
|
|
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="combatMode"] ~* .TCCombatMode,
|
|
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="creationMode"] ~* .TCCreationMode,
|
|
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="settings"] ~* .TCSettings,
|
|
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="credits"] ~* .TCCredits {
|
|
/* align-items: center; */
|
|
align-items: stretch;
|
|
}
|
|
|
|
/* change button color */
|
|
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="sheet"] ~* button[name="act_sheet"],
|
|
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="equipments"] ~* button[name="act_equipments"],
|
|
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="rolls"] ~* button[name="act_rolls"],
|
|
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="combatMode"] ~* button[name="act_combatMode"],
|
|
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="creationMode"] ~* button[name="act_creationMode"],
|
|
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="settings"] ~* button[name="act_settings"],
|
|
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="credits"] ~* button[name="act_credits"]{
|
|
background-color: #00000080;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* .logo{
|
|
margin-bottom: -36px;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* .pSection.reader{
|
|
backdrop-filter: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
background: none;
|
|
margin-bottom: -50px;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* .pSection.reader::after{
|
|
display: none;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* .input-label{
|
|
color: white;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* .inputLine{
|
|
color: rgba(255, 255, 255, 0.616);
|
|
border-bottom: 1px solid #ffffff78;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="synthwave"] ~* .pSection .title, .pTwinSection .title{
|
|
padding-top: 10px;
|
|
margin-bottom: 15px;
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="synthwave"] ~* .title.primaryColorBackground,
|
|
.colorOverHide[value="synthwave"] ~* .title2.primaryColorBackground{
|
|
background: none;
|
|
border-bottom: solid 1px #ffffff21;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* .pSection{
|
|
background-color: rgb(31, 0, 251, 0.05);
|
|
box-shadow: 5px 3px 30px black;
|
|
backdrop-filter: blur(6px);
|
|
width: calc(93% - 60px);
|
|
padding-bottom: 38px;
|
|
/* clip-path: polygon(
|
|
0% 51px,
|
|
71px 0%,
|
|
100% 0%,
|
|
100% calc(100% - 51px),
|
|
calc(100% - 70px) 100%,
|
|
0% 100%); */
|
|
border: solid 1px #ffffff1f;
|
|
position: relative;
|
|
align-self: center;
|
|
|
|
}
|
|
|
|
|
|
.colorOverHide[value="synthwave"] ~* .effects{
|
|
filter: blur(10px);
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
z-index: 0;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* .effects::before{
|
|
content: "";
|
|
/* clip-path: polygon(
|
|
11px 50px,
|
|
74px 10px,
|
|
calc(100% - 14px) 10px,
|
|
calc(100% - 15px) calc(100% - 59px),
|
|
calc(100% - 76px) calc(100% - 13px),
|
|
10px calc(100% - 13px),
|
|
11px 50px,
|
|
0px 50px,
|
|
0px calc(100% - 4px),
|
|
calc(100% - 73px) calc(100% - 3px),
|
|
calc(100% - 5px) calc(100% - 54px),
|
|
100% 0px,
|
|
73px 0px,
|
|
0px 50px
|
|
); */
|
|
|
|
|
|
clip-path: polygon(
|
|
8px 50px,
|
|
74px 7px,
|
|
calc(100% - 12px) 7px,
|
|
calc(100% - 11px) calc(100% - 58px),
|
|
calc(100% - 75px) calc(100% - 10px),
|
|
7px calc(100% - 10px),
|
|
8px 50px,
|
|
2px 50px,
|
|
2px calc(100% - 5px),
|
|
calc(100% - 73px) calc(100% - 5px),
|
|
calc(100% - 6px) calc(100% - 53px),
|
|
calc(100% - 6px) 2px,
|
|
73px 2px,
|
|
2px 50px
|
|
);
|
|
|
|
|
|
background: linear-gradient(45deg,
|
|
#ffffff30,
|
|
#ffffff38,
|
|
#ffffff3d,
|
|
#ffffff5e,
|
|
#9584ffc4,
|
|
#ff00e000,
|
|
#de40f5f5,
|
|
#ffffff24,
|
|
#c900ffb0,
|
|
#ffffff24);
|
|
position: absolute;
|
|
margin-left: -30px;
|
|
opacity: 1;
|
|
z-index: -2;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="synthwave"] ~* .pSection::after{
|
|
content: "";
|
|
clip-path: polygon(
|
|
4px 49px,
|
|
73px 5px,
|
|
calc(100% - 9px) 5px,
|
|
calc(100% - 10px) calc(100% - 56px),
|
|
calc(100% - 75px) calc(100% - 8px),
|
|
5px calc(100% - 8px),
|
|
5px 50px,
|
|
4px 50px,
|
|
4px calc(100% - 7px),
|
|
calc(100% - 75px) calc(100% - 7px),
|
|
calc(100% - 9px) calc(100% - 55px),
|
|
calc(100% - 7px) 4px,
|
|
73px 4px,
|
|
5px 47px
|
|
);
|
|
background: linear-gradient(45deg,
|
|
#ffffff30,
|
|
#ffffff38,
|
|
#ffffff3d,
|
|
#ffffff5e,
|
|
#9584ffc4,
|
|
#ff00e000,
|
|
#de40f5f5,
|
|
#ffffff24,
|
|
#c900ffb0,
|
|
#ffffff24);
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
margin-left: -30px;
|
|
z-index: 0;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="synthwave"] ~* .pSection::after,
|
|
.colorOverHide[value="synthwave"] ~* .effects::before{
|
|
background-size: 400%;
|
|
width: calc(100% + 4px);
|
|
height: calc(100% + 4px);
|
|
animation: steam 50s linear infinite;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="synthwave"] ~* .edges,
|
|
.colorOverHide[value="synthwave"] ~* .skillTricks,
|
|
.colorOverHide[value="synthwave"] ~* .conditions,
|
|
.colorOverHide[value="synthwave"] ~* .health{
|
|
position: relative;
|
|
/* background-color: rgb(32 27 66 / 56%); Cristal Precioso*/
|
|
box-shadow: 5px 3px 30px black;
|
|
box-shadow: 5px 3px 30px black;
|
|
padding-bottom: 33px;
|
|
border: solid 1px #ffffff1f;
|
|
padding-top: 15px;
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="synthwave"] ~* .edges .repcontrol,
|
|
.colorOverHide[value="synthwave"] ~* .edges .title2,
|
|
.colorOverHide[value="synthwave"] ~* .skillTricks .repcontrol,
|
|
.colorOverHide[value="synthwave"] ~* .skillTricks .title2,
|
|
.colorOverHide[value="synthwave"] ~* .conditions .repcontrol,
|
|
.colorOverHide[value="synthwave"] ~* .conditions .title2,
|
|
.colorOverHide[value="synthwave"] ~* .health .repcontrol,
|
|
.colorOverHide[value="synthwave"] ~* .health .title2{
|
|
z-index: 1;
|
|
}
|
|
|
|
|
|
.colorOverHide[value="synthwave"] ~* .edges::before,
|
|
.colorOverHide[value="synthwave"] ~* .skillTricks::before,
|
|
.colorOverHide[value="synthwave"] ~* .conditions::before,
|
|
.colorOverHide[value="synthwave"] ~* .health::before{
|
|
content: "";
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
backdrop-filter: blur(10px);
|
|
margin-left: -30px;
|
|
margin-top:-15px
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* .edges::after,
|
|
.colorOverHide[value="synthwave"] ~* .skillTricks::after,
|
|
.colorOverHide[value="synthwave"] ~* .conditions::after,
|
|
.colorOverHide[value="synthwave"] ~* .health::after{
|
|
content: "";
|
|
clip-path: polygon(
|
|
4px 49px,
|
|
73px 5px,
|
|
calc(100% - 9px) 5px,
|
|
calc(100% - 10px) calc(100% - 56px),
|
|
calc(100% - 75px) calc(100% - 8px),
|
|
5px calc(100% - 8px),
|
|
5px 50px,
|
|
4px 50px,
|
|
4px calc(100% - 7px),
|
|
calc(100% - 75px) calc(100% - 7px),
|
|
calc(100% - 9px) calc(100% - 55px),
|
|
calc(100% - 7px) 4px,
|
|
73px 4px,
|
|
5px 47px
|
|
);
|
|
background: linear-gradient(45deg,
|
|
#ffffff30,
|
|
#ffffff38,
|
|
#ffffff3d,
|
|
#ffffff5e,
|
|
#9584ffc4,
|
|
#ff00e000,
|
|
#de40f5f5,
|
|
#ffffff24,
|
|
#c900ffb0,
|
|
#ffffff24);
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
margin-left: -30px;
|
|
z-index: 1;
|
|
margin-top: -15px;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* .edges::after,
|
|
.colorOverHide[value="synthwave"] ~* .skillTricks::after,
|
|
.colorOverHide[value="synthwave"] ~* .conditions::after,
|
|
.colorOverHide[value="synthwave"] ~* .health::after{
|
|
background-size: 400%;
|
|
width: calc(100% + 4px);
|
|
height: calc(100% + 4px);
|
|
animation: steam 50s linear infinite;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* .edges .effects,
|
|
.colorOverHide[value="synthwave"] ~* .skillTricks .effects,
|
|
.colorOverHide[value="synthwave"] ~* .conditions .effects,
|
|
.colorOverHide[value="synthwave"] ~* .health .effects{
|
|
margin-top: -15px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.colorOverHide[value="synthwave"] ~* .secondaryColorBackground{
|
|
background-color: #fce1ff29;
|
|
border-radius: 4px;
|
|
box-shadow: 5px 3px 5px #00000029;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* .title .titleLabel{
|
|
font-family: 'Goldman', cursive;
|
|
font-size: 32px;
|
|
font-weight: 600;
|
|
color: #fff;
|
|
text-shadow: 0 0 25px #0090ff;
|
|
|
|
/* color: #dafffc;
|
|
text-shadow: 0 0 8px #0051ff5e, 0 0 25px #009fff, 0 0 25px #009fff; */
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* .title2 .titleLabel{
|
|
font-family: 'Goldman', cursive;
|
|
font-size: 25px;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
text-shadow: 0 0 25px #0090ff;
|
|
|
|
/* color: #dafffc;
|
|
text-shadow: 0 0 8px #0051ff5e, 0 0 25px #009fff, 0 0 25px #009fff; */
|
|
}
|
|
|
|
|
|
.colorOverHide[value="synthwave"] ~* .dots{
|
|
margin-right: 6px;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="synthwave"] ~* button.dot{
|
|
width: 5px;
|
|
height: 5px;
|
|
margin-top: 7px;
|
|
margin-left: 7px;
|
|
transform: skew(-25deg, 0deg);
|
|
border: solid 1px #ababab69;
|
|
background: #FFFFFF1F;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* button.dot > span{
|
|
min-width: 8px;
|
|
height: 14px;
|
|
margin-top: -8px;
|
|
}
|
|
|
|
|
|
|
|
.colorOverHide[value="synthwave"] ~* button.dot > span{
|
|
left: 0px;
|
|
background: white;
|
|
/* box-shadow: 0 0 8px #0051ff5e, 0 0 25px #009fff, 0 0 25px #009fff; */
|
|
box-shadow: 0 0 5px #0051ff5e, 0 0 7px #009fff, 0 0 5px #009fff;
|
|
transition: none;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* button.dot.gt-5 > span,
|
|
.colorOverHide[value="synthwave"] ~* button.dot.gt-6 > span,
|
|
.colorOverHide[value="synthwave"] ~* button.dot.gt-7 > span,
|
|
.colorOverHide[value="synthwave"] ~* button.dot.gt-8 > span,
|
|
.colorOverHide[value="synthwave"] ~* button.dot.gt-9 > span{
|
|
/* box-shadow: 0 0 8px #ffb3005e, 0 0 25px #ffa200, 0 0 25px #ff9700; */
|
|
box-shadow: 0 0 5px #ffb3005e, 0 0 7px #ffa200, 0 0 5px #ff9700;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* button.dot::before{
|
|
display: none;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* .hexagon,
|
|
.colorOverHide[value="synthwave"] ~* .hexagon::before,
|
|
.colorOverHide[value="synthwave"] ~* .hexagon > span {
|
|
clip-path: unset;
|
|
}
|
|
|
|
.colorOverHide[value="synthwave"] ~* input.dot[value="0"] ~ button.gt-0 > span.checked,
|
|
.colorOverHide[value="synthwave"] ~* input.dot[value="1"] ~ button.gt-1 > span.checked,
|
|
.colorOverHide[value="synthwave"] ~* input.dot[value="2"] ~ button.gt-2 > span.checked,
|
|
.colorOverHide[value="synthwave"] ~* input.dot[value="3"] ~ button.gt-3 > span.checked,
|
|
.colorOverHide[value="synthwave"] ~* input.dot[value="4"] ~ button.gt-4 > span.checked,
|
|
.colorOverHide[value="synthwave"] ~* input.dot[value="5"] ~ button.gt-5 > span.checked,
|
|
.colorOverHide[value="synthwave"] ~* input.dot[value="6"] ~ button.gt-6 > span.checked,
|
|
.colorOverHide[value="synthwave"] ~* input.dot[value="7"] ~ button.gt-7 > span.checked,
|
|
.colorOverHide[value="synthwave"] ~* input.dot[value="8"] ~ button.gt-8 > span.checked,
|
|
.colorOverHide[value="synthwave"] ~* input.dot[value="9"] ~ button.gt-9 > span.checked{
|
|
transform: scale(0);
|
|
transition: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
@keyframes steam {
|
|
0% {
|
|
background-position: 0 0;
|
|
}
|
|
50% {
|
|
background-position: 400% 0;
|
|
}
|
|
100% {
|
|
background-position: 0 0;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* ////////////////// - FIM SYNTHWAVE THEME - ////////////////// */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ############### - TABS - ################ */
|
|
|
|
/*Configure the tab buttons*/
|
|
.TCSheet,
|
|
.TCEquipments,
|
|
.TCRolls,
|
|
.TCCombatMode,
|
|
.TCCreationMode,
|
|
.TCSettings,
|
|
.TCCredits{
|
|
display: none;
|
|
}
|
|
|
|
.pseudoNav{
|
|
height: 30px;
|
|
min-width: 831px;
|
|
margin-bottom: -1px;
|
|
width: calc(100% - 0px);
|
|
transition: 1s;
|
|
}
|
|
|
|
.pseudoNav button{
|
|
background:#E6E6E6;
|
|
border: none;
|
|
font-size: 12px;
|
|
color: #848484;
|
|
flex-grow:1;
|
|
transition: 1s;
|
|
}
|
|
|
|
.pseudoNav button:hover{
|
|
background-color: #f2f2f2;;
|
|
transition: background-color 0.2s;
|
|
}
|
|
|
|
.pseudoNav button:focus{
|
|
outline: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* show the selected tab */
|
|
.tabstoggle[value="sheet"] ~* .TCSheet,
|
|
.tabstoggle[value="equipments"] ~* .TCEquipments,
|
|
.tabstoggle[value="rolls"] ~* .TCRolls,
|
|
.tabstoggle[value="combatMode"] ~* .TCCombatMode,
|
|
.tabstoggle[value="creationMode"] ~* .TCCreationMode,
|
|
.tabstoggle[value="settings"] ~* .TCSettings,
|
|
.tabstoggle[value="credits"] ~* .TCCredits {
|
|
display: flex;
|
|
flex-direction: column;
|
|
transition: 1s;
|
|
min-height: 700px;
|
|
}
|
|
|
|
/* change button color */
|
|
.tabstoggle[value="sheet"] ~* button[name="act_sheet"],
|
|
.tabstoggle[value="equipments"] ~* button[name="act_equipments"],
|
|
.tabstoggle[value="rolls"] ~* button[name="act_rolls"],
|
|
.tabstoggle[value="combatMode"] ~* button[name="act_combatMode"],
|
|
.tabstoggle[value="creationMode"] ~* button[name="act_creationMode"],
|
|
.tabstoggle[value="settings"] ~* button[name="act_settings"],
|
|
.tabstoggle[value="credits"] ~* button[name="act_credits"]{
|
|
background-color: #FBFBFB;
|
|
border: 1px solid;
|
|
border-bottom: none;
|
|
z-index: 1;
|
|
}
|
|
|
|
.tabstoggle[value="sheet"] ~* button[name="act_sheet"],
|
|
.tabstoggle[value="equipments"] ~* button[name="act_equipments"],
|
|
.tabstoggle[value="rolls"] ~* button[name="act_rolls"],
|
|
.tabstoggle[value="combatMode"] ~* button[name="act_combatMode"],
|
|
.tabstoggle[value="creationMode"] ~* button[name="act_creationMode"],
|
|
.tabstoggle[value="settings"] ~* button[name="act_settings"],
|
|
.tabstoggle[value="credits"] ~* button[name="act_credits"],
|
|
.pseudoDisplay{
|
|
border-color: #e3e3e396;
|
|
transition: background-color 1s;
|
|
}
|
|
|
|
|
|
|
|
/* ############### - Fim Tabs - ################ */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ############### - SHEETS - ################ */
|
|
.TCSheet{
|
|
height: 100%;
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
|
|
|
|
/* ++++ - Logo - +++++ */
|
|
.logo{
|
|
margin-top: 63px;
|
|
margin-bottom: 105px;
|
|
}
|
|
|
|
.logoBaseline,
|
|
.logoTalent,
|
|
.logoNova,
|
|
.logoPsion,
|
|
.logoInspired,
|
|
.logoNPC,
|
|
.logoAnima{
|
|
display:none
|
|
}
|
|
|
|
|
|
|
|
|
|
/* ++++ - fim Logo - +++++ */
|
|
|
|
|
|
|
|
/* ++++ - Reader - +++++ */
|
|
.TCSheet .reader{
|
|
flex-direction: row;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.readerTrait{
|
|
display:flex;
|
|
margin-bottom:3px;
|
|
width: 100%;
|
|
}
|
|
|
|
.name,
|
|
.allegiance,
|
|
.concept,
|
|
.attunedTo{
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.aka,
|
|
.tier,
|
|
.level,
|
|
.npc-targetNumber{
|
|
margin-left: 10px;
|
|
width: 73%;
|
|
}
|
|
|
|
.aka{
|
|
width: 40%;
|
|
}
|
|
|
|
.tier{
|
|
width: 62%;
|
|
}
|
|
|
|
.tier .inputLine option{
|
|
color: #5A5A5A;
|
|
text-align: left;;
|
|
}
|
|
|
|
.level{
|
|
width: 59%;
|
|
}
|
|
|
|
.npc-targetNumber{
|
|
width: 43.2%;
|
|
}
|
|
|
|
.tier .inputLine,
|
|
.level .inputLine,
|
|
.npc-targetNumber .inputLine,
|
|
.EquipmentSubType .inputLine{
|
|
text-align: center;
|
|
text-align-last: center;
|
|
/* padding: 0px; */
|
|
}
|
|
|
|
.inputLine option{
|
|
font-style: normal;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.readerTrait .tier .inputLine option.optionTitle{
|
|
font-size: 14px;
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.tier .inputLine option:disabled{
|
|
color:rgb(175, 175, 175);
|
|
}
|
|
|
|
/* ++++ - FIM Reader - +++++ */
|
|
|
|
|
|
|
|
|
|
.pSection .title,
|
|
.pTwinSection .title{
|
|
display:flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: calc(100% - 1px);
|
|
font-size: 35px;
|
|
font-weight: bold;
|
|
height: 45px;
|
|
transition: 1s;
|
|
border: 1px solid rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
.customRepeating .title{
|
|
border-right: none;
|
|
}
|
|
|
|
.pSection .title2,
|
|
.pTwinSection .title2{
|
|
display:flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: calc(100% - 1px);
|
|
font-size: 27px;
|
|
font-weight: bold;
|
|
height: 35px;
|
|
border: 1px solid rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
.customRepeating .title2{
|
|
border-right: none;
|
|
}
|
|
|
|
.selectableTitle .title2{
|
|
border-left: none;
|
|
}
|
|
|
|
/* ++++ - SKILLS - +++++ */
|
|
.skills .title{
|
|
margin-bottom:10px
|
|
}
|
|
|
|
.skill{
|
|
display: flex;
|
|
align-items: center;
|
|
padding-right: 5px;
|
|
height: 25px;
|
|
}
|
|
|
|
.pSection .skill .inputLine{
|
|
font-size: 14px;
|
|
border: none;
|
|
margin-left: 10px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.pSection.skills .sheet-2colrow{
|
|
width: 100%;
|
|
}
|
|
/* ++++ - FIM SKILLS - +++++ */
|
|
|
|
|
|
|
|
/* ++++ - ATTRIBUTE - +++++ */
|
|
|
|
.arenaTitle{
|
|
margin-bottom: -4px;
|
|
z-index: 1;
|
|
position: relative;
|
|
width: 84%;
|
|
margin-left: 16%;
|
|
}
|
|
|
|
.TCAttributes .title{
|
|
margin-bottom:3px;
|
|
}
|
|
|
|
.arenaTitle div,
|
|
.megaArenaTitle div{
|
|
color: white;
|
|
font-size: 10.5px;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
height: 13px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.attribute{
|
|
display: flex;
|
|
align-items: center;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
height: 25px;
|
|
}
|
|
|
|
.megaAttribute{
|
|
display: flex;
|
|
align-items: center;
|
|
/* padding-right: 2%;
|
|
padding-left: 2%; */
|
|
flex-direction: column;
|
|
}
|
|
|
|
.approaches{
|
|
width: 16%;
|
|
}
|
|
|
|
.approaches .input-label{
|
|
margin-left: 7px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.arenas{
|
|
width: 84%;
|
|
outline: solid;
|
|
outline-width:1px;
|
|
}
|
|
|
|
.arena{
|
|
width: 35%;
|
|
}
|
|
|
|
.arena.central{
|
|
border-left: 1px;
|
|
border-right: 1px;
|
|
border-left-style: solid;
|
|
border-right-style: solid;
|
|
}
|
|
|
|
|
|
/* ++++ - FIM ATTRIBUTE - +++++ */
|
|
|
|
|
|
|
|
/* ++++ - MEGA ATTRIBUTE - +++++ */
|
|
.megaArenaTitle{
|
|
margin-bottom: -3px;
|
|
z-index: 1;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
.TCMegaAttributes .title2{
|
|
margin-bottom:4px
|
|
}
|
|
|
|
.megaArenas{
|
|
width: 100%;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
|
|
.megaAttribute .input-label{
|
|
font-size: 16px;
|
|
}
|
|
|
|
.input-label-mega{
|
|
font-size: 14px;
|
|
}
|
|
|
|
.megaAttributeHeader{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding-right: 3%;
|
|
padding-left: 2%;
|
|
width: 96%;
|
|
}
|
|
|
|
.dotsExpander{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.megaAttributeExpander{
|
|
margin-left: 2px;
|
|
margin-right: -13px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.megaAttributteExpandedArea{
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.megaAttributesTagsContainer{
|
|
background: transparent;
|
|
width: calc(100% - 30px);
|
|
height: 145px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.expanderFlag[value="0"] ~ .megaAttributeHeader{
|
|
transition: height 0.3s;
|
|
height: 30px;
|
|
}
|
|
|
|
.expanderFlag[value="1"] ~ .megaAttributeHeader{
|
|
transition: height 0.3s;
|
|
height: 40px;
|
|
}
|
|
|
|
|
|
|
|
.expanderFlag[value="0"] ~ .megaAttributteExpandedArea{
|
|
opacity: 0;
|
|
transition: height 0.3s , opacity 0.3s;
|
|
height: 0px !important;
|
|
margin-bottom: 0px;
|
|
padding-bottom: 0px;
|
|
border-bottom-width: 0px;
|
|
padding-top: 0px;
|
|
margin-top: 0px;
|
|
top: 26px;
|
|
}
|
|
|
|
.expanderFlag[value="1"] ~ .megaAttributteExpandedArea{
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
transition: height 0.3s , opacity 0.3s;
|
|
height: 145px;
|
|
top: 26px;
|
|
border: none;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: #B9B9B9;
|
|
border-bottom-width: 1px;
|
|
}
|
|
|
|
|
|
.megaAttributesTagsContainer .flex.fColumn{
|
|
width: 100%;
|
|
}
|
|
|
|
.megaAttributesTag{
|
|
margin-top: 0px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.megaAttributesTag .inputLine {
|
|
font-size: 14px;
|
|
border-color: #BFBFBF;
|
|
color: #737373;
|
|
min-width: 40%;
|
|
flex-grow: 0;
|
|
margin-top: -2px;
|
|
padding-top: 3px;
|
|
margin-right: -2px;
|
|
}
|
|
|
|
.secondaryColorBackground .megaAttributesTag .inputLine {
|
|
border-color: #6F6F6F;
|
|
color: #5b5b5b;
|
|
}
|
|
|
|
.megaAttributesTag input[type="checkbox"].expander + span::after {
|
|
color: #828282;
|
|
}
|
|
|
|
|
|
.megaAttributesTagsContainer .megaAttributesTag .expandedArea {
|
|
max-width: 21.9%;
|
|
min-width: 21.9%;
|
|
}
|
|
|
|
|
|
.megaAttributesTag .expanderFlagModal[value="0"] ~ .expandedArea,
|
|
.megaAttributesTag .expanderFlagModal[value="1"] ~ .expandedArea{
|
|
top: auto;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.reducedName,
|
|
.completeName{
|
|
display: none;
|
|
}
|
|
|
|
input[value="0"] ~ .completeName,
|
|
input[value="1"] ~ .completeName,
|
|
input[value="2"] ~ .completeName,
|
|
input[value="3"] ~ .completeName,
|
|
input[value="4"] ~ .completeName{
|
|
display: flex;
|
|
}
|
|
|
|
input[value="5"] ~ .reducedName,
|
|
input[value="6"] ~ .reducedName,
|
|
input[value="7"] ~ .reducedName,
|
|
input[value="8"] ~ .reducedName,
|
|
input[value="9"] ~ .reducedName{
|
|
display: flex;
|
|
}
|
|
|
|
.megaAttribute input[value="0"] ~ .input-label,
|
|
.megaAttribute input[value="1"] ~ .input-label,
|
|
.megaAttribute input[value="3"] ~ .input-label,
|
|
.megaAttribute input[value="4"] ~ .input-label{
|
|
width: 158px;
|
|
}
|
|
|
|
.megaAttribute input[value="5"] ~ .input-label,
|
|
.megaAttribute input[value="6"] ~ .input-label,
|
|
.megaAttribute input[value="7"] ~ .input-label,
|
|
.megaAttribute input[value="8"] ~ .input-label,
|
|
.megaAttribute input[value="9"] ~ .input-label{
|
|
width: 94px;
|
|
}
|
|
|
|
|
|
|
|
/* ++++ - MEGA ATTRIBUTE - +++++ */
|
|
|
|
|
|
|
|
/* ++++ - EDGES - +++++ */
|
|
.pTwinSection .edges .title2{
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.edges .repcontainer.editmode .repitem[data-reprowid="----Rep-Edge---ID-00"] .itemcontrol .repcontrol_del,
|
|
.edges .repcontainer.editmode .repitem[data-reprowid="----Rep-Edge---ID-01"] .itemcontrol .repcontrol_del,
|
|
.edges .repcontainer.editmode .repitem[data-reprowid="----Rep-Edge---ID-02"] .itemcontrol .repcontrol_del,
|
|
.edges .repcontainer.editmode .repitem[data-reprowid="----Rep-Edge---ID-03"] .itemcontrol .repcontrol_del,
|
|
.edges .repcontainer.editmode .repitem[data-reprowid="----Rep-Edge---ID-04"] .itemcontrol .repcontrol_del,
|
|
.edges .repcontainer.editmode .repitem[data-reprowid="----Rep-Edge---ID-05"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
/* ++++ - FIM EDGES - +++++ */
|
|
|
|
|
|
|
|
/* ++++ - SkillTricks - +++++ */
|
|
.pTwinSection .skillTricks .title2{
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.skillTricks .repcontainer.editmode .repitem[data-reprowid="----Rep-SkiTri-ID-00"] .itemcontrol .repcontrol_del,
|
|
.skillTricks .repcontainer.editmode .repitem[data-reprowid="----Rep-SkiTri-ID-01"] .itemcontrol .repcontrol_del,
|
|
.skillTricks .repcontainer.editmode .repitem[data-reprowid="----Rep-SkiTri-ID-02"] .itemcontrol .repcontrol_del,
|
|
.skillTricks .repcontainer.editmode .repitem[data-reprowid="----Rep-SkiTri-ID-03"] .itemcontrol .repcontrol_del,
|
|
.skillTricks .repcontainer.editmode .repitem[data-reprowid="----Rep-SkiTri-ID-04"] .itemcontrol .repcontrol_del,
|
|
.skillTricks .repcontainer.editmode .repitem[data-reprowid="----Rep-SkiTri-ID-05"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
/* ++++ - FIM SkillTricks - +++++ */
|
|
|
|
/* ++++ - Inspiration *TALENTS - +++++ */
|
|
|
|
|
|
.inspiration .sourceExpended{
|
|
margin-top:18px;
|
|
}
|
|
|
|
|
|
|
|
.facets .title2{
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.facet{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.facet .line{
|
|
margin-top: 15px;
|
|
}
|
|
|
|
|
|
|
|
.TCGifts .title2{
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.TCGifts .repcontainer.editmode .repitem[data-reprowid="----Rep-Gift---ID-00"] .itemcontrol .repcontrol_del,
|
|
.TCGifts .repcontainer.editmode .repitem[data-reprowid="----Rep-Gift---ID-01"] .itemcontrol .repcontrol_del,
|
|
.TCGifts .repcontainer.editmode .repitem[data-reprowid="----Rep-Gift---ID-02"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
|
|
.TCGifts .expandedArea{
|
|
max-width: calc(45% - 17px);
|
|
min-width: calc(45% - 17px);
|
|
}
|
|
|
|
/* ++++ - Fim Inspiration *TALENTS - +++++ */
|
|
|
|
|
|
/* ++++ - Quantum Powers *NOVA - +++++ */
|
|
|
|
|
|
|
|
|
|
|
|
.quantumFluxName,
|
|
.temporaryName{
|
|
display: none;
|
|
}
|
|
|
|
.titleSelected[value="TRANSCENDENCE"] ~* .quantumFluxName{
|
|
display:block;
|
|
}
|
|
|
|
.titleSelected[value="TAINT"] ~* .temporaryName{
|
|
display:block;
|
|
}
|
|
|
|
|
|
.transcendence .sourceDots{
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.transcendence .sourceDots .divisor{
|
|
margin-top: 9px;
|
|
margin-bottom: 13px;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* MEGA EDGES*/
|
|
.TCMegaEdges .title2{
|
|
margin-bottom: 3px;
|
|
|
|
}
|
|
|
|
.megaEdge{
|
|
margin-top: 7px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #B9B9B9;
|
|
}
|
|
|
|
/* .TCSheet .TCMegaEdges .mega-edge .megaEdge.secondaryColorBackground{
|
|
background-color: #ececec;
|
|
} */
|
|
|
|
.megaEdge .traitHeader{
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
width: initial;
|
|
align-items: center;
|
|
}
|
|
|
|
|
|
|
|
.megaEdgeTypeExtension {
|
|
display: none;
|
|
align-items: baseline;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
input[value="technique"] ~* .megaEdgeTypeExtension,
|
|
input[value="variation"] ~* .megaEdgeTypeExtension,
|
|
input[value="component"] ~* .megaEdgeTypeExtension{
|
|
display: flex;
|
|
}
|
|
|
|
.megaEdgeTypeExtension div{
|
|
font-size: 12px;
|
|
color: #5E5E5E;
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
padding-top: 2px;
|
|
margin-right: 3px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
|
|
.megaEdgeTypeAndExpander .megaEdgeTypeExtension .inputPathName[name="attr_megaedgetypeextension-1"],
|
|
.megaEdgeTypeAndExpander .megaEdgeTypeExtension .inputPathName[name="attr_megaedgetypeextension-2"] {
|
|
font-size: 12px;
|
|
color: #5E5E5E;
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
width: 194px;
|
|
height: 13px;
|
|
}
|
|
|
|
|
|
|
|
|
|
.megaEdgeTypeAndExpander,
|
|
.megaEdgeNameAndDots{
|
|
width: 100%;
|
|
}
|
|
|
|
.megaEdge .pathLabel{
|
|
margin: 0px;
|
|
margin-top: 5px;
|
|
margin-left: -6px;
|
|
margin-bottom: 5px;
|
|
height: 18px;
|
|
appearance: none;
|
|
font-size: 12px;
|
|
padding-top: 0px;
|
|
padding-right: 2px;
|
|
padding-bottom: 1px;
|
|
padding-left: 2px;
|
|
background: #D1D1D1;
|
|
border-radius: 0px;
|
|
border: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
.megaEdge .inputPathName:hover,
|
|
.megaEdge .inputPathName:active,
|
|
.megaEdge .inputPathName:focus{
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.megaEdge .inputPathName:placeholder-shown{
|
|
background-color: transparent;
|
|
border: none;
|
|
border-bottom: 1px solid #a6a6a6;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.megaEdge .traitHeader .dots{
|
|
padding: 0px;
|
|
padding-top: 3px;
|
|
}
|
|
|
|
.megaEdgeExpandedArea{
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
|
|
.expanderFlag[value="0"] ~ .megaEdge{
|
|
margin-bottom: 0px;
|
|
transition: margin-bottom 0.3s;
|
|
}
|
|
|
|
.expanderFlag[value="1"] ~ .megaEdge{
|
|
margin-bottom: 17px;
|
|
transition: margin-bottom 0.3s;
|
|
|
|
}
|
|
|
|
|
|
|
|
.expanderFlag[value="0"] ~ .megaEdge .traitHeader{
|
|
transition: height 0.3s;
|
|
height: 65px;
|
|
}
|
|
|
|
.expanderFlag[value="1"] ~ .megaEdge .traitHeader{
|
|
transition: height 0.3s;
|
|
height: 67px;
|
|
}
|
|
|
|
|
|
|
|
.expanderFlag[value="0"] ~* .megaEdgeExpandedArea{
|
|
opacity: 0;
|
|
transition: height 0.3s , opacity 0.3s;
|
|
height: 0px !important;
|
|
margin-bottom: 0px;
|
|
padding-bottom: 0px;
|
|
border-bottom-width: 0px;
|
|
padding-top: 0px;
|
|
margin-top: 0px;
|
|
top: 26px;
|
|
|
|
}
|
|
|
|
.expanderFlag[value="1"] ~* .megaEdgeExpandedArea{
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
transition: height 0.3s , opacity 0.3s;
|
|
margin-bottom: 10px;
|
|
top: 26px;
|
|
height: 347px;
|
|
|
|
}
|
|
|
|
.megaEdgeTabButtons .secondaryColorBackground {
|
|
transition: background-color 0s;
|
|
}
|
|
|
|
.megaEdgeTabButtons{
|
|
width: 95%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
.megaEdgeTabButtons button{
|
|
border: none;
|
|
font-size: 12px;
|
|
color: #00000085;
|
|
transition: background-color 0s;
|
|
width: 50%;
|
|
border: solid;
|
|
border-width: 1px;
|
|
border-color:#ffffff00;
|
|
border-bottom: none;
|
|
background-color: unset;
|
|
|
|
}
|
|
|
|
.megaEdgeTabButtons button:hover{
|
|
background-color: #0000000a;
|
|
transition: background-color 0s;
|
|
}
|
|
|
|
.megaEdgeTabButtons button:focus{
|
|
outline: none;
|
|
}
|
|
|
|
.megaEdgeTraitsTab,
|
|
.megaEdgeDescriptionTab{
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
/* show the selected tab */
|
|
.megaEdgeTabsToggle[value="mega-edge-1-traits"] ~* .megaEdgeTraitsTab,
|
|
.megaEdgeTabsToggle[value="mega-edge-1-description"] ~* .megaEdgeDescriptionTab,
|
|
.megaEdgeTabsToggle[value="mega-edge-2-traits"] ~* .megaEdgeTraitsTab,
|
|
.megaEdgeTabsToggle[value="mega-edge-2-description"] ~* .megaEdgeDescriptionTab{
|
|
display: flex;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* change button color */
|
|
.megaEdgeTabsToggle[value="mega-edge-1-traits"] ~* button[name="act_mega-edge-1-traits"],
|
|
.megaEdgeTabsToggle[value="mega-edge-1-description"] ~* button[name="act_mega-edge-1-description"],
|
|
.megaEdgeTabsToggle[value="mega-edge-2-traits"] ~* button[name="act_mega-edge-2-traits"],
|
|
.megaEdgeTabsToggle[value="mega-edge-2-description"] ~* button[name="act_mega-edge-2-description"]{
|
|
background-color: #F5F6F7;
|
|
border: solid;
|
|
border-width: 1px;
|
|
border-color:#B9B9B9;
|
|
border-bottom: none;
|
|
color: #757575;
|
|
padding-bottom: 2px;
|
|
padding-top: 1px;
|
|
}
|
|
|
|
.megaEdgeTabContent{
|
|
height: 314px;
|
|
background-color:#F5F6F7;
|
|
border-top: solid;
|
|
border-top-width: 1px;
|
|
border-top-color:#B9B9B9;
|
|
border-bottom: solid;
|
|
border-bottom-width: 1px;
|
|
border-bottom-color:#B9B9B9;
|
|
padding-top:10px;
|
|
}
|
|
|
|
.megaEdgeTraitsHeader{
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
height: 48px;
|
|
}
|
|
|
|
.megaEdgeTraitColumn1{
|
|
margin-right: 4.425%;
|
|
}
|
|
|
|
.megaEdgeTraitColumn1{
|
|
width: 115%;
|
|
}
|
|
|
|
.megaEdgeTraitsTab .readerTrait,
|
|
.megaEdgeDescriptionTab .readerTrait{
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
|
|
.megaEdgeTraitsTab .input-label,
|
|
.megaEdgeDescriptionTab .input-label{
|
|
font-size: 14px;
|
|
color: #464646;
|
|
}
|
|
|
|
.megaEdgeTraitsTab .inputLine {
|
|
font-size: 14px;
|
|
border-color: #BFBFBF;
|
|
color: #737373;
|
|
text-align: end;
|
|
min-width: 40%;
|
|
flex-grow: 0;
|
|
padding-right: 3%;
|
|
/* margin-top: -2px; */
|
|
margin-top: -3px;
|
|
padding-top: 3px;
|
|
margin-right: -2px;
|
|
}
|
|
|
|
.megaEdgeTagsContainer{
|
|
background: #FBFBFB;
|
|
width: calc(100% - 30px);
|
|
height: 260px;
|
|
border: none;
|
|
border-top-style: solid;
|
|
border-top-color: #B9B9B9;
|
|
border-top-width: 1px;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: #B9B9B9;
|
|
border-bottom-width: 1px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.megaEdgeTagsColumn1{
|
|
margin-right: 4.425%;
|
|
}
|
|
|
|
.megaEdgeTagsColumn1,
|
|
.megaEdgeTagsColumn2{
|
|
width: 50%;
|
|
}
|
|
|
|
|
|
.megaEdgeTag{
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.megaEdgeTag .traitHeader {
|
|
padding: 0px;
|
|
}
|
|
|
|
.megaEdgeTagsContainer .flex.fColumn .megaEdgeTag .traitHeader{
|
|
height: auto;
|
|
}
|
|
|
|
.megaEdgeTagsContainer .megaEdgeTag .inputLine {
|
|
text-align: center;
|
|
}
|
|
|
|
.megaEdgeTagsContainer .megaEdgeTagsColumn1 .megaEdgeTag .expandedArea {
|
|
max-width: calc(45% - 50px);
|
|
min-width: calc(45% - 50px);
|
|
}
|
|
|
|
.megaEdgeTagsContainer .megaEdgeTagsColumn2 .megaEdgeTag .expandedArea {
|
|
max-width: calc(45% - 50px);
|
|
min-width: calc(45% - 50px);
|
|
left: 17px;
|
|
}
|
|
|
|
|
|
.megaEdge.secondary .megaEdgeTagsContainer .megaEdgeTagsColumn2 .megaEdgeTag .expandedArea {
|
|
max-width: calc(45% - 50px);
|
|
min-width: calc(45% - 50px);
|
|
right: 16px;
|
|
left: initial;
|
|
}
|
|
|
|
|
|
.megaEdgeTag .expanderFlagModal[value="0"] ~ .expandedArea,
|
|
.megaEdgeTag .expanderFlagModal[value="1"] ~ .expandedArea{
|
|
top: auto;
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.megaEdgeTag input[type="checkbox"].expander + span::after {
|
|
color: #828282;
|
|
}
|
|
|
|
.megaEdgeTag .traitHeader{
|
|
position: relative;
|
|
}
|
|
|
|
.megaEdgeDescriptionTab{
|
|
height: 90%;
|
|
padding: 10px;
|
|
}
|
|
|
|
.megaEdgeDescriptionTab .readerTrait textarea {
|
|
min-height: 100%;
|
|
max-height: 100%;
|
|
}
|
|
|
|
.mega-edge .repcontainer.editmode .repitem[data-reprowid="----Rep-MEdg---ID-00"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
/* FIM MEGA EDGES */
|
|
|
|
|
|
|
|
|
|
/* TRANSFORMATIONS */
|
|
|
|
.transformation .titleSelectInputContainer,
|
|
.transformation .title2,
|
|
.transformation .repcontrol{
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.titleSelected[value='TRANSFORMATIONS'] ~* .inputTitle{
|
|
margin-left: -10px;
|
|
}
|
|
|
|
.pTwinSection .transformation .title2{
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.TCTransformation .repcontainer.editmode .repitem[data-reprowid="----Rep-TRANSF-ID-00"] .itemcontrol .repcontrol_del,
|
|
.TCTransformation .repcontainer.editmode .repitem[data-reprowid="----Rep-TRANSF-ID-01"] .itemcontrol .repcontrol_del,
|
|
.TCTransformation .repcontainer.editmode .repitem[data-reprowid="----Rep-TRANSF-ID-02"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
|
|
.TCTransformation .expandedArea{
|
|
max-width: 42.8%;
|
|
min-width: 42.8%;
|
|
}
|
|
|
|
/*FIM TRANSFORMATIONS*/
|
|
|
|
|
|
/*QUANTUM POWER*/
|
|
.TCQuantumPowers .title2{
|
|
margin-bottom: 3px;
|
|
|
|
}
|
|
|
|
.quantumPower{
|
|
margin-top: 7px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #B9B9B9;
|
|
}
|
|
|
|
.quantumPower .traitHeader{
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
width: initial;
|
|
align-items: center;
|
|
}
|
|
|
|
.quantumPowerTypeAndExpander,
|
|
.quantumPowerNameAndDots{
|
|
width: 100%;
|
|
}
|
|
|
|
.quantumPower .pathLabel{
|
|
margin: 0px;
|
|
margin-top: 5px;
|
|
margin-left: -6px;
|
|
margin-bottom: 5px;
|
|
height: 18px;
|
|
appearance: none;
|
|
font-size: 12px;
|
|
padding-top: 0px;
|
|
padding-right: 2px;
|
|
padding-bottom: 1px;
|
|
padding-left: 2px;
|
|
background: #D1D1D1;
|
|
border-radius: 0px;
|
|
border: none;
|
|
}
|
|
|
|
|
|
.powerTypeExtension {
|
|
display: none;
|
|
align-items: baseline;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
input[value="technique"] ~* .powerTypeExtension,
|
|
input[value="variation"] ~* .powerTypeExtension,
|
|
input[value="component"] ~* .powerTypeExtension{
|
|
display: flex;
|
|
}
|
|
|
|
.powerTypeExtension div{
|
|
font-size: 12px;
|
|
color: #5E5E5E;
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
padding-top: 2px;
|
|
margin-right: 3px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
|
|
.quantumPowerTypeAndExpander .powerTypeExtension .inputPathName[name="attr_powertypeextension-1"],
|
|
.quantumPowerTypeAndExpander .powerTypeExtension .inputPathName[name="attr_powertypeextension-2"] {
|
|
font-size: 12px;
|
|
color: #5E5E5E;
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
width: 194px;
|
|
height: 14px;
|
|
}
|
|
|
|
|
|
|
|
|
|
.quantumPower .inputPathName:hover,
|
|
.quantumPower .inputPathName:active,
|
|
.quantumPower .inputPathName:focus{
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.quantumPower .inputPathName:placeholder-shown{
|
|
background-color: transparent;
|
|
border: none;
|
|
border-bottom: 1px solid #a6a6a6;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.quantumPower .traitHeader .dots{
|
|
padding: 0px;
|
|
padding-top: 3px;
|
|
}
|
|
|
|
.quantumPowerExpandedArea{
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
|
|
.expanderFlag[value="0"] ~ .quantumPower{
|
|
margin-bottom: 0px;
|
|
transition: margin-bottom 0.3s;
|
|
}
|
|
|
|
.expanderFlag[value="1"] ~ .quantumPower{
|
|
margin-bottom: 17px;
|
|
transition: margin-bottom 0.3s;
|
|
|
|
}
|
|
|
|
|
|
|
|
.expanderFlag[value="0"] ~ .quantumPower .traitHeader{
|
|
transition: height 0.3s;
|
|
height: 65px;
|
|
}
|
|
|
|
.expanderFlag[value="1"] ~ .quantumPower .traitHeader{
|
|
transition: height 0.3s;
|
|
height: 67px;
|
|
}
|
|
|
|
|
|
|
|
.expanderFlag[value="0"] ~* .quantumPowerExpandedArea{
|
|
opacity: 0;
|
|
transition: height 0.3s , opacity 0.3s;
|
|
height: 0px !important;
|
|
margin-bottom: 0px;
|
|
padding-bottom: 0px;
|
|
border-bottom-width: 0px;
|
|
padding-top: 0px;
|
|
margin-top: 0px;
|
|
top: 26px;
|
|
|
|
}
|
|
|
|
.expanderFlag[value="1"] ~* .quantumPowerExpandedArea{
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
transition: height 0.3s , opacity 0.3s;
|
|
margin-bottom: 10px;
|
|
top: 26px;
|
|
height: 380px;
|
|
|
|
}
|
|
|
|
.quantumPowerTabButtons .secondaryColorBackground {
|
|
transition: background-color 0s;
|
|
}
|
|
|
|
.quantumPowerTabButtons{
|
|
width: 95%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
.quantumPowerTabButtons button{
|
|
border: none;
|
|
font-size: 12px;
|
|
color: #00000085;
|
|
transition: background-color 0s;
|
|
width: 50%;
|
|
border: solid;
|
|
border-width: 1px;
|
|
border-color:#ffffff00;
|
|
border-bottom: none;
|
|
background-color: unset;
|
|
|
|
}
|
|
|
|
.quantumPowerTabButtons button:hover{
|
|
background-color: #0000000a;
|
|
transition: background-color 0s;
|
|
}
|
|
|
|
.quantumPowerTabButtons button:focus{
|
|
outline: none;
|
|
}
|
|
|
|
.quantumPowerTraitsTab,
|
|
.quantumPowerDescriptionTab{
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
/* show the selected tab */
|
|
.quantumPowerTabsToggle[value="quantum-power-1-traits"] ~* .quantumPowerTraitsTab,
|
|
.quantumPowerTabsToggle[value="quantum-power-1-description"] ~* .quantumPowerDescriptionTab,
|
|
.quantumPowerTabsToggle[value="quantum-power-2-traits"] ~* .quantumPowerTraitsTab,
|
|
.quantumPowerTabsToggle[value="quantum-power-2-description"] ~* .quantumPowerDescriptionTab{
|
|
display: flex;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* change button color */
|
|
.quantumPowerTabsToggle[value="quantum-power-1-traits"] ~* button[name="act_quantum-power-1-traits"],
|
|
.quantumPowerTabsToggle[value="quantum-power-1-description"] ~* button[name="act_quantum-power-1-description"],
|
|
.quantumPowerTabsToggle[value="quantum-power-2-traits"] ~* button[name="act_quantum-power-2-traits"],
|
|
.quantumPowerTabsToggle[value="quantum-power-2-description"] ~* button[name="act_quantum-power-2-description"]{
|
|
background-color: #F5F6F7;
|
|
border: solid;
|
|
border-width: 1px;
|
|
border-color:#B9B9B9;
|
|
border-bottom: none;
|
|
color: #757575;
|
|
padding-bottom: 2px;
|
|
padding-top: 1px;
|
|
}
|
|
|
|
.quantumPowerTabContent{
|
|
height: 347px;
|
|
background-color:#F5F6F7;
|
|
border-top: solid;
|
|
border-top-width: 1px;
|
|
border-top-color:#B9B9B9;
|
|
border-bottom: solid;
|
|
border-bottom-width: 1px;
|
|
border-bottom-color:#B9B9B9;
|
|
padding-top:10px;
|
|
}
|
|
|
|
.quantumPowerTraitsHeader{
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
height: 96px;
|
|
}
|
|
|
|
.quantumPowerTraitColumn1{
|
|
margin-right: 4.425%;
|
|
}
|
|
|
|
.quantumPowerTraitColumn1,
|
|
.quantumPowerTraitColumn2{
|
|
width: 50%;
|
|
}
|
|
|
|
.quantumPowerTraitsTab .readerTrait,
|
|
.quantumPowerDescriptionTab .readerTrait{
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
|
|
.quantumPowerTraitsTab .input-label,
|
|
.quantumPowerDescriptionTab .input-label{
|
|
font-size: 14px;
|
|
color: #464646;
|
|
}
|
|
|
|
.quantumPowerTraitsTab .inputLine {
|
|
font-size: 14px;
|
|
border-color: #BFBFBF;
|
|
color: #737373;
|
|
text-align: end;
|
|
min-width: 40%;
|
|
flex-grow: 0;
|
|
padding-right: 3%;
|
|
/* margin-top: -2px; */
|
|
margin-top: -3px;
|
|
padding-top: 3px;
|
|
margin-right: -2px;
|
|
}
|
|
|
|
.quantumPowerTagsContainer{
|
|
background: #FBFBFB;
|
|
width: calc(100% - 30px);
|
|
height: 265px;
|
|
border: none;
|
|
border-top-style: solid;
|
|
border-top-color: #B9B9B9;
|
|
border-top-width: 1px;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: #B9B9B9;
|
|
border-bottom-width: 1px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.quantumPowerTagsColumn1{
|
|
margin-right: 4.425%;
|
|
}
|
|
|
|
.quantumPowerTagsColumn1,
|
|
.quantumPowerTagsColumn2{
|
|
width: 50%;
|
|
}
|
|
|
|
|
|
.quantumPowerTag{
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.quantumPowerTag .traitHeader {
|
|
padding: 0px;
|
|
}
|
|
|
|
.quantumPowerTagsContainer .flex.fColumn .quantumPowerTag .traitHeader{
|
|
height: auto;
|
|
}
|
|
|
|
.quantumPowerTagsContainer .quantumPowerTag .inputLine {
|
|
text-align: center;
|
|
}
|
|
|
|
.quantumPowerTagsContainer .quantumPowerTagsColumn1 .quantumPowerTag .expandedArea {
|
|
max-width: calc(45% - 50px);
|
|
min-width: calc(45% - 50px);
|
|
}
|
|
|
|
.quantumPowerTagsContainer .quantumPowerTagsColumn2 .quantumPowerTag .expandedArea {
|
|
max-width: calc(45% - 50px);
|
|
min-width: calc(45% - 50px);
|
|
left: 17px;
|
|
}
|
|
|
|
|
|
.quantumPower.secondary .quantumPowerTagsContainer .quantumPowerTagsColumn2 .quantumPowerTag .expandedArea {
|
|
max-width: calc(45% - 50px);
|
|
min-width: calc(45% - 50px);
|
|
right: 16px;
|
|
left: initial;
|
|
}
|
|
|
|
|
|
.quantumPowerTag .expanderFlagModal[value="0"] ~ .expandedArea,
|
|
.quantumPowerTag .expanderFlagModal[value="1"] ~ .expandedArea{
|
|
top: auto;
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.quantumPowerTag input[type="checkbox"].expander + span::after {
|
|
color: #828282;
|
|
}
|
|
|
|
.quantumPowerTag .traitHeader{
|
|
position: relative;
|
|
}
|
|
|
|
.quantumPowerDescriptionTab{
|
|
height: 90%;
|
|
padding: 10px;
|
|
}
|
|
|
|
.quantumPowerDescriptionTab .readerTrait textarea {
|
|
min-height: 100%;
|
|
max-height: 100%;
|
|
}
|
|
|
|
.quantum-power .repcontainer.editmode .repitem[data-reprowid="----Rep-QPwr---ID-00"] .itemcontrol .repcontrol_del,
|
|
.quantum-power .repcontainer.editmode .repitem[data-reprowid="----Rep-QPwr---ID-01"] .itemcontrol .repcontrol_del,
|
|
.quantum-power .repcontainer.editmode .repitem[data-reprowid="----Rep-QPwr---ID-02"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* ++++ - Fim Quantum Powers *NOVA - +++++ */
|
|
|
|
|
|
|
|
/* Superior Atributtes */
|
|
.selectedTier[value="superior"] ~* .arenaTitle{
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
.fortes.arenas{
|
|
position: relative;
|
|
width: 84%;
|
|
margin-left: 16%;
|
|
background-color: #D2D2D2;
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
|
|
.pseudoDisplay .TCAttributes .fortes .forte.arena.central{
|
|
border-left-style:solid;
|
|
border-right-style:solid;
|
|
}
|
|
|
|
.pseudoDisplay .TCAttributes .fortes .forte.arena{
|
|
display: flex;
|
|
align-items: center;
|
|
width: 33.33%;
|
|
justify-content: center;
|
|
border-style:none;
|
|
}
|
|
|
|
|
|
.forte.arena .input-label{
|
|
color:white;
|
|
font-size: 10.5px;
|
|
padding-left: 3px;
|
|
height: 16px;
|
|
display: flex;
|
|
align-items: center;
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
|
|
.forte button.dot{
|
|
background-color: #26262600;
|
|
}
|
|
|
|
.forte button.dot:hover {
|
|
transform: scale(1.2);
|
|
}
|
|
|
|
.forte button.dot::before{
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.forte button.dot > span{
|
|
transform: scale(0.7);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Fim Superior Atributtes */
|
|
|
|
|
|
|
|
/* Superior Power */
|
|
|
|
.TCSuperiorPowers .title2{
|
|
margin-bottom: 3px;
|
|
|
|
}
|
|
|
|
.superiorPower{
|
|
margin-top: 7px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #B9B9B9;
|
|
}
|
|
|
|
.superiorPower .traitHeader{
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
width: initial;
|
|
align-items: center;
|
|
}
|
|
|
|
|
|
.superiorPower .pathLabel{
|
|
margin: 0px;
|
|
margin-top: 5px;
|
|
margin-left: -6px;
|
|
margin-bottom: 5px;
|
|
height: 15px;
|
|
appearance: none;
|
|
font-size: 12px;
|
|
padding-top: 0px;
|
|
padding-right: 2px;
|
|
padding-bottom: 1px;
|
|
padding-left: 2px;
|
|
background: #D1D1D1;
|
|
border-radius: 0px;
|
|
border: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
.superiorPower .inputPathName:hover,
|
|
.superiorPower .inputPathName:active,
|
|
.superiorPower .inputPathName:focus{
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.superiorPower .inputPathName:hover,
|
|
.superiorPower .inputPathName:active,
|
|
.superiorPower .inputPathName:focus{
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.superiorPower .inputPathName:placeholder-shown{
|
|
background-color: transparent;
|
|
border: none;
|
|
border-bottom: 1px solid #a6a6a6;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.superiorPower .traitHeader .dots{
|
|
padding: 0px;
|
|
padding-top: 3px;
|
|
}
|
|
|
|
.megaEdgeExpandedArea{
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
|
|
.expanderFlag[value="0"] ~ .superiorPower{
|
|
margin-bottom: 0px;
|
|
transition: margin-bottom 0.3s;
|
|
}
|
|
|
|
.expanderFlag[value="1"] ~ .superiorPower{
|
|
margin-bottom: 17px;
|
|
transition: margin-bottom 0.3s;
|
|
|
|
}
|
|
|
|
|
|
|
|
.expanderFlag[value="0"] ~ .superiorPower .traitHeader{
|
|
transition: height 0.3s;
|
|
height: 65px;
|
|
}
|
|
|
|
.expanderFlag[value="1"] ~ .superiorPower .traitHeader{
|
|
transition: height 0.3s;
|
|
height: 67px;
|
|
}
|
|
|
|
|
|
.superior .megaEdgeTabContent{
|
|
height: 323px;
|
|
}
|
|
|
|
|
|
.superior .megaEdgeDescriptionTab {
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.superior .megaEdgeTraitColumn1 {
|
|
width: 115%;
|
|
height: 48px;
|
|
}
|
|
|
|
.superior .megaEdgeTraitsHeader{
|
|
padding: 0px;
|
|
}
|
|
|
|
.superior .megaEdgeTabContent .inputLine {
|
|
font-size: 14px;
|
|
border-color: #BFBFBF;
|
|
color: #737373;
|
|
text-align: center;
|
|
width: 40%;
|
|
flex-grow: 0;
|
|
padding-right: 3%;
|
|
margin-top: -2px;
|
|
margin-top: -3px;
|
|
padding-top: 3px;
|
|
margin-right: -2px;
|
|
}
|
|
|
|
.superior .megaEdgeDescriptionTab .readerTrait textarea {
|
|
min-height: 255px;
|
|
max-height: 255px;
|
|
}
|
|
|
|
.superior .megaEdgeTabContent{
|
|
height: 323px;
|
|
display: flex;
|
|
}
|
|
|
|
.superior .expanderFlag[value="1"] ~ * .megaEdgeExpandedArea {
|
|
height: 335px;
|
|
}
|
|
|
|
.TCSuperiorPowers .repcontainer.editmode .repitem[data-reprowid="----Rep-SPwr---ID-00"] .itemcontrol .repcontrol_del,
|
|
.TCSuperiorPowers .repcontainer.editmode .repitem[data-reprowid="----Rep-SPwr---ID-01"] .itemcontrol .repcontrol_del,
|
|
.TCSuperiorPowers .repcontainer.editmode .repitem[data-reprowid="----Rep-SPwr---ID-02"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
/* Fim Superior Power*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ++++ - PSI Powers *PSION - +++++ */
|
|
|
|
/* PSI */
|
|
.psi .sourceDots{
|
|
margin-top: 18px;
|
|
}
|
|
|
|
.psi .sourceDots .sourceMax button.dot {
|
|
margin-left: 14px;
|
|
margin-right: 14px;
|
|
}
|
|
|
|
.psi .boxPoints, .boxTitle {
|
|
width: 75%;
|
|
}
|
|
|
|
.psi .divisor{
|
|
margin-top: 7px;
|
|
margin-bottom: 13px;
|
|
}
|
|
|
|
.psi .divisor .line{
|
|
width: 85px;
|
|
}
|
|
|
|
.psiTraits .title2{
|
|
margin-bottom: 14px;
|
|
}
|
|
/* FIM PSI */
|
|
|
|
|
|
/* PSI-Traits */
|
|
|
|
.psiTraits .input-label{
|
|
font-size: 15px;
|
|
}
|
|
|
|
.psiTraitsHeader{
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
|
|
}
|
|
|
|
.psiTraitColumn1{
|
|
margin-right: 4.425%;
|
|
}
|
|
|
|
.psiTraitColumn1{
|
|
width: 60%;
|
|
}
|
|
|
|
.psiTraitColumn2{
|
|
width: 40%;
|
|
}
|
|
|
|
.psiTraitDuration,
|
|
.psiTraitRange{
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.psiTraitTolerance{
|
|
margin-top: 16px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.psiTraitTolerance input{
|
|
max-width: 18%;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.psiTraitTolerance div{
|
|
font-size: 15px;
|
|
}
|
|
/* FIM PSI-Traits */
|
|
|
|
|
|
|
|
/* APTITUDE */
|
|
.TCAptitude .title2{
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.TCSecondaryAptitude .title2{
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.TCSecondaryAptitude .pathLabel {
|
|
width: fit-content;
|
|
height: 18px;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
margin-left: -10px;
|
|
margin-top: -2px;
|
|
padding:0px;
|
|
border: none;
|
|
border-radius:0px;
|
|
appearance: none;
|
|
}
|
|
|
|
|
|
.pseudoDisplay .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .advanced{
|
|
display:none;
|
|
}
|
|
|
|
|
|
|
|
.TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
|
|
background-color: #A5181C;
|
|
color: white;
|
|
}
|
|
|
|
.TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
|
|
color:#A5181C;
|
|
}
|
|
|
|
.TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
|
|
background-color:#C83C20;
|
|
color: white;
|
|
}
|
|
|
|
.TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
|
|
color:#C83C20;
|
|
}
|
|
|
|
|
|
.TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~* .pathLabel{
|
|
background-color: #000000;
|
|
color: white;
|
|
font-style: italic;
|
|
}
|
|
|
|
.TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~* .primaryColorFont{
|
|
color:#000000;
|
|
}
|
|
|
|
.TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~ .aptitude{
|
|
background: #dfdfdf;
|
|
}
|
|
|
|
.TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~* .basicMode{
|
|
border-color: #9F9F9F;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
[name="attr_secondaryaptitude-trait-2"] option[value="innate"]{
|
|
display:none;
|
|
}
|
|
|
|
[name="attr_secondaryaptitude-trait-1"] option[value="quantakinesis"]{
|
|
display:none;
|
|
}
|
|
|
|
.TCSecondaryAptitude .secondaryAptitudeName[value="quantakinesis"] ~* [name="attr_secondaryaptitude-trait-2"] option[value="innate"]{
|
|
display:block;
|
|
}
|
|
|
|
|
|
.TCSecondaryAptitude .secondaryAptitudeName[value="quantakinesis"] + .secondaryAptitudeType[value="innate"] ~* .aptitudeModes{
|
|
display:none;
|
|
}
|
|
|
|
|
|
.TCSecondaryAptitude .repcontainer.editmode .repitem[data-reprowid="----Rep-SApt---ID-00"] .itemcontrol .repcontrol_del,
|
|
.TCSecondaryAptitude .repcontainer.editmode .repitem[data-reprowid="----Rep-SApt---ID-01"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
.TCSecondaryAptitude .repcontainer .repitem[data-reprowid="----Rep-SApt---ID-00"] .selectAptitude{
|
|
pointer-events: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
.secondaryAptitude {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.secondaryAptitude .aptitudeTitle{
|
|
margin-top: -18px;
|
|
}
|
|
|
|
|
|
.aptitude{
|
|
width: auto;
|
|
padding-top: 10px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
padding-bottom: 10px;
|
|
background-color: #ececec;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
/* border-color: #dfdfdf; */
|
|
border-color: #d0d0d0;
|
|
}
|
|
|
|
|
|
.aptitudeTitle select{
|
|
text-align: center;
|
|
text-align-last: center;
|
|
appearance: none;
|
|
background: transparent;
|
|
border: none;
|
|
font-size: 25px;
|
|
font-weight:900;
|
|
}
|
|
|
|
.aptitudeTitle select option{
|
|
text-align: center;
|
|
font-size: 13px;
|
|
font-weight:500;
|
|
color: #4b4b4b;
|
|
}
|
|
|
|
.ui-dialog .charsheet .aptitude .sheet-2colrow .sheet-col {
|
|
width: calc(50% - 17px);
|
|
margin-right: 30px;
|
|
}
|
|
|
|
.basicMode{
|
|
width: 100%;
|
|
border-style: solid;
|
|
border-color: #B9B9B9;
|
|
border-width: 1px;
|
|
}
|
|
|
|
|
|
.aptitude .basicMode .traitHeader{
|
|
width: auto;
|
|
height: 38px;
|
|
/* border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
border-bottom-color: #E9E9E9; */
|
|
align-items: center;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.basicModeTitle{
|
|
font-size: 18px;
|
|
color: #494949;
|
|
}
|
|
|
|
.basicModeBiokinesis,
|
|
.basicModeClairsentience,
|
|
.basicModeElectrokinesis,
|
|
.basicModePsychokinesis,
|
|
.basicModeQuantakinesis,
|
|
.basicModeTelepathy,
|
|
.basicModeTeleportation,
|
|
.basicModeVitakinesis{
|
|
display: none;
|
|
}
|
|
|
|
.aptitudeName[value="biokinesis"] ~* .basicModeBiokinesis,
|
|
.aptitudeName[value="clairsentience"] ~* .basicModeClairsentience,
|
|
.aptitudeName[value="electrokinesis"] ~* .basicModeElectrokinesis,
|
|
.aptitudeName[value="psychokinesis"] ~* .basicModePsychokinesis,
|
|
.aptitudeName[value="quantakinesis"] ~* .basicModeQuantakinesis,
|
|
.aptitudeName[value="telepathy"] ~* .basicModeTelepathy,
|
|
.aptitudeName[value="teleportation"] ~* .basicModeTeleportation,
|
|
.aptitudeName[value="vitakinesis"] ~* .basicModeVitakinesis{
|
|
display: block;
|
|
}
|
|
|
|
|
|
.primaryAptitudeName[value="biokinesis"] ~* .basicModeBiokinesis,
|
|
.primaryAptitudeName[value="clairsentience"] ~* .basicModeClairsentience,
|
|
.primaryAptitudeName[value="electrokinesis"] ~* .basicModeElectrokinesis,
|
|
.primaryAptitudeName[value="psychokinesis"] ~* .basicModePsychokinesis,
|
|
.primaryAptitudeName[value="quantakinesis"] ~* .basicModeQuantakinesis,
|
|
.primaryAptitudeName[value="telepathy"] ~* .basicModeTelepathy,
|
|
.primaryAptitudeName[value="teleportation"] ~* .basicModeTeleportation,
|
|
.primaryAptitudeName[value="vitakinesis"] ~* .basicModeVitakinesis{
|
|
display: block;
|
|
}
|
|
|
|
|
|
.secondaryAptitudeName[value="biokinesis"] ~* .basicModeBiokinesis,
|
|
.secondaryAptitudeName[value="clairsentience"] ~* .basicModeClairsentience,
|
|
.secondaryAptitudeName[value="electrokinesis"] ~* .basicModeElectrokinesis,
|
|
.secondaryAptitudeName[value="psychokinesis"] ~* .basicModePsychokinesis,
|
|
.secondaryAptitudeName[value="quantakinesis"] ~* .basicModeQuantakinesis,
|
|
.secondaryAptitudeName[value="telepathy"] ~* .basicModeTelepathy,
|
|
.secondaryAptitudeName[value="teleportation"] ~* .basicModeTeleportation,
|
|
.secondaryAptitudeName[value="vitakinesis"] ~* .basicModeVitakinesis{
|
|
display: block;
|
|
}
|
|
|
|
|
|
.basicModeCost{
|
|
margin-right: 2px;
|
|
margin-bottom: -2px;
|
|
}
|
|
|
|
.basicModeCost .input-label{
|
|
font-size: 13px;
|
|
margin-top: 6px;
|
|
color: #464646;
|
|
}
|
|
|
|
.basicModeCost .inputLine{
|
|
margin-top: 1px;
|
|
width: 30px;
|
|
margin-left: 5px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
font-size: 19px;
|
|
color: #494949;
|
|
border-color: #9E9E9E;
|
|
}
|
|
|
|
.basicMode .spanExpander{
|
|
color: #6e6e6e;
|
|
}
|
|
|
|
|
|
.basic-modeExpandedArea{
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
background-color: #F5F6F7;
|
|
}
|
|
|
|
|
|
.expanderFlag[value="0"] ~ .basic-modeExpandedArea{
|
|
opacity: 0;
|
|
transition: height 0.3s , opacity 0.3s;
|
|
height: 0px !important;
|
|
margin-bottom: 0px;
|
|
padding-bottom: 0px;
|
|
border-bottom-width: 0px;
|
|
padding-top: 0px;
|
|
margin-top: 0px;
|
|
top: 26px;
|
|
}
|
|
|
|
.expanderFlag[value="1"] ~ .basic-modeExpandedArea{
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
transition: height 0.3s , opacity 0.3s;
|
|
margin-bottom: 10px;
|
|
top: 26px;
|
|
height: 228px;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
.basicModeTraitBar{
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.basicModeTraitBar input{
|
|
margin-right: 5px;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.basicModeTraitBar .input-label{
|
|
font-size: 15px;
|
|
color: #373737;
|
|
}
|
|
|
|
.basic-modeExpandedArea .description{
|
|
max-width: 94.5%;
|
|
min-width: 94.5%;
|
|
max-height: 78%;
|
|
min-height: 78%;
|
|
padding-left: 2%;
|
|
padding-right: 3%;
|
|
padding-top: 5px;
|
|
text-indent: 20px;
|
|
line-height: 1.6;
|
|
border-radius: 0px;
|
|
font-size: 13.5px;
|
|
scrollbar-width: thin;
|
|
margin-top: 5px;
|
|
}
|
|
/* FIM APTITUDE */
|
|
|
|
|
|
|
|
|
|
/* APTITUDE MODE */
|
|
|
|
.aptitudeModes{
|
|
margin-top: 15px;
|
|
min-width: 100%;
|
|
}
|
|
|
|
.aptitudeModes .aptitudeMode1,
|
|
.aptitudeModes .aptitudeMode2,
|
|
.aptitudeModes .aptitudeMode3{
|
|
width: 31.7%;
|
|
height: auto;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color:#B9B9B9;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.aptitudeModeHeader{
|
|
padding-top: 15px;
|
|
padding-right: 5px;
|
|
padding-left: 10px;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
.inputAptitudeModeName{
|
|
width: 100%;
|
|
border: none;
|
|
background-color: unset;
|
|
font-size: 18px;
|
|
font-weight: 500;
|
|
padding: 0px;
|
|
width: 67%;
|
|
letter-spacing: -0.3px;
|
|
border-radius: 0px;
|
|
color: #5E5E5E;
|
|
border: 1px solid rgba(204, 204, 204, 0);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
/* .inputAptitudeModeName:hover,
|
|
.inputAptitudeModeName:active,
|
|
.inputAptitudeModeName:focus,
|
|
.inputAptitudeModeName:placeholder-shown{
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
} */
|
|
|
|
.radiusHalfMode{
|
|
margin-top: 10px;
|
|
}
|
|
|
|
|
|
|
|
.aptitudeRadius{
|
|
padding-right: 10px;
|
|
width: 60%;
|
|
}
|
|
|
|
.aptitudeHalfMode{
|
|
width: 89px;
|
|
}
|
|
|
|
.aptitudeRadius .input-label,
|
|
.aptitudeHalfMode .input-label{
|
|
font-size: 14px;
|
|
color: #636363;
|
|
}
|
|
|
|
.aptitudeRadius input,
|
|
.aptitudeHalfMode input{
|
|
border-bottom: 1px solid #a8a8a8;
|
|
text-align: right;
|
|
}
|
|
|
|
.aptitudeRadius input{
|
|
padding-right: 6px;
|
|
}
|
|
|
|
.aptitudeHalfMode input{
|
|
text-align: center;
|
|
padding: 0px;
|
|
}
|
|
|
|
.aptitudeModeLevelsContainer{
|
|
width: 100%;
|
|
height: auto;
|
|
background: #F5F6F7;
|
|
padding-top: 10px;
|
|
padding-bottom: 16px;
|
|
}
|
|
|
|
|
|
.aptitudeModeLevel{
|
|
/* margin-bottom: 1px; */
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.aptitudeModes .aptitudeModeLevelsContainer .traitHeader{
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
background: transparent;
|
|
}
|
|
|
|
.aptitudeModes .aptitudeModeLevelsContainer .traitHeader .inputLine{
|
|
border-bottom: 1px solid #939394;
|
|
}
|
|
|
|
.aptitudeModes .aptitudeModeLevelsContainer .traitHeader .expander + span{
|
|
color:#949595;
|
|
font-size:11px;
|
|
}
|
|
|
|
.aptitudeModeExpandedArea{
|
|
width: 100%;
|
|
background: white;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.expanderFlag[value="0"] ~ .aptitudeModeExpandedArea{
|
|
opacity: 0;
|
|
transition: height 0.3s , opacity 0.3s, margin 0.3s;
|
|
height: 0px !important;
|
|
margin-bottom: 0px;
|
|
padding-bottom: 0px;
|
|
border-bottom-width: 0px;
|
|
padding-top: 0px;
|
|
margin-top: 0px;
|
|
top: 26px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.expanderFlag[value="1"] ~ .aptitudeModeExpandedArea{
|
|
transition: height 0.3s , opacity 0.3s, margin 0.3s;
|
|
/* margin-bottom: 10px; */
|
|
height: 270px;
|
|
border-top-style: solid;
|
|
border-top-width: 1px;
|
|
border-top-color: #ddd;
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
border-bottom-color: #ddd;
|
|
}
|
|
|
|
|
|
.aptitudeModeLevelTraitBar{
|
|
padding-top: 15px;
|
|
padding-left: 1px;
|
|
}
|
|
|
|
.aptitudeModeLevelTraitBar input{
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.aptitudeModeLevelTraitBar .input-label,
|
|
.aptitudeModeLevelCost .input-label{
|
|
font-size: 12px;
|
|
color: #676767;
|
|
}
|
|
|
|
.aptitudeModeLevelCost{
|
|
margin-right: 2px;
|
|
margin-bottom: -2px;
|
|
}
|
|
|
|
.aptitudeModeExpandedArea input[type="checkbox"]{
|
|
width: 12px;
|
|
}
|
|
|
|
.aptitudeModeExpandedArea input[type="checkbox"]::before{
|
|
height: 9px;
|
|
|
|
}
|
|
|
|
.aptitudeModeLevelCost .inputLine{
|
|
margin-top: -3px;
|
|
width: 19px;
|
|
margin-left: 5px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
font-size: 16px;
|
|
color: #5b5b5b;
|
|
border-color: #9E9E9E;
|
|
}
|
|
|
|
.aptitudeModeExpandedArea .description{
|
|
max-width: 94.5%;
|
|
min-width: 94.5%;
|
|
max-height: 77%;
|
|
min-height: 77%;
|
|
padding-left: 2%;
|
|
padding-right: 3%;
|
|
padding-top: 5px;
|
|
text-indent: 20px;
|
|
line-height: 1.6;
|
|
border-radius: 0px;
|
|
font-size: 13.5px;
|
|
scrollbar-width: none;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
|
|
.aptitudeModeLevel.basic .aptitudeModeExpandedArea .description{
|
|
max-height: 66%;
|
|
min-height: 66%;
|
|
|
|
}
|
|
|
|
|
|
.aptitudeModes .aptitudeProxyLevel{
|
|
width: 40%;
|
|
height: auto;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color:#B9B9B9;
|
|
margin-top: 15px;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.aptitudeModes .aptitudeProxyLevel .aptitudeProxyLevelHeader{
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
color: #6B6B6B;
|
|
}
|
|
|
|
.aptitudeProxyLevelsContainer{
|
|
width: 100%;
|
|
height: auto;
|
|
background: #F5F6F7;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.aptitudeModes .aptitudeProxyLevelsContainer .traitHeader{
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
background: transparent;
|
|
}
|
|
|
|
.aptitudeModes .aptitudeProxyLevelsContainer .traitHeader .inputLine{
|
|
border-bottom: 1px solid #939394;
|
|
}
|
|
|
|
.aptitudeModes .aptitudeProxyLevelsContainer .traitHeader .expander + span{
|
|
color:#949595;
|
|
font-size:11px;
|
|
}
|
|
|
|
|
|
/* FIM APTITUDE MODE */
|
|
|
|
|
|
.auxiliaryModeContainer{
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.auxiliaryMode{
|
|
width: 31.7%;
|
|
height: auto;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #B9B9B9;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.auxiliaryMode .aptitudeModeLevelsContainer .traitHeader {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
background: transparent;
|
|
}
|
|
|
|
.auxiliaryMode .aptitudeModeHeader {
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.auxiliaryMode .aptitudeModeLevelsContainer .traitHeader .inputLine {
|
|
border-bottom: 1px solid #939394;
|
|
}
|
|
|
|
.basicLabel{
|
|
font-size: 12px;
|
|
color: #515151;
|
|
}
|
|
|
|
.aptituleauxiliaryMode{
|
|
margin-top: 5px;
|
|
margin-left: 5px;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.auxiliaryMode .aptitudeModeHeader {
|
|
padding-top: 5px;
|
|
padding-right: 5px;
|
|
padding-left: 10px;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
.inputAptitudeauxiliaryModeName {
|
|
width: 100%;
|
|
border: none;
|
|
background-color: unset;
|
|
font-size: 18px;
|
|
font-weight: 500;
|
|
padding: 0px;
|
|
width: 90%;
|
|
letter-spacing: -0.3px;
|
|
border-radius: 0px;
|
|
color: #5E5E5E;
|
|
border: 1px solid rgba(204, 204, 204, 0);
|
|
border-radius: 3px;
|
|
appearance: none;
|
|
margin-left: -6px;
|
|
margin-bottom: -2px;
|
|
background: white;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.inputAptitudeauxiliaryModeName option,
|
|
.inputAptitudeauxiliaryModeName option:disabled{
|
|
font-size: 13px;
|
|
}
|
|
|
|
.inputAptitudeauxiliaryModeName option:disabled{
|
|
background: #a5181c;
|
|
color: rgb(255, 255, 255);
|
|
}
|
|
|
|
.auxiliaryModeSelected[value="adaptation"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="psychomorph"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="transmogrify"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="psychometry"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="psycholocat"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="psychocognit"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="electromanipul"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="photokinesis"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="technokinesis"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="thermokinesis"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="telekinesis"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="perikinesis"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="energetics"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="fundamentals"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="transmutation"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="rapport"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="mindshare"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="psychbending"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="translocation"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="transmassion"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="transportal"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="iatrosis"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="augendis"] ~* .inputAptitudeauxiliaryModeName,
|
|
.auxiliaryModeSelected[value="algesis"] ~* .inputAptitudeauxiliaryModeName{
|
|
background: none;
|
|
border: none;
|
|
}
|
|
|
|
|
|
.auxiliaryModeSelected[value="adaptation"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="psychomorph"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="transmogrify"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="psychometry"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="psycholocat"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="psychocognit"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="electromanipul"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="photokinesis"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="technokinesis"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="thermokinesis"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="telekinesis"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="perikinesis"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="energetics"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="fundamentals"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="transmutation"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="rapport"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="mindshare"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="psychbending"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="translocation"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="transmassion"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="transportal"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="iatrosis"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="augendis"] ~* .inputAptitudeauxiliaryModeName:hover,
|
|
.auxiliaryModeSelected[value="algesis"] ~* .inputAptitudeauxiliaryModeName:hover{
|
|
background: white;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
|
|
.auxiliaryModeBiokinesis,
|
|
.auxiliaryModeClairsentience,
|
|
.auxiliaryModeElectrokinesis,
|
|
.auxiliaryModePsychokinesis,
|
|
.auxiliaryModeQuantakinesis,
|
|
.auxiliaryModeTelepathy,
|
|
.auxiliaryModeTeleportation,
|
|
.auxiliaryModeVitakinesis{
|
|
display: none;
|
|
}
|
|
|
|
|
|
.auxiliaryModeSelected[value="adaptation"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="psychomorph"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="transmogrify"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="psychometry"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="psycholocat"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="psychocognit"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="electromanipul"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="photokinesis"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="technokinesis"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="thermokinesis"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="telekinesis"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="perikinesis"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="energetics"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="fundamentals"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="transmutation"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="rapport"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="mindshare"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="psychbending"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="translocation"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="transmassion"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="transportal"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="iatrosis"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="augendis"] ~ .auxiliaryModeNone,
|
|
.auxiliaryModeSelected[value="algesis"] ~ .auxiliaryModeNone{
|
|
display:none;
|
|
}
|
|
|
|
|
|
.auxiliaryModeSelected[value="adaptation"] ~ .auxiliaryModeBiokinesis,
|
|
.auxiliaryModeSelected[value="psychomorph"] ~ .auxiliaryModeBiokinesis,
|
|
.auxiliaryModeSelected[value="transmogrify"] ~ .auxiliaryModeBiokinesis,
|
|
.auxiliaryModeSelected[value="psychometry"] ~ .auxiliaryModeClairsentience,
|
|
.auxiliaryModeSelected[value="psycholocat"] ~ .auxiliaryModeClairsentience,
|
|
.auxiliaryModeSelected[value="psychocognit"] ~ .auxiliaryModeClairsentience,
|
|
.auxiliaryModeSelected[value="electromanipul"] ~ .auxiliaryModeElectrokinesis,
|
|
.auxiliaryModeSelected[value="photokinesis"] ~ .auxiliaryModeElectrokinesis,
|
|
.auxiliaryModeSelected[value="technokinesis"] ~ .auxiliaryModeElectrokinesis,
|
|
.auxiliaryModeSelected[value="thermokinesis"] ~ .auxiliaryModePsychokinesis,
|
|
.auxiliaryModeSelected[value="telekinesis"] ~ .auxiliaryModePsychokinesis,
|
|
.auxiliaryModeSelected[value="perikinesis"] ~ .auxiliaryModePsychokinesis,
|
|
.auxiliaryModeSelected[value="energetics"] ~ .auxiliaryModeQuantakinesis,
|
|
.auxiliaryModeSelected[value="fundamentals"] ~ .auxiliaryModeQuantakinesis,
|
|
.auxiliaryModeSelected[value="transmutation"] ~ .auxiliaryModeQuantakinesis,
|
|
.auxiliaryModeSelected[value="rapport"] ~ .auxiliaryModeTelepathy,
|
|
.auxiliaryModeSelected[value="mindshare"] ~ .auxiliaryModeTelepathy,
|
|
.auxiliaryModeSelected[value="psychbending"] ~ .auxiliaryModeTelepathy,
|
|
.auxiliaryModeSelected[value="translocation"] ~ .auxiliaryModeTeleportation,
|
|
.auxiliaryModeSelected[value="transmassion"] ~ .auxiliaryModeTeleportation,
|
|
.auxiliaryModeSelected[value="transportal"] ~ .auxiliaryModeTeleportation,
|
|
.auxiliaryModeSelected[value="iatrosis"] ~ .auxiliaryModeVitakinesis,
|
|
.auxiliaryModeSelected[value="augendis"] ~ .auxiliaryModeVitakinesis,
|
|
.auxiliaryModeSelected[value="algesis"] ~ .auxiliaryModeVitakinesis{
|
|
display:block;
|
|
}
|
|
|
|
|
|
.auxiliaryBasicModeBiokinesis,
|
|
.auxiliaryBasicModeClairsentience,
|
|
.auxiliaryBasicModeElectrokinesis,
|
|
.auxiliaryBasicModePsychokinesis,
|
|
.auxiliaryBasicModeQuantakinesis,
|
|
.auxiliaryBasicModeTelepathy,
|
|
.auxiliaryBasicModeTeleportation,
|
|
.auxiliaryBasicModeVitakinesis{
|
|
display: none;
|
|
}
|
|
|
|
.auxiliaryModeSelected[value="adaptation"] ~* .auxiliaryBasicModeBiokinesis,
|
|
.auxiliaryModeSelected[value="psychomorph"] ~* .auxiliaryBasicModeBiokinesis,
|
|
.auxiliaryModeSelected[value="transmogrify"] ~* .auxiliaryBasicModeBiokinesis,
|
|
.auxiliaryModeSelected[value="psychometry"] ~* .auxiliaryBasicModeClairsentience,
|
|
.auxiliaryModeSelected[value="psycholocat"] ~* .auxiliaryBasicModeClairsentience,
|
|
.auxiliaryModeSelected[value="psychocognit"] ~* .auxiliaryBasicModeClairsentience,
|
|
.auxiliaryModeSelected[value="electromanipul"] ~* .auxiliaryBasicModeElectrokinesis,
|
|
.auxiliaryModeSelected[value="photokinesis"] ~* .auxiliaryBasicModeElectrokinesis,
|
|
.auxiliaryModeSelected[value="technokinesis"] ~* .auxiliaryBasicModeElectrokinesis,
|
|
.auxiliaryModeSelected[value="thermokinesis"] ~* .auxiliaryBasicModePsychokinesis,
|
|
.auxiliaryModeSelected[value="telekinesis"] ~* .auxiliaryBasicModePsychokinesis,
|
|
.auxiliaryModeSelected[value="perikinesis"] ~* .auxiliaryBasicModePsychokinesis,
|
|
.auxiliaryModeSelected[value="energetics"] ~* .auxiliaryBasicModeQuantakinesis,
|
|
.auxiliaryModeSelected[value="fundamentals"] ~* .auxiliaryBasicModeQuantakinesis,
|
|
.auxiliaryModeSelected[value="transmutation"] ~* .auxiliaryBasicModeQuantakinesis,
|
|
.auxiliaryModeSelected[value="rapport"] ~* .auxiliaryBasicModeTelepathy,
|
|
.auxiliaryModeSelected[value="mindshare"] ~* .auxiliaryBasicModeTelepathy,
|
|
.auxiliaryModeSelected[value="psychbending"] ~* .auxiliaryBasicModeTelepathy,
|
|
.auxiliaryModeSelected[value="translocation"] ~* .auxiliaryBasicModeTeleportation,
|
|
.auxiliaryModeSelected[value="transmassion"] ~* .auxiliaryBasicModeTeleportation,
|
|
.auxiliaryModeSelected[value="transportal"] ~* .auxiliaryBasicModeTeleportation,
|
|
.auxiliaryModeSelected[value="iatrosis"] ~* .auxiliaryBasicModeVitakinesis,
|
|
.auxiliaryModeSelected[value="augendis"] ~* .auxiliaryBasicModeVitakinesis,
|
|
.auxiliaryModeSelected[value="algesis"] ~* .auxiliaryBasicModeVitakinesis{
|
|
display:block;
|
|
}
|
|
|
|
.auxiliaryModes .repcontainer.editmode .repitem[data-reprowid="----Rep-AuxM---ID-00"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
|
|
.auxiliaryModeSelected[value="none"] ~* .auxiliaryBar,
|
|
.auxiliaryModeSelected[value="none"] ~* .aptitudeModeLevel.basic,
|
|
.auxiliaryModeSelected[value="none"] ~* .aptitudeModeLevel{
|
|
opacity:0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.auxiliaryModeSelected[value="none"] ~* .dots{
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* FIM APTITUDE MODE */
|
|
|
|
|
|
|
|
/* ++++ - FIM PSI Powers *PSION - +++++ */
|
|
|
|
|
|
/* ++++ - Conditions - +++++ */
|
|
.pTwinSection .conditions .title2{
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.conditions .traitHeader .conditionValue{
|
|
width: 46px;
|
|
height: 26px;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
|
|
.conditions .traitHeader .conditionValue p{
|
|
margin-bottom: 0px;
|
|
font-family: 'Roboto';
|
|
font-size: 16px;
|
|
}
|
|
|
|
.conditions .traitHeader .conditionValue .inputLine{
|
|
margin: 0px;
|
|
font-size:18px;
|
|
margin: 0px;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
text-align: center;
|
|
padding-left: 4px;
|
|
padding-right: 7px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Cond---ID-00"] .itemcontrol .repcontrol_del,
|
|
.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Cond---ID-01"] .itemcontrol .repcontrol_del,
|
|
.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Cond---ID-02"] .itemcontrol .repcontrol_del,
|
|
.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Cond---ID-03"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
/* ++++ - Fim Conditions - +++++ */
|
|
|
|
|
|
|
|
/* ++++ - Injurys - +++++ */
|
|
.pTwinSection .health .title2{
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.pTwinSection .health .injury-checkbox{
|
|
align-self: center;
|
|
margin-right: 7px;
|
|
}
|
|
|
|
|
|
.injuryValue{
|
|
background: transparent;
|
|
width: 18px;
|
|
padding: 0px;
|
|
border: none;
|
|
font-size: 16px;
|
|
margin-left: -2px;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.injury-selectType[value="+0"] ~ .select-icon,
|
|
.injury-selectType[value="+0"] ~ .injury-name,
|
|
.injury-selectType[value="+0"] ~ .injuryValue,
|
|
.injury-selectType[value="+5"] ~ .injuryValue{
|
|
visibility: hidden;
|
|
}
|
|
|
|
.injury-selectType[value="+0"] ~ .injuryValue,
|
|
.injury-selectType[value="+0"] ~ .injury-selectType{
|
|
pointer-events: none;
|
|
}
|
|
|
|
.injury-selectType[value=""] ~ input.injury-checkbox{
|
|
opacity: .5;
|
|
pointer-events: none;
|
|
}
|
|
|
|
|
|
.injury-selectType[value=""] ~ input.injury-name{
|
|
opacity: .3;
|
|
}
|
|
|
|
.pseudoBody .pseudoDisplay .repeatingContainer .traitHeader .injury-selectType[value=""] ~ input[type="checkbox"],
|
|
.pseudoBody .pseudoDisplay .repeatingContainer .traitHeader .injury-selectType[value=""] ~ input[type="checkbox"]:checked{
|
|
background-color:#979797;
|
|
border: 2px solid #979797;
|
|
}
|
|
|
|
.injury-selectType[value=""] ~ input[type="checkbox"]::before {
|
|
background-color: transparent;
|
|
}
|
|
|
|
|
|
.pTwinSection .sheet-col .health .injury-selectType[value=""] ~ select.secondaryColorBackground{
|
|
background-color: #dfdfdf;
|
|
opacity: .9;
|
|
}
|
|
|
|
|
|
|
|
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Injr---ID-00"] .itemcontrol,
|
|
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Injr---ID-01"] .itemcontrol,
|
|
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Injr---ID-02"] .itemcontrol,
|
|
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Injr---ID-03"] .itemcontrol{
|
|
display: none;
|
|
}
|
|
|
|
.repitem[data-reprowid="----Rep-Injr---ID-00"] .repeatingContainer .traitHeader .injury-selectType,
|
|
.repitem[data-reprowid="----Rep-Injr---ID-01"] .repeatingContainer .traitHeader .injury-selectType,
|
|
.repitem[data-reprowid="----Rep-Injr---ID-02"] .repeatingContainer .traitHeader .injury-selectType,
|
|
.repitem[data-reprowid="----Rep-Injr---ID-03"] .repeatingContainer .traitHeader .injury-selectType{
|
|
pointer-events: none;
|
|
}
|
|
|
|
.repitem[data-reprowid="----Rep-Injr---ID-00"] .repeatingContainer .traitHeader .select-icon,
|
|
.repitem[data-reprowid="----Rep-Injr---ID-01"] .repeatingContainer .traitHeader .select-icon,
|
|
.repitem[data-reprowid="----Rep-Injr---ID-02"] .repeatingContainer .traitHeader .select-icon,
|
|
.repitem[data-reprowid="----Rep-Injr---ID-03"] .repeatingContainer .traitHeader .select-icon{
|
|
visibility: hidden;
|
|
}
|
|
/* ++++ - Fim Injurys - +++++ */
|
|
|
|
|
|
|
|
|
|
/* ++++ - Paths - +++++ */
|
|
|
|
.TCPaths .title2{
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.allPaths{
|
|
width: calc(100% + 2px);
|
|
}
|
|
|
|
.pathSuperGroup{
|
|
overflow: scroll;
|
|
overflow-y: hidden;
|
|
overflow-x: hidden;
|
|
height: 495px;
|
|
/* scroll-behavior: smooth; */
|
|
}
|
|
|
|
.initialPathGroup{
|
|
min-width: 100%;
|
|
}
|
|
|
|
.initialPathGroup .singlePath{
|
|
width: 31.7%;
|
|
height: 386px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color:#B9B9B9;
|
|
}
|
|
|
|
.extraPathGroup{
|
|
min-width: 65.93%;
|
|
margin-left: 2.0725%;
|
|
}
|
|
|
|
.extraPathGroup .singlePath{
|
|
width: 48.082%;
|
|
height: 386px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color:#B9B9B9;
|
|
background-color: #e1e1e1;
|
|
}
|
|
|
|
.pathLabel{
|
|
width: 56px;
|
|
width: -moz-fit-content;
|
|
width: fit-content;
|
|
height: 17px;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
margin-left: -1px;
|
|
margin-top: 10px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.pathStatus{
|
|
width: 73px;
|
|
height: 18px;
|
|
font-size: 9px;
|
|
text-align: center;
|
|
border-radius: 10px;
|
|
margin-right: 5px;
|
|
margin-top: 9px;
|
|
margin-bottom: 0px;
|
|
padding-top: 0px;
|
|
appearance: none;
|
|
background-color: #00000014;
|
|
letter-spacing: .5px;
|
|
border-color: #00000017;
|
|
transition: 1s;
|
|
}
|
|
|
|
.pathHeader{
|
|
padding-top: 7px;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.inputPathName{
|
|
width: 100%;
|
|
border: none;
|
|
background-color: unset;
|
|
font-size: 22px;
|
|
font-weight: 500;
|
|
padding: 0px;
|
|
letter-spacing: -0.3px;
|
|
border-radius: 0px;
|
|
color: #000000a6;
|
|
border: 1px solid rgba(204, 204, 204, 0);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.inputPathName:hover,
|
|
.inputPathName:active,
|
|
.inputPathName:focus,
|
|
.inputPathName:placeholder-shown{
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.pseudoDisplay .TCPaths .allPaths .singlePath .pathTabButtons .secondaryColorBackground {
|
|
transition: background-color 0s;
|
|
}
|
|
|
|
|
|
.pseudoBody .pseudoDisplay .TCPaths input.selectedPathStatus[value="active"] + .singlePath .pathStatus{
|
|
width: 53px;
|
|
transition: .5s;
|
|
}
|
|
|
|
.pseudoBody .pseudoDisplay .TCPaths input.selectedPathStatus[value="suspended"] + .singlePath .pathStatus{
|
|
color: #000000a6;
|
|
background: #d2d2d2;
|
|
border-color: #00000045;
|
|
transition: 1s;
|
|
}
|
|
|
|
.pseudoBody .pseudoDisplay .TCPaths input.selectedPathStatus[value="revoked"] + .singlePath{
|
|
background-color: #D9D9D9;
|
|
transition: 1s;
|
|
}
|
|
|
|
.pseudoBody .pseudoDisplay .TCPaths input.selectedPathStatus[value="revoked"] + .singlePath .pathStatus{
|
|
border-color: #00000045;
|
|
color: #000000a6;
|
|
}
|
|
|
|
.pseudoBody .pseudoDisplay .TCPaths input.selectedPathStatus[value="revoked"] + .singlePath .pathLabel{
|
|
background: #717171;
|
|
color: white;
|
|
}
|
|
|
|
/*Configure the tab buttons*/
|
|
.connectionsTab,
|
|
.skillsTab,
|
|
.edgesTab,
|
|
.storyTab{
|
|
display: none;
|
|
}
|
|
|
|
.pathTabButtons{
|
|
width: 98%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
.pathTabButtons button{
|
|
border: none;
|
|
font-size: 12px;
|
|
color: #00000085;
|
|
transition: background-color 0s;
|
|
width: 33%;
|
|
border: solid;
|
|
border-width: 1px;
|
|
border-color:#ffffff00;
|
|
border-bottom: none;
|
|
background-color: unset;
|
|
|
|
}
|
|
|
|
.pathTabButtons button:hover{
|
|
background-color: #0000000a;
|
|
transition: background-color 0s;
|
|
}
|
|
|
|
.pathTabButtons button:focus{
|
|
outline: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* show the selected tab */
|
|
.pathTabsToggle[value="origin-connections"] ~* .connectionsTab,
|
|
.pathTabsToggle[value="role-connections"] ~* .connectionsTab,
|
|
.pathTabsToggle[value="society-connections"] ~* .connectionsTab,
|
|
.pathTabsToggle[value="extraPath-1-connections"] ~* .connectionsTab,
|
|
.pathTabsToggle[value="extraPath-2-connections"] ~* .connectionsTab,
|
|
.pathTabsToggle[value="origin-skills"] ~* .skillsTab,
|
|
.pathTabsToggle[value="role-skills"] ~* .skillsTab,
|
|
.pathTabsToggle[value="society-skills"] ~* .skillsTab,
|
|
.pathTabsToggle[value="extraPath-1-skills"] ~* .skillsTab,
|
|
.pathTabsToggle[value="extraPath-2-skills"] ~* .skillsTab,
|
|
.pathTabsToggle[value="origin-edges"] ~* .edgesTab,
|
|
.pathTabsToggle[value="role-edges"] ~* .edgesTab,
|
|
.pathTabsToggle[value="society-edges"] ~* .edgesTab,
|
|
.pathTabsToggle[value="extraPath-1-edges"] ~* .edgesTab,
|
|
.pathTabsToggle[value="extraPath-2-edges"] ~* .edgesTab,
|
|
.pathTabsToggle[value="origin-story"] ~* .storyTab,
|
|
.pathTabsToggle[value="role-story"] ~* .storyTab,
|
|
.pathTabsToggle[value="society-story"] ~* .storyTab,
|
|
.pathTabsToggle[value="extraPath-1-story"] ~* .storyTab,
|
|
.pathTabsToggle[value="extraPath-2-story"] ~* .storyTab{
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
/* change button color */
|
|
.pathTabsToggle[value="origin-connections"] ~* button[name="act_origin-connections"],
|
|
.pathTabsToggle[value="role-connections"] ~* button[name="act_role-connections"],
|
|
.pathTabsToggle[value="society-connections"] ~* button[name="act_society-connections"],
|
|
.pathTabsToggle[value="extraPath-1-connections"] ~* button[name="act_extraPath-1-connections"],
|
|
.pathTabsToggle[value="extraPath-2-connections"] ~* button[name="act_extraPath-2-connections"],
|
|
.pathTabsToggle[value="origin-skills"] ~* button[name="act_origin-skills"],
|
|
.pathTabsToggle[value="role-skills"] ~* button[name="act_role-skills"],
|
|
.pathTabsToggle[value="society-skills"] ~* button[name="act_society-skills"],
|
|
.pathTabsToggle[value="extraPath-1-skills"] ~* button[name="act_extraPath-1-skills"],
|
|
.pathTabsToggle[value="extraPath-2-skills"] ~* button[name="act_extraPath-2-skills"],
|
|
.pathTabsToggle[value="origin-edges"] ~* button[name="act_origin-edges"],
|
|
.pathTabsToggle[value="role-edges"] ~* button[name="act_role-edges"],
|
|
.pathTabsToggle[value="society-edges"] ~* button[name="act_society-edges"],
|
|
.pathTabsToggle[value="extraPath-1-edges"] ~* button[name="act_extraPath-1-edges"],
|
|
.pathTabsToggle[value="extraPath-2-edges"] ~* button[name="act_extraPath-2-edges"],
|
|
.pathTabsToggle[value="origin-story"] ~* button[name="act_origin-story"],
|
|
.pathTabsToggle[value="role-story"] ~* button[name="act_role-story"],
|
|
.pathTabsToggle[value="society-story"] ~* button[name="act_society-story"],
|
|
.pathTabsToggle[value="extraPath-1-story"] ~* button[name="act_extraPath-1-story"],
|
|
.pathTabsToggle[value="extraPath-2-story"] ~* button[name="act_extraPath-2-story"]{
|
|
background-color: #F5F6F7;
|
|
border: solid;
|
|
border-width: 1px;
|
|
border-color:#B9B9B9;
|
|
border-bottom: none;
|
|
color: #757575;
|
|
padding-bottom: 2px;
|
|
padding-top: 1px;
|
|
}
|
|
|
|
.pathTabContent{
|
|
height: 271px;
|
|
background-color:#F5F6F7;
|
|
border-top: solid;
|
|
border-top-width: 1px;
|
|
border-top-color:#B9B9B9;
|
|
border-bottom: solid;
|
|
border-bottom-width: 1px;
|
|
border-bottom-color:#B9B9B9;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
padding-top:10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.connectionsTab .readerTrait{
|
|
justify-content: space-between;
|
|
}
|
|
|
|
|
|
|
|
.connectionsTab .input-label,
|
|
.skillsTab .input-label,
|
|
.edgesTab .input-label,
|
|
.storyTab .input-label{
|
|
font-size: 15px;
|
|
color: #464646;
|
|
}
|
|
|
|
.connectionsTab .inputLine{
|
|
font-size: 15px;
|
|
border-color: #9E9E9E;
|
|
color: #737373;
|
|
text-align: end;
|
|
min-width: 40%;
|
|
width: 126px;
|
|
flex-grow: 0;
|
|
padding-right: 3%;
|
|
}
|
|
|
|
.skillsTab .talent.inspired{
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.pathContacts{
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.contactsTitle{
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.contactsTitle .input-label{
|
|
width: 50%;
|
|
}
|
|
|
|
/* .input-label{
|
|
width: calc(50% - 2px);
|
|
} */
|
|
|
|
.pathContactHeader{
|
|
width: 50%;
|
|
position: relative;
|
|
}
|
|
|
|
.pathContactName{
|
|
width: 100%;
|
|
color: #555;
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
padding: 4px;
|
|
border-right: none;
|
|
border-top-right-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
}
|
|
|
|
|
|
.singlePathContact{
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.singlePathContact .expanderContainer{
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
background-color: white;
|
|
font-size: 13px;
|
|
font-weight: normal;
|
|
border-left: none;
|
|
border-top-left-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
width: 15px;
|
|
/* margin-left: -1px; */
|
|
}
|
|
|
|
.pathContactTag{
|
|
width: calc(50% - 2px);
|
|
}
|
|
|
|
.singlePathContact .expanderContainer span{
|
|
color: #979797;
|
|
}
|
|
|
|
.singlePathContact .contactStatus[value=""] ~* .expanderContainer{
|
|
display: none;
|
|
}
|
|
|
|
.flex .pathContactTag{
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.pathContacts .flex .pathContactName:hover,
|
|
.pathContacts .flex .pathContactName:active,
|
|
.pathContacts .flex .pathContactName:focus{
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
background-color: white;
|
|
font-size: 13px;
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
.flex .pathContactName:placeholder-shown {
|
|
font-size: 24px;
|
|
letter-spacing: 2px;
|
|
line-height: 11px;
|
|
border: 1px solid rgba(255, 255, 255, 0);
|
|
background-color: transparent;
|
|
color: #555;
|
|
box-shadow: none;
|
|
height: 28px;
|
|
font-family: "Material Icons Outlined";
|
|
transform: scaleX(-1);
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
.pathContacts .repcontrol_edit,
|
|
.pathContacts .repcontrol_add{ /* ==== - Positioning and Hide vanilla Buttons - ==== */
|
|
visibility: hidden;
|
|
color: #939393;
|
|
box-shadow:none;
|
|
text-shadow:none;
|
|
padding-top: 10px;
|
|
padding: 0px;
|
|
padding-top: 0px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.pathContacts .repcontrol_add,
|
|
.pathContacts .repcontrol_del,
|
|
.charsheet .pathContacts .repcontrol_del{
|
|
visibility: hidden;
|
|
}
|
|
|
|
.pathContacts .repcontrol_edit::after { /* ==== - Making visible and Styling New Buttons - ++++ */
|
|
background-color:none;
|
|
visibility: visible;
|
|
font-family: 'Pictos';
|
|
content: "l";
|
|
font-size: 24px;
|
|
margin-right: -3px;
|
|
}
|
|
|
|
.pathContacts .repcontrol_edit::after { /* ==== - Inserting contendo Modify Button - ++++ */
|
|
content: "l";
|
|
|
|
}
|
|
|
|
.pathContacts > .editmode +
|
|
.repcontrol > .repcontrol_edit::after {/* ==== - Inserting content Confirm Buttons - ++++ */
|
|
content: "3";
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.singlePathContact .expanderFlagModal[value="1"] ~ .pathContactHeader,
|
|
.singlePathContact .expanderFlagModal[value="1"] ~ .expandedArea {
|
|
z-index: 3;
|
|
background: white;
|
|
}
|
|
|
|
|
|
|
|
.singlePathContact .expandedArea {
|
|
max-width: 193.6%;
|
|
min-width: 193.6%;
|
|
max-height: 150px;
|
|
}
|
|
|
|
|
|
.singlePathContact .expanderFlagModal[value="0"] ~ .expandedArea,
|
|
.singlePathContact .expanderFlagModal[value="1"] ~ .expandedArea{
|
|
top: auto;
|
|
margin-top: 27px;
|
|
}
|
|
|
|
.singlePathContact input[type="checkbox"].expander + span::after {
|
|
color: #828282;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.repcontainer .singlePathContact .expanderFlagModal[value="1"] ~ .pathContactHeader,
|
|
.repcontainer .singlePathContact .expanderFlagModal[value="1"] ~ .expandedArea {
|
|
z-index: 3;
|
|
background: white;
|
|
}
|
|
|
|
|
|
|
|
.repcontainer .singlePathContact .expandedArea {
|
|
max-width: 193.6%;
|
|
min-width: 193.6%;
|
|
max-height: 150px;
|
|
}
|
|
|
|
|
|
.repcontainer .singlePathContact .expanderFlagModal[value="0"] ~ .expandedArea,
|
|
.repcontainer .singlePathContact .expanderFlagModal[value="1"] ~ .expandedArea{
|
|
top: auto;
|
|
margin-top: 27px;
|
|
}
|
|
|
|
.repcontainer .singlePathContact input[type="checkbox"].expander + span::after {
|
|
color: #828282;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.pathRelatedSkill{
|
|
font-size: 14px;
|
|
color: #555;
|
|
min-width: 10px;
|
|
appearance: none;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
text-align-last: center;
|
|
margin-bottom: 2px;
|
|
width: 49.5%;
|
|
height: 26px;
|
|
background: #f5f6f7;
|
|
border-color: #dbdbdb;
|
|
}
|
|
|
|
.pathRelatedSkill:hover{
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.singlePath .pathTabContent .pathRelatedEdge{
|
|
margin-bottom: 2px;
|
|
height: 22px;
|
|
width: 100%;
|
|
background: #f5f6f7;
|
|
}
|
|
|
|
.singlePath .pathTabContent .pathRelatedEdge:hover{
|
|
background: #fbfbfb;
|
|
}
|
|
|
|
|
|
.singlePath .pathTabContent .storyTab textarea{
|
|
height: 250px;
|
|
max-height: 250px;
|
|
min-height: 250px;
|
|
}
|
|
|
|
|
|
*:focus-visible{
|
|
outline: none;
|
|
}
|
|
|
|
|
|
.buttonsSliderPath{
|
|
margin-top:-95px;
|
|
}
|
|
.buttonsSliderPath a{
|
|
display: flex;
|
|
text-align: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 13px;
|
|
height: 13px;
|
|
border-radius: 10px;
|
|
margin-right: 5px;
|
|
margin-left: 5px;
|
|
border-color: #B9B9B9;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
color:#626262;
|
|
}
|
|
|
|
#path1{
|
|
height: 10px;
|
|
width: 10px;
|
|
background: black;
|
|
margin-right: -26px;
|
|
margin-top: -45px;
|
|
}
|
|
|
|
#path2{
|
|
height: 45px;
|
|
width: 10px;
|
|
background: black;
|
|
margin-left: -26px;
|
|
margin-top: -45px;
|
|
}
|
|
|
|
/* ++++ - Fim Paths - +++++ */
|
|
|
|
|
|
|
|
|
|
/* ++++ - Notes - +++++ */
|
|
.notes .title2{
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.notes textarea{
|
|
height: 173px;
|
|
}
|
|
/* ++++ - Fim Notes - +++++ */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ++++ - Aspirations- +++++ */
|
|
.aspirations .title2{
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.pTwinSection .aspirations .aspiration-checkbox{
|
|
align-self: center;
|
|
margin-right: 7px;
|
|
}
|
|
|
|
.pTwinSection .aspirations .select-icon {
|
|
left: -20px;
|
|
}
|
|
|
|
.aspirations .repcontainer.editmode .repitem[data-reprowid="----Rep-Aspi---ID-00"] .itemcontrol .repcontrol_del,
|
|
.aspirations .repcontainer.editmode .repitem[data-reprowid="----Rep-Aspi---ID-01"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
.repitem[data-reprowid="----Rep-Aspi---ID-00"] .repeatingContainer .traitHeader .aspiration-TypeSelectors,
|
|
.repitem[data-reprowid="----Rep-Aspi---ID-01"] .repeatingContainer .traitHeader .aspiration-TypeSelectors{
|
|
pointer-events: none;
|
|
}
|
|
|
|
.repitem[data-reprowid="----Rep-Aspi---ID-00"] .repeatingContainer .traitHeader .select-icon,
|
|
.repitem[data-reprowid="----Rep-Aspi---ID-01"] .repeatingContainer .traitHeader .select-icon{
|
|
display:none;
|
|
}
|
|
|
|
.noClick{
|
|
pointer-events: none;
|
|
}
|
|
|
|
.inputLine.aspiration-name{
|
|
margin-left: 5px;
|
|
}
|
|
/* ++++ - Fim Aspirations- +++++ */
|
|
|
|
|
|
|
|
|
|
/* ++++ - NPC - +++++ */
|
|
|
|
/* .selectedTier[value="NPC"] ~* .traistHealth{
|
|
order: 0;
|
|
}
|
|
|
|
.selectedTier[value="NPC"] ~* .baselinePowers{
|
|
order: 1;
|
|
} */
|
|
|
|
.selectedTier[value="NPC"] ~* .healthSourceSourceTrait,
|
|
.selectedTier[value="NPC"] ~* .npcGenericSource,
|
|
.selectedTier[value="NPC"] ~* .npcInspirationSource,
|
|
.selectedTier[value="NPC"] ~* .npcQuantumSource,
|
|
.selectedTier[value="NPC"] ~* .npcJinketsuPowerSource,
|
|
.selectedTier[value="NPC"] ~* .npcPsiPsiadSource,
|
|
.selectedTier[value="NPC"] ~* .npcPsiPsionSource{
|
|
order: 2;
|
|
}
|
|
|
|
.selectedTier[value="NPC"] ~* .notesOtherTraits{
|
|
order: 3;
|
|
}
|
|
|
|
|
|
.npcGenericSource .title2 input{
|
|
background: transparent;
|
|
border: none;
|
|
text-align: center;
|
|
font-size: 27px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
width: 85%;
|
|
}
|
|
|
|
|
|
/* ++++ - NPC traits - +++++ */
|
|
.NPC .npc-traits .title2{
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.npc-traits .npcPool{
|
|
display: flex;
|
|
align-items: center;
|
|
height: 25px;
|
|
margin-top: 11px;
|
|
}
|
|
|
|
.npc-traits .boxPoints{
|
|
width: 65px;
|
|
height: 25px;
|
|
margin-top: -5px;
|
|
}
|
|
|
|
.npc-traits .inputLabel{
|
|
letter-spacing: -.5px;
|
|
}
|
|
|
|
.npc-traits .inputLine{
|
|
/* margin-right: 5px; */
|
|
/* margin-left: 5px; */
|
|
padding: 0px;
|
|
border-color: #868686;
|
|
/* color: #828282;
|
|
text-align: right;
|
|
padding-right: 10px; */
|
|
}
|
|
|
|
.npc-traits .npcInitiative .inputLine{
|
|
max-width: 103px;
|
|
text-align: center;
|
|
}
|
|
|
|
.npc-traits .boxPoints input{
|
|
font-size:20px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.npc-traits .boxPoints input:hover{
|
|
-moz-appearance: auto;
|
|
padding-left: 36%;
|
|
-webkit-padding-start: 31%;
|
|
margin-left: -5px;
|
|
}
|
|
|
|
.npcDefenseContainer{
|
|
width: 78%;
|
|
margin-top: 32px;
|
|
}
|
|
|
|
|
|
.npc-traits .npcDefenseEnhancements{
|
|
margin-top: 20px
|
|
}
|
|
|
|
.npc-traits .npcDefenseEnhancements .npcDefense .input-label,
|
|
.npc-traits .npcDefenseEnhancements .npcEnhancements .input-label,
|
|
.npc-health .input-label{
|
|
margin-right: 5px;
|
|
}
|
|
|
|
|
|
/* ++++ - FIM NPC traits - +++++ */
|
|
|
|
|
|
|
|
/* ++++ - NPC health - +++++ */
|
|
.npc-health .boxPoints{
|
|
width: 65px;
|
|
height: 25px;
|
|
margin-top: -5px;
|
|
}
|
|
|
|
.npc-health .boxPoints input:hover {
|
|
-moz-appearance: auto;
|
|
padding-left: 36%;
|
|
-webkit-padding-start: 31%;
|
|
margin-left: -5px;
|
|
}
|
|
|
|
.npc-health .boxPoints input {
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.npc-health .sourceDots{
|
|
margin-top: 26px;
|
|
}
|
|
/* ++++ - FIM NPC health - +++++ */
|
|
|
|
|
|
/* ++++ - NPC Source - +++++ */
|
|
.source .boxPoints{
|
|
width: 40%;
|
|
}
|
|
/* ++++ - NPC FIM Source - +++++ */
|
|
|
|
|
|
|
|
|
|
/* ++++ - NPC Skilltrick - +++++ */
|
|
|
|
.selectedTier[value="NPC"] ~* .skillTricks .repeatingContainer .traitHeader select{
|
|
display: none;
|
|
}
|
|
|
|
.selectedTier[value="NPC"] ~* .skillTricks .repeatingContainer .traitHeader .select-icon{
|
|
display: none;
|
|
}
|
|
|
|
/* ++++ - FIM NPC Skilltrick - +++++ */
|
|
|
|
|
|
|
|
/* ++++ - NPC Side Effects - +++++ */
|
|
.npcGenericSource .repcontainer.editmode .repitem[data-reprowid="----Rep-SEFT---ID-00"] .itemcontrol .repcontrol_del,
|
|
.npcGenericSource .repcontainer.editmode .repitem[data-reprowid="----Rep-SEFT---ID-01"] .itemcontrol .repcontrol_del,
|
|
.npcGenericSource .repcontainer.editmode .repitem[data-reprowid="----Rep-SEFT---ID-02"] .itemcontrol .repcontrol_del,
|
|
.npcGenericSource .repcontainer.editmode .repitem[data-reprowid="----Rep-SEFT---ID-03"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
|
|
.repitem[data-reprowid="----Rep-SEFT---ID-00"] .repeatingContainer .traitHeader .select-icon,
|
|
.repitem[data-reprowid="----Rep-SEFT---ID-01"] .repeatingContainer .traitHeader .select-icon,
|
|
.repitem[data-reprowid="----Rep-SEFT---ID-02"] .repeatingContainer .traitHeader .select-icon,
|
|
.repitem[data-reprowid="----Rep-SEFT---ID-03"] .repeatingContainer .traitHeader .select-icon{
|
|
display:none;
|
|
}
|
|
|
|
|
|
/* ++++ - FIM NPC Side Effects - +++++ */
|
|
|
|
|
|
|
|
/* ++++ - NPC Power - +++++ */
|
|
.pseudoBody .pseudoDisplay .npcGenericSource,
|
|
.npcInspirationSource,
|
|
.npcQuantumSource,
|
|
.npcJinketsuPowerSource,
|
|
.npcPsiPsiadSource,
|
|
.npcPsiPsionSource{
|
|
display: none;
|
|
}
|
|
|
|
|
|
.selectedTier[value="NPC"] ~ .sourceType[value='source'] ~* .npcGenericSource,
|
|
.selectedTier[value="NPC"] ~ .sourceType[value='inspiration'] ~* .npcInspirationSource,
|
|
.selectedTier[value="NPC"] ~ .sourceType[value='quantum'] ~* .npcQuantumSource,
|
|
.selectedTier[value="NPC"] ~ .sourceType[value='jinketsupower'] ~* .npcJinketsuPowerSource,
|
|
.selectedTier[value="NPC"] ~ .sourceType[value='psipsiad'] ~* .npcPsiPsiadSource,
|
|
.selectedTier[value="NPC"] ~ .sourceType[value='psipsion'] ~* .npcPsiPsionSource{
|
|
display: flex;
|
|
}
|
|
|
|
/* ++++ - FIM NPC Power - +++++ */
|
|
|
|
|
|
|
|
|
|
/* ++++ - NPC Power - +++++ */
|
|
.TCGenericPowers .title2{
|
|
margin-bottom: 3px;
|
|
|
|
}
|
|
|
|
.selectedTier[value="NPC"] ~* .TCGifts .title2 .titleLabel input{
|
|
margin-left: 6%;
|
|
}
|
|
|
|
|
|
.npc-othertraits .title2 input {
|
|
background: transparent;
|
|
border: none;
|
|
text-align: center;
|
|
font-size: 27px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
width: 85%;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.TCGenericPowers .megaEdgeTabContent{
|
|
height: 323px;
|
|
}
|
|
|
|
|
|
.TCGenericPowers .megaEdgeDescriptionTab {
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.TCGenericPowers .megaEdgeTraitColumn1 {
|
|
width: 115%;
|
|
height: 48px;
|
|
}
|
|
|
|
.TCGenericPowers .megaEdgeTraitsHeader{
|
|
padding: 0px;
|
|
}
|
|
|
|
.TCGenericPowers .megaEdgeTabContent .inputLine {
|
|
font-size: 14px;
|
|
border-color: #BFBFBF;
|
|
color: #737373;
|
|
text-align: center;
|
|
width: 40%;
|
|
flex-grow: 0;
|
|
padding-right: 3%;
|
|
margin-top: -2px;
|
|
margin-top: -3px;
|
|
padding-top: 3px;
|
|
margin-right: -2px;
|
|
}
|
|
|
|
.TCGenericPowers .megaEdgeDescriptionTab .readerTrait textarea {
|
|
min-height: 255px;
|
|
max-height: 255px;
|
|
}
|
|
|
|
.TCGenericPowers .megaEdgeTabContent{
|
|
height: 323px;
|
|
display: flex;
|
|
}
|
|
|
|
.TCGenericPowers .expanderFlag[value="1"] ~ * .megaEdgeExpandedArea {
|
|
height: 335px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.TCGenericPowers .repcontainer.editmode .repitem[data-reprowid="----Rep-GPwr---ID-00"] .itemcontrol .repcontrol_del,
|
|
.TCGenericPowers .repcontainer.editmode .repitem[data-reprowid="----Rep-GPwr---ID-01"] .itemcontrol .repcontrol_del,
|
|
.TCGenericPowers .repcontainer.editmode .repitem[data-reprowid="----Rep-GPwr---ID-02"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
/* ++++ - FIM NPC Power - +++++ */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ++++ - SuperScience Adjustments - +++++ */
|
|
|
|
.selectedTier[value="ftech"] ~* button[name="act_equipments"]{
|
|
display: none;
|
|
}
|
|
|
|
.selectedTier[value="ftech"] ~* .rollButtons{
|
|
display: none;
|
|
}
|
|
|
|
.selectedTier[value="ftech"] ~* .tier{
|
|
width: 75%;
|
|
}
|
|
|
|
.selectedTier[value="ftech"] ~* .builtBy{
|
|
width: 100%;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.selectedTier[value="qtech"] ~* button[name="act_equipments"]{
|
|
display: none;
|
|
}
|
|
|
|
.selectedTier[value="qtech"] ~* .rollButtons{
|
|
display: none;
|
|
}
|
|
|
|
.selectedTier[value="qtech"] ~* .tier{
|
|
width: 75%;
|
|
}
|
|
|
|
|
|
|
|
/* ++++ - FIM SuperScience Adjustments - +++++ */
|
|
|
|
|
|
/* ++++ - SuperScience Header - +++++ */
|
|
.reader .singleArmor{
|
|
width: 100%;
|
|
height: 47px;
|
|
}
|
|
|
|
.reader .singleArmor .weaponHeader .flex.fColumn{
|
|
margin-top: -5px;
|
|
}
|
|
|
|
.reader .singleArmor .weaponHeader .inputWeaponEnhancementConteiner{
|
|
margin-bottom: -2px;
|
|
}
|
|
|
|
.reader .singleArmor .weaponHeader .inputWeaponTitle{
|
|
font-size: 12px;
|
|
}
|
|
|
|
.reader .singleArmor .weaponHeader .inputWeaponName{
|
|
margin-top: -6px;
|
|
}
|
|
|
|
|
|
/* ++++ - FIM SuperScience Header - +++++ */
|
|
|
|
|
|
|
|
|
|
|
|
/* ++++ - InjurysTECH - +++++ */
|
|
|
|
.inputBox[name="attr_injurytech-trait-1"]{
|
|
max-width: 110px;
|
|
}
|
|
|
|
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Ijrt---ID-00"] .itemcontrol,
|
|
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Ijrt---ID-01"] .itemcontrol,
|
|
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Ijrt---ID-02"] .itemcontrol,
|
|
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Ijrt---ID-03"] .itemcontrol{
|
|
display: none;
|
|
}
|
|
|
|
.repitem[data-reprowid="----Rep-Ijrt---ID-00"] .repeatingContainer .traitHeader .injury-selectType,
|
|
.repitem[data-reprowid="----Rep-Ijrt---ID-01"] .repeatingContainer .traitHeader .injury-selectType,
|
|
.repitem[data-reprowid="----Rep-Ijrt---ID-02"] .repeatingContainer .traitHeader .injury-selectType,
|
|
.repitem[data-reprowid="----Rep-Ijrt---ID-03"] .repeatingContainer .traitHeader .injury-selectType{
|
|
pointer-events: none;
|
|
}
|
|
|
|
.repitem[data-reprowid="----Rep-Ijrt---ID-00"] .repeatingContainer .traitHeader .select-icon,
|
|
.repitem[data-reprowid="----Rep-Ijrt---ID-01"] .repeatingContainer .traitHeader .select-icon,
|
|
.repitem[data-reprowid="----Rep-Ijrt---ID-02"] .repeatingContainer .traitHeader .select-icon,
|
|
.repitem[data-reprowid="----Rep-Ijrt---ID-03"] .repeatingContainer .traitHeader .select-icon{
|
|
display:none;
|
|
}
|
|
|
|
|
|
|
|
/* ++++ - Fim InjurysTECH - +++++ */
|
|
|
|
|
|
|
|
.headOtherTier .npc-traits,
|
|
.headOtherTier .conditions,
|
|
.headOtherTier .notes{
|
|
width: 100%;
|
|
}
|
|
|
|
.TCSheet .headOtherTier .sheet-col.otherTierConditions{
|
|
margin-right: 0px;
|
|
}
|
|
|
|
|
|
|
|
/* ++++ - Vehicle Adjustments - +++++ */
|
|
|
|
.selectedTier[value="transport"] ~* button[name="act_equipments"]{
|
|
display: none;
|
|
}
|
|
|
|
.selectedTier[value="transport"] ~* .owner{
|
|
width: 50%;
|
|
}
|
|
|
|
.selectedTier[value="transport"] ~* .tier{
|
|
width: 55.5%;
|
|
}
|
|
|
|
.technologyTech{
|
|
width: 100%;
|
|
}
|
|
|
|
.npc-traits .technologyTech .boxPoints {
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.selectedTier[value="transport"] ~* .builtBy{
|
|
flex-grow: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.fmtTo{
|
|
display: none;
|
|
}
|
|
|
|
|
|
.selectedTier[value="transport"] ~* .rollButtons{
|
|
display: none;
|
|
}
|
|
|
|
.transport .npc-traits .npcDefenseEnhancements {
|
|
margin-top: 14px;
|
|
margin-bottom: -5px;
|
|
}
|
|
|
|
.npc-traits .npcPools .npcPool .flex .wealthValue ~ select {
|
|
transition: none;
|
|
background: none;
|
|
}
|
|
|
|
.npc-traits .npcPools .npcPool .flex .wealthValue[value="0"] ~ select{
|
|
opacity: .5;
|
|
}
|
|
|
|
.npc-traits .npcPools .npcPool select[name="attr_equipment_size"] option[value="0"]{
|
|
display:none;
|
|
}
|
|
|
|
|
|
.npcPools .transportFT{
|
|
display: flex;
|
|
}
|
|
|
|
.npcPools .transportFT .input-label{
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.technologyTech select{
|
|
text-align: center;
|
|
border: none;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
flex-grow: 0;
|
|
}
|
|
|
|
.selectedTech[value="noetic"] ~* .transport .fmtTo{
|
|
display: flex;
|
|
}
|
|
|
|
.selectedTech[value="noetic"] ~* .transport .builtBy{
|
|
margin-left: 10px;
|
|
width: 73%;
|
|
}
|
|
|
|
.selectedTech[value="hard"] ~* .npcPools .transportFT{
|
|
pointer-events: none;
|
|
}
|
|
|
|
.selectedTech[value="hard"] ~* .npcPools .transportFT .input-label{
|
|
opacity: .5;
|
|
}
|
|
|
|
.selectedTech[value="hard"] ~* .npc-traits .npcPools .npcPool .transportFT div input.primaryColorFont{
|
|
color:transparent;
|
|
opacity: 0;
|
|
}
|
|
|
|
.TCGifts .repcontainer.editmode .repitem[data-reprowid="----Rep-Trtg---ID-00"] .itemcontrol .repcontrol_del,
|
|
.TCGifts .repcontainer.editmode .repitem[data-reprowid="----Rep-Trtg---ID-01"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Tcod---ID-00"] .itemcontrol .repcontrol_del,
|
|
.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Tcod---ID-01"] .itemcontrol .repcontrol_del,
|
|
.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Tcod---ID-02"] .itemcontrol .repcontrol_del,
|
|
.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Tcod---ID-03"] .itemcontrol .repcontrol_del,
|
|
.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Tcod---ID-04"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
.npc-traits .npcPool.technologyType {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.npc-traits .npcPool.transportSize {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
/* ++++ - FIM Vehicle Adjustments - +++++ */
|
|
|
|
|
|
|
|
|
|
/* ++++ - Equipment Adjustments - +++++ */
|
|
.EquipmentSubType {
|
|
width: 62%;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.npc-traits .equipmentTypeRange {
|
|
margin-top: 10px;
|
|
margin-bottom: -5px;
|
|
}
|
|
|
|
.npc-traits .equipmentArmorResistant {
|
|
margin-top: 20px;
|
|
margin-bottom: -5px;
|
|
}
|
|
|
|
.npc-traits .equipmentArmorResistant .npcEnhancements {
|
|
height: 10px;
|
|
}
|
|
|
|
.npc-traits .equipmentArmorResistant .input-label.alt {
|
|
font-size: 13px;
|
|
font-weight: 550;
|
|
}
|
|
|
|
.npc-traits .equipmentArmorResistant input[type="checkbox"] {
|
|
margin-right: 4px;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
|
|
.headerStatsWeaponType{
|
|
margin-top: 16px;
|
|
}
|
|
|
|
|
|
.singleArmor .weaponHeader .headerStatsWeaponType input{
|
|
text-transform: uppercase;
|
|
font-style: normal;
|
|
font-size: 14px;
|
|
font-weight: 550;
|
|
text-align: right;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
margin-right: 0px;
|
|
border: 1px solid transparent;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.singleArmor .weaponHeader .headerStatsWeaponType input:active,
|
|
.singleArmor .weaponHeader .headerStatsWeaponType input:hover,
|
|
.singleArmor .weaponHeader .headerStatsWeaponType input:focus {
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
|
|
|
|
|
|
.headerStatsWeaponType div.primaryColorFont{
|
|
font-size: 11px;
|
|
}
|
|
|
|
|
|
.selectedTier[value="equipment"] ~* button[name="act_equipments"]{
|
|
display: none;
|
|
}
|
|
|
|
.selectedTier[value="equipment"] ~* .rollButtons{
|
|
display: none;
|
|
}
|
|
|
|
|
|
.selectedTech[value="noetic"] ~* .equipment .fmtTo{
|
|
display: flex;
|
|
}
|
|
|
|
.selectedTech[value="noetic"] ~* .equipment .builtBy{
|
|
display: none;
|
|
}
|
|
|
|
|
|
.selectedTech[value="hard"] ~* .equipment .builtBy{
|
|
display: flex;
|
|
}
|
|
|
|
.equipmentRange select + .input-label{
|
|
margin-left: 6px;
|
|
}
|
|
|
|
|
|
/* ++++ - Fim Equipment Adjustments - +++++ */
|
|
|
|
|
|
|
|
/* ++++ - V.A.R.G Adjustments - +++++ */
|
|
|
|
.reader.varg .inputWeaponEnhancementConteiner{
|
|
margin-right: 5px;
|
|
}
|
|
|
|
|
|
.reader.varg .inputWeaponEnhancementConteiner input{
|
|
width: 25px;
|
|
}
|
|
|
|
.otherTierUniqueAbility textArea{
|
|
/* overflow: hidden; */
|
|
resize: none;
|
|
resize: none;
|
|
text-align: justify;
|
|
white-space: pre-line;
|
|
-moz-text-align-last: left;
|
|
text-align-last: left;
|
|
height: 145px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
/* .otherTierUniqueAbility textArea:hover{
|
|
overflow: initial;
|
|
} */
|
|
|
|
.npc-traits .npcPool.transportSize.lifeSuportDays {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
|
|
.transportSize.baseSpeed{
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.otherTierUniqueAbility .title2{
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
|
|
.selectedTier[value="varg"] ~* button[name="act_equipments"]{
|
|
display: none;
|
|
}
|
|
|
|
.selectedTech[value="noetic"] ~ * .varg .fmtTo {
|
|
display: flex;
|
|
}
|
|
|
|
.selectedTech[value="noetic"] ~ * .varg .builtBy {
|
|
display: none;
|
|
}
|
|
|
|
.selectedTier[value="varg"] ~* .rollButtons .hider[value="1"] + div{
|
|
height: 32px;
|
|
}
|
|
|
|
|
|
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Vinj---ID-00"] .itemcontrol,
|
|
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Vinj---ID-01"] .itemcontrol,
|
|
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Vinj---ID-02"] .itemcontrol,
|
|
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Vinj---ID-03"] .itemcontrol{
|
|
display: none;
|
|
}
|
|
|
|
/* ++++ - Fim V.A.R.G Adjustments - +++++ */
|
|
|
|
|
|
|
|
|
|
/* ++++ - Skill Anima- +++++ */
|
|
|
|
.animaCol{
|
|
width: 31.7%;
|
|
}
|
|
|
|
.animaSkills{
|
|
margin-bottom: -20px;
|
|
}
|
|
|
|
.animaSkill{
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #B9B9B9;
|
|
padding-bottom: 10px;
|
|
margin-bottom: 20px;
|
|
background: #F7F7F5;
|
|
}
|
|
|
|
.animaSkillHeader{
|
|
height: 33px;
|
|
padding-left: 10px;
|
|
padding-right: 5px;
|
|
border-bottom: 1px solid #B9B9B900;
|
|
|
|
}
|
|
|
|
.animaSkillName{
|
|
font-size: 20px;
|
|
}
|
|
|
|
.animaSkillBody{
|
|
padding-left: 16px;
|
|
padding-right: 12px;
|
|
}
|
|
|
|
|
|
.animaSkillEnhac{
|
|
margin-top: 10px;
|
|
color: #424242;
|
|
}
|
|
|
|
.animaSkillEnhacName{
|
|
font-size: 16px;
|
|
}
|
|
|
|
.animaSkillBody .line{
|
|
border-color: #CECECE;
|
|
}
|
|
|
|
.animaSkillEnhacNumber.boxPoints{
|
|
width: 60px;
|
|
height: 28px;
|
|
}
|
|
|
|
.pseudoDisplay .animaSkillEnhacNumber.boxPoints input{
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
width: 61px;
|
|
}
|
|
|
|
.animaSkillEnhacNumber.boxPoints input:hover{
|
|
padding-left: 30%;
|
|
}
|
|
|
|
.TCAnimaAspects .title2{
|
|
margin-bottom: 3px;
|
|
|
|
}
|
|
|
|
.TCAnimaAspects .tagAspect{
|
|
width: 50px;
|
|
}
|
|
|
|
/* ++++ - FIM Skill Anima- +++++ */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ++++ - APPROACHES Anima - +++++ */
|
|
|
|
.animaApproaches .arenas{
|
|
width: initial;
|
|
}
|
|
|
|
.animaApproaches .arena{
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
/* ++++ - FIM APPROACHES Anima - +++++ */
|
|
|
|
|
|
|
|
|
|
/* ++++ - Health Anima - +++++ */
|
|
|
|
.anima .animaHealth .boxPoint{
|
|
width: 70px;
|
|
height: 50px;
|
|
}
|
|
|
|
.anima .animaHealth .boxPoint input{
|
|
font-size: 24px;
|
|
}
|
|
|
|
.animaHealth .boxPoints{
|
|
margin-top: 20px;
|
|
width: 67%;
|
|
}
|
|
|
|
.anima .animaHealth .boxPoints input{
|
|
font-weight: bold;
|
|
width: 2.9em;
|
|
}
|
|
|
|
.animaDefense{
|
|
background-color: #DBDBDB;
|
|
}
|
|
|
|
/* ++++ - FIM Health Anima - +++++ */
|
|
|
|
|
|
|
|
|
|
/* ++++ - Path Anima - +++++ */
|
|
|
|
.anima .pathHeader input{
|
|
font-size: 24px;
|
|
}
|
|
|
|
.anima .pathSuperGroup{
|
|
height: initial;
|
|
}
|
|
|
|
.anima .pathTabButtons{
|
|
width: 95%;
|
|
}
|
|
|
|
.anima .pathTabButtons button{
|
|
width: 50%;
|
|
}
|
|
|
|
.anima .animaAspect{
|
|
margin-top: 3px;
|
|
}
|
|
|
|
|
|
|
|
.TCAnimaAspects .repcontainer.editmode .repitem[data-reprowid="----Rep-ASpc---ID-00"] .itemcontrol .repcontrol_del,
|
|
.TCAnimaAspects .repcontainer.editmode .repitem[data-reprowid="----Rep-ASpc---ID-01"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
.animaAspect .input-label{
|
|
font-size: 15px;
|
|
}
|
|
|
|
.animaAspect textarea,
|
|
.animaCallInTheGuild textarea{
|
|
resize: none;
|
|
height: 55px;
|
|
border-radius: 0px;
|
|
padding: 4px;
|
|
color: #555;
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
background: #f5f6f7;
|
|
text-indent: 0px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.animaAspect textarea:hover,
|
|
.animaCallInTheGuild textarea:hover{
|
|
background: #fbfbfb;
|
|
}
|
|
|
|
.anima .animaCallInTheGuild textarea{
|
|
height: 248px;
|
|
}
|
|
|
|
.TCPaths.anima .animaRelatedApproaches .boxPoints{
|
|
width: 100%;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.TCPaths.anima .animaRelatedApproaches .boxPoint{
|
|
width: 68px;
|
|
height: 40px;
|
|
}
|
|
|
|
.TCPaths.anima .animaRelatedApproaches .boxPoint input{
|
|
font-size: 19px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.animaStartingHP{
|
|
margin-top: 33px;
|
|
}
|
|
|
|
.animaStartingHP .readerTrait{
|
|
justify-content: initial;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.animaStartingHP .boxPoints{
|
|
width: initial;
|
|
align-self: center;
|
|
margin-top: -34px;
|
|
}
|
|
|
|
.animaStartingHP .boxPoint{
|
|
width: 68px;
|
|
height: 30px;
|
|
}
|
|
|
|
.anima .animaStartingHP .boxPoint input{
|
|
width: 3.5em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.animaStartingHP .boxPoint input:hover{
|
|
width: 66px;
|
|
}
|
|
|
|
.animaStartingEquipments{
|
|
margin-top: 42px;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* show the selected tab */
|
|
.quantumPowerTabsToggle[value="quantum-power-1-traits"] ~* .quantumPowerTraitsTab,
|
|
.quantumPowerTabsToggle[value="quantum-power-1-description"] ~* .quantumPowerDescriptionTab,
|
|
.quantumPowerTabsToggle[value="quantum-power-2-traits"] ~* .quantumPowerTraitsTab,
|
|
.quantumPowerTabsToggle[value="quantum-power-2-description"] ~* .quantumPowerDescriptionTab{
|
|
display: flex;
|
|
}
|
|
|
|
|
|
.animaQuestPhase {
|
|
width: 100%;
|
|
}
|
|
|
|
.animaQuestPhase .input-label{
|
|
font-size: 15px;
|
|
}
|
|
|
|
.animaQuestPhase textarea{
|
|
resize: none;
|
|
height: 40px;
|
|
color: #555;
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
text-indent: 0px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.prereqLabel{
|
|
width: 60px;
|
|
margin-right: 15px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.anima .quantumPowerTraitsHeader{
|
|
height: 102px;
|
|
}
|
|
|
|
.anima .quantumPowerTraitsTab .inputLine{
|
|
text-align: center;
|
|
}
|
|
|
|
.anima .expanderFlag[value="1"] ~ * .quantumPowerExpandedArea {
|
|
height: 303px;
|
|
overflow: visible;
|
|
}
|
|
|
|
.anima .quantumPowerTabContent {
|
|
height: 270px;
|
|
}
|
|
|
|
.anima .quantumPowerTagsContainer {
|
|
height: 165px;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.animaBuffLevel{
|
|
height: 24px;
|
|
width: 100%;
|
|
margin-bottom: 2px;
|
|
position: relative;
|
|
}
|
|
|
|
.animaBuffPrereq{
|
|
width: 60px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.animaBuffName{
|
|
margin-right: 10px;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.TCAnimaAspects.anima .animaBuffName input{
|
|
padding-left: 10px;
|
|
text-align: left;
|
|
}
|
|
|
|
.TCAnimaAspects.anima .quantumPower .animaBuffLevel .traitHeader{
|
|
width: 100%;
|
|
height: 30px;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
position: relative;
|
|
border: 1px solid #008d8800;
|
|
transition: .2s;
|
|
}
|
|
|
|
.TCAnimaAspects.anima .quantumPower .animaBuffLevel .traitHeader .dots{
|
|
padding-top: 0px;
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.animaBuffExpander{
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.animaBuffExpander span{
|
|
color: #717171;
|
|
}
|
|
|
|
.quantumPowerTagsContainer .animaBuffLevel .expandedArea {
|
|
max-width: calc(100% - 10px);
|
|
min-width: calc(100% - 10px);
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
|
|
.animaBuffLevel .expanderFlagModal[value="0"] ~ .expandedArea,
|
|
.animaBuffLevel .expanderFlagModal[value="1"] ~ .expandedArea{
|
|
top: auto;
|
|
margin-top: -8px;
|
|
}
|
|
|
|
.TCAnimaAspects.anima .gt-5{
|
|
display: flex;
|
|
}
|
|
|
|
.animaEffects,
|
|
.animaDescription {
|
|
width: 100%;
|
|
}
|
|
|
|
.animaEffects .input-label,
|
|
.animaDescription .input-label{
|
|
font-size: 15px;
|
|
}
|
|
|
|
.animaEffects textarea,
|
|
.animaDescription textarea{
|
|
resize: none;
|
|
color: #555;
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
text-indent: 0px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.anima .quantumPowerDescriptionTab{
|
|
padding: 0px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.animaEffects textarea{
|
|
height: 60px;
|
|
}
|
|
|
|
.animaDescription textarea{
|
|
height: 115px;
|
|
}
|
|
/* ++++ - Fim Path Anima - +++++ */
|
|
|
|
|
|
|
|
/* ################ - FIM SHEET - ################ */
|
|
|
|
|
|
|
|
|
|
|
|
/* ################ - EQUIPMENTS - ################ */
|
|
|
|
.TCEquipments .summaryButtons .hider[value="1"] + li,
|
|
.TCEquipments .summaryButtons .hider[value="1"] + div,
|
|
.TCEquipments .summaryButtons .hider[value="1"] + label {
|
|
height: 125px;
|
|
}
|
|
|
|
|
|
/* ++++ - WEAPONS - +++++ */
|
|
.TCWeapons{
|
|
margin-top: 15px;
|
|
}
|
|
|
|
/* .TCWeapons .title2{
|
|
margin-bottom: 5px;
|
|
} */
|
|
|
|
.weaponsContainer{
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.singleWeapon{
|
|
width: 31.7%;
|
|
/* height: 396px; */
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color:#B9B9B9;
|
|
}
|
|
|
|
|
|
.weaponHeader{
|
|
padding-top: 5px;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.inputWeaponTitle{
|
|
width: 65%;
|
|
border: none;
|
|
background-color: unset;
|
|
font-size: 13px;
|
|
font-weight: normal;
|
|
padding: 0px;
|
|
letter-spacing: -0.3px;
|
|
border-radius: 0px;
|
|
color: #8c8c8c;
|
|
border: 1px solid rgba(204, 204, 204, 0);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.inputWeaponTitle:hover,
|
|
.inputWeaponTitle:active,
|
|
.inputWeaponTitle:focus{
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.inputWeaponTitle:placeholder-shown{
|
|
color: #393939;
|
|
}
|
|
|
|
.inputWeaponTitle:placeholder-shown{
|
|
border-radius: 0px;
|
|
/* border-bottom: 1px solid #848484; */
|
|
}
|
|
|
|
|
|
|
|
.singleWeapon .weaponHeader .inputWeaponName{
|
|
margin-top: -4px;
|
|
width: 95%;
|
|
border: none;
|
|
background-color: unset;
|
|
font-size: 24px;
|
|
font-weight: 500;
|
|
padding: 0px;
|
|
letter-spacing: -0.3px;
|
|
border-radius: 0px;
|
|
color: #5E5E5E;
|
|
border: 1px solid rgba(204, 204, 204, 0);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.singleWeapon .weaponHeader .inputWeaponName:hover,
|
|
.singleWeapon .weaponHeader .inputWeaponName:active,
|
|
.singleWeapon .weaponHeader .inputWeaponName:focus{
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
|
|
.singleWeapon .weaponHeader .inputWeaponName:placeholder-shown{
|
|
border-radius: 0px;
|
|
border-bottom: 1px solid #848484;
|
|
}
|
|
|
|
|
|
.inputWeaponEnhancementConteiner{
|
|
margin-bottom: -11px;
|
|
}
|
|
|
|
.singleWeapon .weaponHeader .inputWeaponEnhancement{
|
|
width: 39px;
|
|
height: 37px;
|
|
background-color: unset;
|
|
font-size: 35px;
|
|
font-weight: 500;
|
|
padding: 0px;
|
|
letter-spacing: -1.8px;
|
|
color: #5E5E5E;
|
|
border: 1px solid rgba(204, 204, 204, 0);
|
|
border-radius: 3px;
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
.singleWeapon .weaponHeader .inputWeaponEnhancement:hover,
|
|
.singleWeapon .weaponHeader .inputWeaponEnhancement:active,
|
|
.singleWeapon .weaponHeader .inputWeaponEnhancement:focus{
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
|
|
|
|
.inputWeaponEnhancementConteiner div{
|
|
color: #5E5E5E;
|
|
font-size: 11px;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.weaponExpanderConteiner{
|
|
color: #979797;
|
|
width: 0px;
|
|
margin-top: -40px;
|
|
position: relative;
|
|
right: 11px;
|
|
}
|
|
|
|
.weaponHeader .weaponExpanderConteiner input{
|
|
left: 0px;
|
|
/* bottom: 0px; */
|
|
}
|
|
|
|
|
|
.weaponExpandedArea{
|
|
overflow: hidden;
|
|
}
|
|
|
|
.TCWeapons .weapon .expanderFlag[value="0"] ~* .singleWeapon{
|
|
margin-bottom: 0px;
|
|
transition: margin-bottom 0.3s;
|
|
}
|
|
|
|
.TCWeapons .weapon .expanderFlag[value="1"] ~* .singleWeapon{
|
|
margin-bottom: 10px;
|
|
transition: margin-bottom 0.3s;
|
|
|
|
}
|
|
|
|
.TCWeapons .weapon .expanderFlag[value="0"] ~* .singleWeapon{
|
|
height: 60px;
|
|
transition: height 0.3s;
|
|
}
|
|
|
|
.TCWeapons .weapon .expanderFlag[value="1"] ~* .singleWeapon{
|
|
height: 420px;
|
|
transition: height 0.3s;
|
|
|
|
}
|
|
|
|
.expanderFlag[value="0"] ~* .weaponExpandedArea{
|
|
opacity: 0;
|
|
transition: height 0.3s , opacity 0.3s;
|
|
height: 0px !important;
|
|
margin-bottom: 0px;
|
|
padding-bottom: 0px;
|
|
border-bottom-width: 0px;
|
|
padding-top: 0px;
|
|
margin-top: 0px;
|
|
top: 26px;
|
|
|
|
}
|
|
|
|
.expanderFlag[value="1"] ~* .weaponExpandedArea{
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
transition: height 0.3s , opacity 0.3s;
|
|
margin-bottom: 10px;
|
|
top: 26px;
|
|
height: 345px;
|
|
overflow: initial;
|
|
}
|
|
|
|
|
|
|
|
.weaponTabContent{
|
|
background-color:#F5F6F7;
|
|
border-top: solid;
|
|
border-top-width: 1px;
|
|
border-top-color:#B9B9B9;
|
|
border-bottom: solid;
|
|
border-bottom-width: 1px;
|
|
border-bottom-color:#B9B9B9;
|
|
border-bottom: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*Configure the tab buttons*/
|
|
.weaponTraitsTab,
|
|
.weaponDescriptionTab{
|
|
display: none;
|
|
}
|
|
|
|
.weaponDescriptionTab{
|
|
height: 305px;
|
|
padding:10px;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: #B9B9B9;
|
|
border-bottom-width: 1px;
|
|
}
|
|
|
|
|
|
.weaponTabButtons{
|
|
width: 95%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
.weaponTabButtons button{
|
|
border: none;
|
|
font-size: 12px;
|
|
color: #00000085;
|
|
transition: background-color 0s;
|
|
width: 33%;
|
|
border: solid;
|
|
border-width: 1px;
|
|
border-color:#ffffff00;
|
|
border-bottom: none;
|
|
background-color: unset;
|
|
flex-grow: 1;
|
|
|
|
}
|
|
|
|
|
|
.singleWeapon .weaponTabButtons button:hover{
|
|
background-color: #0000000a;
|
|
transition: background-color 0s;
|
|
}
|
|
|
|
.weaponTabButtons button:focus{
|
|
outline: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* show the selected tab */
|
|
.weaponTabsToggle[value="weapon1-traits"] ~* .weaponTraitsTab,
|
|
.weaponTabsToggle[value="weapon2-traits"] ~* .weaponTraitsTab,
|
|
.weaponTabsToggle[value="weapon3-traits"] ~* .weaponTraitsTab,
|
|
.weaponTabsToggle[value="weapon1-description"] ~* .weaponDescriptionTab,
|
|
.weaponTabsToggle[value="weapon2-description"] ~* .weaponDescriptionTab,
|
|
.weaponTabsToggle[value="weapon3-description"] ~* .weaponDescriptionTab{
|
|
display: flex;
|
|
/* flex-direction: column; */
|
|
}
|
|
|
|
/* change button color */
|
|
.weaponTabsToggle[value="weapon1-traits"] ~* button[name="act_weapon1-traits"],
|
|
.weaponTabsToggle[value="weapon2-traits"] ~* button[name="act_weapon2-traits"],
|
|
.weaponTabsToggle[value="weapon3-traits"] ~* button[name="act_weapon3-traits"],
|
|
.weaponTabsToggle[value="weapon1-description"] ~* button[name="act_weapon1-description"],
|
|
.weaponTabsToggle[value="weapon2-description"] ~* button[name="act_weapon2-description"],
|
|
.weaponTabsToggle[value="weapon3-description"] ~* button[name="act_weapon3-description"]{
|
|
background-color: #F5F6F7;
|
|
border: solid;
|
|
border-width: 1px;
|
|
border-color:#B9B9B9;
|
|
border-bottom: none;
|
|
color: #757575;
|
|
padding-bottom: 2px;
|
|
padding-top: 1px;
|
|
}
|
|
|
|
|
|
.weaponTraitsTab,
|
|
.weaponDescriptionTab{
|
|
display: none;
|
|
}
|
|
|
|
.weaponTraitsHeader{
|
|
width: 90%;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.weaponType,
|
|
.weaponSize,
|
|
.weaponTech{
|
|
width: 46%;
|
|
}
|
|
|
|
.weaponRange,
|
|
.weaponCost,
|
|
.weaponValue,
|
|
.defaultWeaponValue{
|
|
width: 49%;
|
|
}
|
|
|
|
.weaponTraitsTab .readerTrait{
|
|
justify-content: space-between;
|
|
}
|
|
|
|
|
|
|
|
.weaponTraitsTab .input-label,
|
|
.weaponDescriptionTab .input-label{
|
|
font-size: 13px;
|
|
color: #464646;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.defaultWeaponValue{
|
|
pointer-events: none;
|
|
opacity: .5;
|
|
}
|
|
|
|
|
|
.weaponValue{
|
|
display:none;
|
|
}
|
|
|
|
.weaponValue .weaponFt,
|
|
.weaponValue .weaponAtt{
|
|
display: none
|
|
}
|
|
|
|
.techValueSelected[value="quantum"] ~ .WeaponValue,
|
|
.techValueSelected[value="noetic"] ~ .WeaponValue{
|
|
display: flex;
|
|
}
|
|
|
|
|
|
.techValueSelected[value="quantum"] ~ .defaultWeaponValue,
|
|
.techValueSelected[value="noetic"] ~ .defaultWeaponValue{
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
.techValueSelected[value="quantum"] ~ .weaponValue,
|
|
.techValueSelected[value="noetic"] ~ .weaponValue,
|
|
.techValueSelected[value="quantum"] ~* .weaponAtt,
|
|
.techValueSelected[value="noetic"] ~* .weaponFt{
|
|
display:flex;
|
|
pointer-events: initial;
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
|
|
/* .weaponAtt{
|
|
display:none;
|
|
}
|
|
|
|
.weaponFt,
|
|
.weaponValue{
|
|
display:flex;
|
|
pointer-events: none;
|
|
opacity: .5;
|
|
}
|
|
|
|
.techValueSelected[value="quantum"] ~ .weaponValue,
|
|
.techValueSelected[value="noetic"] ~ .weaponValue,
|
|
.techValueSelected[value="quantum"] ~* .weaponAtt,
|
|
.techValueSelected[value="noetic"] ~* .weaponFt{
|
|
display:flex;
|
|
pointer-events: initial;
|
|
opacity: 1;
|
|
} */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.weaponTraitsTab .inputLine{
|
|
font-size: 14px;
|
|
border-color: #9E9E9E;
|
|
color: #737373;
|
|
text-align: end;
|
|
min-width: 40%;
|
|
width: 65%;
|
|
flex-grow: 0;
|
|
padding-right: 3%;
|
|
text-align: center;
|
|
}
|
|
|
|
.weaponTraitsTab .weaponTechValue .inputLine{
|
|
margin: 0px;
|
|
padding-left:0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.weaponTags .input-label{
|
|
margin-top: 5px;
|
|
}
|
|
|
|
|
|
.weaponTagsSection{
|
|
background: white;
|
|
width: calc(100% - 30px);
|
|
height: 215px;
|
|
border-top-style: solid;
|
|
border-top-color: #B9B9B9;
|
|
border-top-width: 1px;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: #B9B9B9;
|
|
border-bottom-width: 1px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
|
|
|
|
.weaponTag{
|
|
margin-top: .5px;
|
|
position: relative;
|
|
}
|
|
|
|
.weaponTag .traitHeader {
|
|
padding: 0px;
|
|
}
|
|
|
|
.flex.fColumn .weaponTag .traitHeader{
|
|
height: 20.3px;
|
|
}
|
|
|
|
.weaponTag .inputLine {
|
|
text-align: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.weaponTagsColumn1 .weaponTag .expandedArea {
|
|
max-width: 38.7%;
|
|
min-width: 38.7%;
|
|
}
|
|
|
|
.weaponTagsColumn2 .weaponTag .expandedArea {
|
|
max-width: 38.7%;
|
|
min-width: 38.7%;
|
|
left: 16px;
|
|
}
|
|
|
|
|
|
.weaponTag .expandedArea {
|
|
max-width: calc(95% - 2px);
|
|
min-width: calc(95% - 2px);
|
|
}
|
|
|
|
.weaponTag .expanderFlagModal[value="0"] ~ .expandedArea,
|
|
.weaponTag .expanderFlagModal[value="1"] ~ .expandedArea{
|
|
top: auto;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.weaponTag input[type="checkbox"].expander + span::after {
|
|
color: #828282;
|
|
}
|
|
|
|
.weaponTag .traitHeader{
|
|
position: relative;
|
|
}
|
|
|
|
.weaponDescriptionTab .readerTrait textarea {
|
|
min-height: 97%;
|
|
max-height: 97%;
|
|
}
|
|
|
|
.weapon .repcontainer.editmode .repitem[data-reprowid="----Rep-Wepn---ID-00"] .itemcontrol .repcontrol_del,
|
|
.weapon .repcontainer.editmode .repitem[data-reprowid="----Rep-Wepn---ID-01"] .itemcontrol .repcontrol_del,
|
|
.weapon .repcontainer.editmode .repitem[data-reprowid="----Rep-Wepn---ID-02"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* ++++ - FIM WEAPONS - +++++ */
|
|
|
|
|
|
/* ++++ - ARMOR - +++++ */
|
|
.TCArmors{
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.TCArmors .title2{
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.singleArmor{
|
|
width: 48%;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color:#B9B9B9;
|
|
}
|
|
|
|
.singleArmor .weaponHeader .inputWeaponName{
|
|
margin-top: -4px;
|
|
width: 95%;
|
|
border: none;
|
|
background-color: unset;
|
|
font-size: 24px;
|
|
font-weight: 500;
|
|
padding: 0px;
|
|
letter-spacing: -0.3px;
|
|
border-radius: 0px;
|
|
/* //color: #5E5E5E; */
|
|
border: 1px solid rgba(204, 204, 204, 0);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.singleArmor .weaponHeader .inputWeaponName:hover,
|
|
.singleArmor .weaponHeader .inputWeaponName:active,
|
|
.singleArmor .weaponHeader .inputWeaponName:focus{
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
|
|
.singleArmor .weaponHeader .inputWeaponName:placeholder-shown{
|
|
border-radius: 0px;
|
|
border-bottom: 1px solid #848484;
|
|
}
|
|
|
|
.singleArmor .weaponHeader .inputWeaponEnhancement{
|
|
width: 50px;
|
|
height: 37px;
|
|
background-color: unset;
|
|
font-size: 35px;
|
|
font-weight: 500;
|
|
padding: 0px;
|
|
letter-spacing: -1.8px;
|
|
color: #5E5E5E;
|
|
border: 1px solid rgba(204, 204, 204, 0);
|
|
border-radius: 3px;
|
|
text-align: right;
|
|
}
|
|
|
|
.singleArmor .weaponHeader .inputWeaponEnhancement.formatable{
|
|
width: 68px;
|
|
}
|
|
|
|
.singleArmor .weaponHeader .inputWeaponEnhancement:hover,
|
|
.singleArmor .weaponHeader .inputWeaponEnhancement:active,
|
|
.singleArmor .weaponHeader .inputWeaponEnhancement:focus{
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.armorBase,
|
|
.armorTech{
|
|
width: 46%;
|
|
}
|
|
|
|
.armor .weaponRange,
|
|
.armor .weaponCost,
|
|
.armor .weaponValue,
|
|
.armor .defaultWeaponValue{
|
|
width: 46%;
|
|
}
|
|
|
|
.flex .flex .armorBase select{
|
|
text-align: center;
|
|
}
|
|
|
|
.armorValue{
|
|
width: 49%;
|
|
}
|
|
|
|
|
|
.TCWeapons .armor .expanderFlag[value="0"] ~* .singleArmor{
|
|
margin-bottom: 0px;
|
|
transition: margin-bottom 0.3s;
|
|
}
|
|
|
|
.TCWeapons .armor .expanderFlag[value="1"] ~* .singleArmor{
|
|
margin-bottom: 10px;
|
|
transition: margin-bottom 0.3s;
|
|
|
|
}
|
|
|
|
.TCWeapons .armor .expanderFlag[value="0"] ~* .singleArmor{
|
|
height: 60px;
|
|
transition: height 0.3s;
|
|
}
|
|
|
|
.TCWeapons .armor .expanderFlag[value="1"] ~* .singleArmor{
|
|
height: 396px;
|
|
transition: height 0.3s;
|
|
|
|
}
|
|
|
|
.pseudoDisplay .TCWeapons .armor .singleArmor .weaponTabButtons button:hover{
|
|
background-color: #0000000a;
|
|
transition: background-color 0s;
|
|
}
|
|
|
|
|
|
.TCArmor .armor .expanderFlag[value="0"] ~* .singleArmor{
|
|
margin-bottom: 0px;
|
|
transition: margin-bottom 0.3s;
|
|
}
|
|
|
|
.TCArmor .armor .expanderFlag[value="1"] ~* .singleArmor{
|
|
margin-bottom: 10px;
|
|
transition: margin-bottom 0.3s;
|
|
|
|
}
|
|
|
|
.TCArmor .armor .expanderFlag[value="0"] ~* .singleArmor{
|
|
height: 60px;
|
|
transition: height 0.3s;
|
|
}
|
|
|
|
.TCArmor .armor .expanderFlag[value="1"] ~* .singleArmor{
|
|
height: 420px;
|
|
transition: height 0.3s;
|
|
|
|
}
|
|
|
|
.pseudoDisplay .TCWeapons .armor .singleArmor .weaponTabButtons button:hover{
|
|
background-color: #0000000a;
|
|
transition: background-color 0s;
|
|
}
|
|
|
|
/* show the selected tab */
|
|
.armorTabsToggle[value="armor1-traits"] ~* .weaponTraitsTab,
|
|
.armorTabsToggle[value="armor2-traits"] ~* .weaponTraitsTab,
|
|
.armorTabsToggle[value="armor3-traits"] ~* .weaponTraitsTab,
|
|
.armorTabsToggle[value="armor1-description"] ~* .weaponDescriptionTab,
|
|
.armorTabsToggle[value="armor2-description"] ~* .weaponDescriptionTab,
|
|
.armorTabsToggle[value="armor3-description"] ~* .weaponDescriptionTab{
|
|
display: flex;
|
|
/* flex-direction: column; */
|
|
}
|
|
|
|
/* change button color */
|
|
.armorTabsToggle[value="armor1-traits"] ~* button[name="act_armor1-traits"],
|
|
.armorTabsToggle[value="armor2-traits"] ~* button[name="act_armor2-traits"],
|
|
.armorTabsToggle[value="armor3-traits"] ~* button[name="act_armor3-traits"],
|
|
.armorTabsToggle[value="armor1-description"] ~* button[name="act_armor1-description"],
|
|
.armorTabsToggle[value="armor2-description"] ~* button[name="act_armor2-description"],
|
|
.armorTabsToggle[value="armor3-description"] ~* button[name="act_armor3-description"]{
|
|
background-color: #F5F6F7;
|
|
border: solid;
|
|
border-width: 1px;
|
|
border-color:#B9B9B9;
|
|
border-bottom: none;
|
|
color: #757575;
|
|
padding-bottom: 2px;
|
|
padding-top: 1px;
|
|
}
|
|
|
|
.armorTag{
|
|
margin-top: .5px;
|
|
position: relative;
|
|
}
|
|
|
|
.armorTag .traitHeader {
|
|
padding: 0px;
|
|
}
|
|
|
|
.flex.fColumn .armorTag .traitHeader{
|
|
height: 20.3px;
|
|
}
|
|
|
|
.armorTag .inputLine {
|
|
text-align: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.weaponTagsColumn1 .armorTag .expandedArea {
|
|
max-width: 38.7%;
|
|
min-width: 38.7%;
|
|
}
|
|
|
|
.weaponTagsColumn2 .armorTag .expandedArea {
|
|
max-width: 38.7%;
|
|
min-width: 38.7%;
|
|
left: 16px;
|
|
}
|
|
|
|
|
|
.armorTag .expandedArea {
|
|
max-width: calc(95% - 32px);
|
|
min-width: calc(95% - 32px);
|
|
}
|
|
|
|
.armorTag .expanderFlagModal[value="0"] ~ .expandedArea,
|
|
.armorTag .expanderFlagModal[value="1"] ~ .expandedArea{
|
|
top: auto;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.armorTag input[type="checkbox"].expander + span::after {
|
|
color: #828282;
|
|
}
|
|
|
|
.armorTag .traitHeader{
|
|
position: relative;
|
|
}
|
|
|
|
.weaponDescriptionTab{
|
|
padding:10px;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: #B9B9B9;
|
|
border-bottom-width: 1px;
|
|
}
|
|
|
|
.weaponDescriptionTab .readerTrait textarea {
|
|
min-height: 97%;
|
|
max-height: 97%;
|
|
}
|
|
|
|
.armor .repcontainer.editmode .repitem[data-reprowid="----Rep-Armr---ID-00"] .itemcontrol .repcontrol_del,
|
|
.armor .repcontainer.editmode .repitem[data-reprowid="----Rep-Armr---ID-01"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* ++++ - FIM ARMOR - +++++ */
|
|
|
|
|
|
|
|
|
|
/* ++++ - GEARS - +++++ */
|
|
.TCGears .title2{
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.armorDescriptionTab .readerTrait textarea {
|
|
height: 200px;
|
|
}
|
|
|
|
.armorDescriptionTab{
|
|
height: 210px;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: #B9B9B9;
|
|
border-bottom-width: 1px;
|
|
}
|
|
|
|
.armorDescriptionTab textarea{
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
|
|
.TCGears .expanderFlag[value="1"] ~ * .weaponExpandedArea {
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
transition: height 0.3s , opacity 0.3s;
|
|
margin-bottom: 10px;
|
|
top: 26px;
|
|
height: 294px;
|
|
}
|
|
|
|
.TCGears .weaponValue,
|
|
.TCGears .defaultWeaponValue{
|
|
width: 46%;
|
|
}
|
|
|
|
.weapon .repcontainer.editmode .repitem[data-reprowid="----Rep-Gear---ID-00"] .itemcontrol .repcontrol_del,
|
|
.weapon .repcontainer.editmode .repitem[data-reprowid="----Rep-Gear---ID-01"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
/* ++++ - FIM GEARS - +++++ */
|
|
|
|
/* ################ - FIM EQUIPMENTS - ################ */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ################ -CUSTOM ROLL - ################ */
|
|
|
|
.TCCustomsRolls{
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.TCCustomsRolls .title{
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.customRollContainer{
|
|
margin-top: 10px;
|
|
margin-bottom: 40px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.customRollContainer .singleCustomRoll{
|
|
display: flex;
|
|
position:initial;
|
|
width: 30%;
|
|
top: 0px;
|
|
margin-left: 0px;
|
|
margin-bottom: 0px;
|
|
z-index: 0;
|
|
}
|
|
|
|
/* .defaultRollingDisplay.singleCustomRoll .rollTitleSection{
|
|
height: 76px;
|
|
}*/
|
|
|
|
.customRollContainer .rollTitleSection{
|
|
height: 58px;
|
|
}
|
|
|
|
.customRollContainer .inputWeaponTitle{
|
|
border:none;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
|
|
.topHeader{
|
|
width: 100%;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.topHeader .flex{
|
|
margin-right: -10px;
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.defaultRollingDisplay.singleCustomRoll .names {
|
|
padding-left: 4px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.defaultRollingDisplay.singleCustomRoll .rollTitleSection{
|
|
justify-content: initial;
|
|
align-items: initial;
|
|
}
|
|
|
|
|
|
.defaultRollingDisplay.singleCustomRoll .rollTitleSectionInner{
|
|
width: 100%;
|
|
height: 100%;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.defaultRollingDisplay.singleCustomRoll .target{
|
|
display: flex;
|
|
margin-right: 7px;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
|
|
.defaultRollingDisplay.singleCustomRoll .target div{
|
|
opacity: 0;
|
|
font-size: 11px;
|
|
margin-left: 3px;
|
|
margin-top: 11px;
|
|
}
|
|
|
|
/* .defaultRollingDisplay.singleCustomRoll .target .targetSelected:not([value="DF"]) ~ div{
|
|
color: #5E5E5E;
|
|
} */
|
|
|
|
.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="1"] ~ div,
|
|
.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="2"] ~ div,
|
|
.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="3"] ~ div,
|
|
.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="4"] ~ div,
|
|
.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="5"] ~ div,
|
|
.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="6"] ~ div,
|
|
.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="7"] ~ div,
|
|
.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="8"] ~ div,
|
|
.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="9"] ~ div,
|
|
.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="10"] ~ div{
|
|
color: #5E5E5E;
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
|
|
.defaultRollingDisplay.singleCustomRoll .targetNumber{
|
|
color: #5E5E5E;
|
|
font-weight: bold;
|
|
font-size: 33px;
|
|
opacity: 1;
|
|
border: none;
|
|
margin-top: -9px;
|
|
height: 40px;
|
|
text-align: right;
|
|
-moz-appearance: none;
|
|
background: transparent;
|
|
padding: 0px;
|
|
width: 41px;
|
|
margin-right: -3px;
|
|
line-height: initial;
|
|
appearance: none;
|
|
text-align-last:right;
|
|
}
|
|
|
|
.defaultRollingDisplay.singleCustomRoll .targetIcon{
|
|
color: #8A8A8A;
|
|
font-size: 15px;
|
|
margin-top: -13px;
|
|
}
|
|
|
|
|
|
|
|
.customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber:hover,
|
|
.customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber:active,
|
|
.customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber:focus{
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
color: rgb(104, 104, 104);
|
|
}
|
|
|
|
|
|
|
|
.defaultRollingDisplay.singleCustomRoll .names input {
|
|
width: 100%;
|
|
height: 33px;
|
|
opacity: 1;
|
|
border: none;
|
|
background: none;
|
|
pointer-events: auto;
|
|
margin-left: 1px;
|
|
font-size: 10px;
|
|
color: #5E5E5E;;
|
|
font-weight: bold;
|
|
font-size: 27px;
|
|
letter-spacing: 0px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.customRollContainer .defaultRollingDisplay.singleCustomRoll .names input:hover,
|
|
.customRollContainer .defaultRollingDisplay.singleCustomRoll .names input:active,
|
|
.customRollContainer .defaultRollingDisplay.singleCustomRoll .names input:focus{
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
color: rgb(104, 104, 104);
|
|
}
|
|
|
|
.defaultRollingDisplay.singleCustomRoll .names input:placeholder-shown{
|
|
border-radius: 0px;
|
|
border-bottom: 1px solid #636465;
|
|
}
|
|
|
|
.defaultRollingDisplay.singleCustomRoll .traitName {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: #5e5e5e;
|
|
width: auto;
|
|
margin-bottom: 0px;
|
|
text-align: center;
|
|
width: 112px;
|
|
height: 18px;
|
|
background: none;
|
|
padding-top: 5px;
|
|
margin-bottom: 5px;
|
|
border: none;
|
|
}
|
|
|
|
.customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName:hover,
|
|
.customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName:active,
|
|
.customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName:focus{
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
color: rgb(104, 104, 104);
|
|
}
|
|
|
|
.defaultRollingDisplay.singleCustomRoll .traitName:placeholder-shown {
|
|
border: none;
|
|
border-radius: 0px;
|
|
border-bottom: 1px solid #737373;
|
|
width: 85px;
|
|
}
|
|
|
|
|
|
|
|
.customRollExpandedArea{
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
|
|
.pseudoDisplay .TCRolls .expanderFlag[value="0"] ~ .customRollContainer{
|
|
margin-bottom: 25px;
|
|
transition: margin-bottom 0.3s;
|
|
}
|
|
|
|
|
|
.pseudoDisplay .TCRolls .expanderFlag[value="0"] ~* .singleCustomRoll{
|
|
margin-bottom: 0px;
|
|
transition: margin-bottom 0.3s;
|
|
}
|
|
|
|
.pseudoDisplay .TCRolls .expanderFlag[value="1"] ~* .singleCustomRoll{
|
|
margin-bottom: 10px;
|
|
transition: margin-bottom 0.3s;
|
|
|
|
}
|
|
|
|
.pseudoDisplay .TCRolls .expanderFlag[value="0"] ~* .singleCustomRoll{
|
|
height: 124px;
|
|
transition: height 0.3s;
|
|
}
|
|
|
|
.pseudoDisplay .TCRolls .expanderFlag[value="1"] ~* .singleCustomRoll{
|
|
height: 327px;
|
|
transition: height 0.3s;
|
|
|
|
}
|
|
|
|
|
|
.TCRolls .expanderFlag[value="0"] ~* .customRollExpandedArea{
|
|
opacity: 0;
|
|
transition: height 0.3s , opacity 0.3s;
|
|
height: 0px !important;
|
|
margin-bottom: 0px;
|
|
padding-bottom: 0px;
|
|
border-bottom-width: 0px;
|
|
padding-top: 0px;
|
|
margin-top: 0px;
|
|
top: 26px;
|
|
|
|
}
|
|
|
|
.TCRolls .expanderFlag[value="1"] ~* .customRollExpandedArea{
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
transition: height 0.3s , opacity 0.3s;
|
|
top: 26px;
|
|
height: 174px;
|
|
}
|
|
|
|
.TCRolls .expanderFlag[value="0"] ~* .rollEndingSection{
|
|
height: 60px;
|
|
border-top-style: solid;
|
|
border-top-width: 1px;
|
|
border-top-color: #b9b9b9;
|
|
transition: height 0.3s;
|
|
}
|
|
|
|
.pseudoDisplay .TCRolls .expanderFlag[value="0"] ~* .rollEndingSection button{
|
|
height: 54px;
|
|
transition: height 0.3s;
|
|
}
|
|
|
|
.pseudoDisplay .TCRolls .expanderFlag[value="1"] ~* .rollEndingSection button{
|
|
transition: height 0.3s;
|
|
}
|
|
|
|
.pseudoDisplay .TCRolls .expanderFlag[value="0"] ~* .defaultRollingDisplay .diceGraf{
|
|
transform: scale(0.7);
|
|
}
|
|
|
|
.pseudoDisplay .TCRolls .expanderFlag[value="0"] ~* .defaultRollingDisplay .rollEndingSectionInner:hover .diceGraf {
|
|
transform: scale(.77);
|
|
}
|
|
|
|
.pseudoDisplay .TCRolls .expanderFlag[value="0"] ~* .defaultRollingDisplay .rollEndingSectionInner:active .diceGraf{
|
|
transform: rotate(90deg) scale(.6);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*Configure the tab buttons*/
|
|
.TCRolls .customRoll .customRollContainer .defaultRollingDisplay.singleCustomRoll .colorFont{
|
|
transition: none;
|
|
}
|
|
|
|
|
|
.cRTraitsTab,
|
|
.cRDescriptionTab{
|
|
display: none;
|
|
}
|
|
|
|
|
|
.cRTraitsTab{
|
|
flex-direction: column;
|
|
}
|
|
|
|
|
|
.cRDescriptionTab{
|
|
height: 142px;
|
|
padding:10px;
|
|
border-top-style: solid;
|
|
border-top-color: #B9B9B9;
|
|
border-top-width: 1px;
|
|
background: white;
|
|
padding: 5px;
|
|
}
|
|
|
|
|
|
.cRTabButtons {
|
|
width: 95%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: -1px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.defaultRollingDisplay.singleCustomRoll .cRTabButtons button{
|
|
border: none;
|
|
font-size: 12px;
|
|
color: #757575;
|
|
transition: none;
|
|
width: 33%;
|
|
border: solid;
|
|
border-width: 1px;
|
|
border-color:#ffffff00;
|
|
border-bottom: none;
|
|
background-color: unset;
|
|
flex-grow: 1;
|
|
|
|
}
|
|
|
|
.defaultRollingDisplay.singleCustomRoll .cRTabButtons .activeButton,
|
|
.defaultRollingDisplay.singleCustomRoll .rollMiddleSection1{
|
|
background-color: #F5F6F7;
|
|
}
|
|
|
|
|
|
|
|
.customRoll .customRollContainer .defaultRollingDisplay.singleCustomRoll .cRTabButtons button{
|
|
transition: none;
|
|
}
|
|
|
|
|
|
.defaultRollingDisplay.singleCustomRoll .cRTabButtons button:hover{
|
|
background-color: #0000000a;
|
|
transition: background-color 0s;
|
|
}
|
|
|
|
|
|
|
|
.defaultRollingDisplay.singleCustomRoll .cRTabButtons button:focus{
|
|
outline: none;
|
|
}
|
|
|
|
|
|
|
|
/* show the selected tab */
|
|
.cRTabsToggle[value="cr01-traits"] ~* .cRTraitsTab,
|
|
.cRTabsToggle[value="cr02-traits"] ~* .cRTraitsTab,
|
|
.cRTabsToggle[value="cr03-traits"] ~* .cRTraitsTab,
|
|
.cRTabsToggle[value="cr01-description"] ~* .cRDescriptionTab,
|
|
.cRTabsToggle[value="cr02-description"] ~* .cRDescriptionTab,
|
|
.cRTabsToggle[value="cr03-description"] ~* .cRDescriptionTab{
|
|
display: flex;
|
|
/* flex-direction: column; */
|
|
}
|
|
|
|
/* change button color */
|
|
.cRTabsToggle[value="cr01-traits"] ~* button[name="act_cr01-traits"],
|
|
.cRTabsToggle[value="cr02-traits"] ~* button[name="act_cr02-traits"],
|
|
.cRTabsToggle[value="cr03-traits"] ~* button[name="act_cr03-traits"],
|
|
.cRTabsToggle[value="cr01-description"] ~* button[name="act_cr01-description"],
|
|
.cRTabsToggle[value="cr02-description"] ~* button[name="act_cr02-description"],
|
|
.cRTabsToggle[value="cr03-description"] ~* button[name="act_cr03-description"]{
|
|
border: solid;
|
|
border-width: 1px;
|
|
border-color:#B9B9B9;
|
|
border-bottom: none;
|
|
color: #757575;
|
|
padding-bottom: 2px;
|
|
padding-top: 1px;
|
|
}
|
|
|
|
|
|
.cRTabsToggle[value="cr01-description"] ~* button[name="act_cr01-traits"],
|
|
.cRTabsToggle[value="cr02-description"] ~* button[name="act_cr02-traits"],
|
|
.cRTabsToggle[value="cr03-description"] ~* button[name="act_cr03-traits"]{
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
|
|
|
|
.cRTabsToggle[value="cr01-description"] ~* button[name="act_cr01-description"],
|
|
.cRTabsToggle[value="cr02-description"] ~* button[name="act_cr02-description"],
|
|
.cRTabsToggle[value="cr03-description"] ~* button[name="act_cr03-description"]{
|
|
background-color: white;
|
|
}
|
|
|
|
|
|
.customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue {
|
|
font-size: 35px;
|
|
font-weight: bold;
|
|
width: 65px;
|
|
text-align: center;
|
|
background: none;
|
|
border: none;
|
|
padding: 0px;
|
|
text-align: center;
|
|
appearance: none;
|
|
-moz-appearance: textfield;
|
|
-webkit-margin-start:14px
|
|
}
|
|
|
|
|
|
|
|
.customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:hover,
|
|
.customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:active,
|
|
.customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:focus{
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
color: rgb(104, 104, 104);
|
|
appearance: initial;
|
|
-moz-appearance:initial;
|
|
}
|
|
|
|
.customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:placeholder-shown {
|
|
width: 60px;
|
|
}
|
|
|
|
|
|
.pseudoDisplay .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber {
|
|
font-size: 21px;
|
|
color: #656565;
|
|
font-weight: bold;
|
|
width: 36px;
|
|
text-align: center;
|
|
padding: 0px;
|
|
-moz-appearance: textfield;
|
|
margin: 0;
|
|
border: none;
|
|
}
|
|
|
|
|
|
.pseudoDisplay .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:hover,
|
|
.pseudoDisplay .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:active,
|
|
.pseudoDisplay .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:focus{
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
color: rgb(104, 104, 104);
|
|
appearance: initial;
|
|
-webkit-appearance: initial;
|
|
width: 50px;
|
|
}
|
|
|
|
.pseudoDisplay .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:placeholder-shown {
|
|
width: 36px;
|
|
}
|
|
|
|
.cRDescriptionTab .expandedArea{
|
|
border: none;
|
|
max-height: 126px;
|
|
min-height: 126px;
|
|
margin: 0px;
|
|
}
|
|
|
|
|
|
.customRoll .repcontainer.editmode .repitem[data-reprowid="----Rep-CRol---ID-00"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
/* ++++ - FIM ROLLS - +++++ */
|
|
|
|
|
|
|
|
/* ++++ - INITIATIVE - +++++ */
|
|
|
|
.TCCustomsInitiatives{
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.TCCustomsInitiatives .title{
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/*Configure the tab buttons*/
|
|
.TCRolls .customInitiative .customRollContainer .defaultRollingDisplay.singleCustomRoll .colorFont{
|
|
transition: none;
|
|
}
|
|
/*Fim Configure the tab buttons*/
|
|
|
|
|
|
|
|
/* show the selected tab */
|
|
.cITabsToggle[value="ci01-traits"] ~* .cRTraitsTab,
|
|
.cITabsToggle[value="ci02-traits"] ~* .cRTraitsTab,
|
|
.cITabsToggle[value="ci03-traits"] ~* .cRTraitsTab,
|
|
.cITabsToggle[value="ci01-description"] ~* .cRDescriptionTab,
|
|
.cITabsToggle[value="ci02-description"] ~* .cRDescriptionTab,
|
|
.cITabsToggle[value="ci03-description"] ~* .cRDescriptionTab{
|
|
display: flex;
|
|
/* flex-direction: column; */
|
|
}
|
|
|
|
/* change button color */
|
|
.cITabsToggle[value="ci01-traits"] ~* button[name="act_ci01-traits"],
|
|
.cITabsToggle[value="ci02-traits"] ~* button[name="act_ci02-traits"],
|
|
.cITabsToggle[value="ci03-traits"] ~* button[name="act_ci03-traits"],
|
|
.cITabsToggle[value="ci01-description"] ~* button[name="act_ci01-description"],
|
|
.cITabsToggle[value="ci02-description"] ~* button[name="act_ci02-description"],
|
|
.cITabsToggle[value="ci03-description"] ~* button[name="act_ci03-description"]{
|
|
border: solid;
|
|
border-width: 1px;
|
|
border-color:#B9B9B9;
|
|
border-bottom: none;
|
|
color: #757575;
|
|
padding-bottom: 2px;
|
|
padding-top: 1px;
|
|
}
|
|
|
|
|
|
.cITabsToggle[value="ci01-description"] ~* button[name="act_ci01-traits"],
|
|
.cITabsToggle[value="ci02-description"] ~* button[name="act_ci02-traits"],
|
|
.cITabsToggle[value="ci03-description"] ~* button[name="act_ci03-traits"]{
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
|
|
|
|
.cITabsToggle[value="ci01-description"] ~* button[name="act_ci01-description"],
|
|
.cITabsToggle[value="ci02-description"] ~* button[name="act_ci02-description"],
|
|
.cITabsToggle[value="ci03-description"] ~* button[name="act_ci03-description"]{
|
|
background-color: white;
|
|
}
|
|
|
|
|
|
.custominitiative .repcontainer.editmode .repitem[data-reprowid="----Rep-CIni---ID-00"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* ++++ - FIM INITIATIVE - +++++ */
|
|
|
|
/* ################ -FIM CUSTOM ROLL - ################ */
|
|
|
|
|
|
|
|
|
|
/* ################ - CircumsTAMCIAL - ################ */
|
|
.TCCombatMode{
|
|
min-height: 700px;
|
|
}
|
|
|
|
.TCcircumst{
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.singleCircumst{
|
|
width: 100%;
|
|
height: 220px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.circumstHeaderTraits{
|
|
width: 100%;
|
|
height: 58px;
|
|
}
|
|
|
|
|
|
.singleCircumst{
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #B9B9B9;
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
.singleCircumst .pathLabel{
|
|
font-size: 12px;
|
|
border-radius: 0px;
|
|
height: 18px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.circumstHeaderTraitsInputs{
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.circumstHeaderTraitsInputs .inputLine{
|
|
border-bottom: 1px solid #a4a4a4;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.inputLine.specifically{
|
|
text-align: center;
|
|
width: 147%;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
|
|
.inputLine.changes{
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
.circumstExpander{
|
|
width: 25px;
|
|
}
|
|
|
|
.circumstExpander div{
|
|
margin-right: -12px;
|
|
margin-top: 18px;
|
|
}
|
|
|
|
.circumstExpander div .expander{
|
|
left: 1px;
|
|
}
|
|
|
|
.circumstExpander .spanExpander{
|
|
color: #555;
|
|
}
|
|
|
|
.circumstExpanded{
|
|
height: 150px;
|
|
background-color: #f5f6f8;
|
|
border-top: solid;
|
|
border-top-width: 1px;
|
|
border-top-color:#B9B9B9;
|
|
border-bottom: solid;
|
|
border-bottom-width: 1px;
|
|
border-bottom-color:#B9B9B9;
|
|
overflow: hidden;
|
|
padding-left:5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.circumstExpanded .otherTraits{
|
|
height: 55px;
|
|
padding-top:10px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.circumstExpanded .otherTraits .input-label{
|
|
font-size: 15px;
|
|
color:#5b5b5b;
|
|
}
|
|
|
|
.circumstExpanded .otherTraits .inputLine{
|
|
font-size: 14px;
|
|
color:#6f6f6f;
|
|
border-bottom: 1px solid #00000024;
|
|
}
|
|
|
|
.TCCombatMode .TCcircumst .expanderFlag[value="0"] ~ .singleCircumst{
|
|
margin-bottom: 15px;
|
|
height: 58px;
|
|
transition: height 0.3s;
|
|
}
|
|
|
|
.TCCombatMode .TCcircumst .expanderFlag[value="1"] ~ .singleCircumst{
|
|
margin-bottom: 30px;
|
|
height: 235px;
|
|
transition: height 0.3s;
|
|
}
|
|
|
|
|
|
.TCCombatMode .TCcircumst .expanderFlag[value="0"] ~* .circumstExpanded{
|
|
opacity: 0;
|
|
transition: height 0.3s , opacity 0.3s;
|
|
height: 0px !important;
|
|
margin-bottom: 0px;
|
|
padding-bottom: 0px;
|
|
border-bottom-width: 0px;
|
|
padding-top: 0px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.TCCombatMode .TCcircumst .expanderFlag[value="1"] ~* .circumstExpanded{
|
|
margin-top: 0px;
|
|
transition: height 0.3s , opacity 0.3s;
|
|
height: 167px;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* .expanderFlag[value="0"] ~ .singleCircumst .circumstHeader{
|
|
transition: height 0.3s;
|
|
height: 65px;
|
|
}
|
|
|
|
.expanderFlag[value="1"] ~ .singleCircumst .circumstHeader{
|
|
transition: height 0.3s;
|
|
height: 67px;
|
|
} */
|
|
|
|
|
|
|
|
.expanderFlag[value="0"] ~* .quantumPowerExpandedArea{
|
|
opacity: 0;
|
|
transition: height 0.3s , opacity 0.3s;
|
|
height: 0px !important;
|
|
margin-bottom: 0px;
|
|
padding-bottom: 0px;
|
|
border-bottom-width: 0px;
|
|
padding-top: 0px;
|
|
margin-top: 0px;
|
|
top: 26px;
|
|
|
|
}
|
|
|
|
|
|
.expanderFlag[value="1"] ~* .quantumPowerExpandedArea{
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
transition: height 0.3s , opacity 0.3s;
|
|
margin-bottom: 10px;
|
|
top: 26px;
|
|
height: 395px;
|
|
|
|
}
|
|
|
|
.circumstExpanded .expandedArea{
|
|
min-height: 83px;
|
|
max-height: 83px;
|
|
font-style: italic;
|
|
color: #666;
|
|
}
|
|
|
|
|
|
.TCcircumst .repcontainer.editmode .repitem[data-reprowid="----Rep-Crct---ID-00"] .itemcontrol .repcontrol_del,
|
|
.TCcircumst .repcontainer.editmode .repitem[data-reprowid="----Rep-Crct---ID-01"] .itemcontrol .repcontrol_del,
|
|
.TCcircumst .repcontainer.editmode .repitem[data-reprowid="----Rep-Crct---ID-02"] .itemcontrol .repcontrol_del{
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
/* ################ - FIM CircumsTAMCIAL - ################ */
|
|
|
|
.TCCredits{
|
|
flex-direction: column;
|
|
}
|
|
|
|
.credSection.logoMercuryCluster{
|
|
margin-top: 30px;
|
|
margin-bottom: 35px;
|
|
}
|
|
|
|
.credSection.developed .credContent{
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
width: 112%;
|
|
align-self: center;
|
|
}
|
|
|
|
.credSection{
|
|
display: flex;
|
|
align-self: center;
|
|
flex-direction: column;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.credTitle{
|
|
align-self: center;
|
|
text-align: center;
|
|
font-size: 25px;
|
|
color: #6a6a6a;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.credContent{
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.credName{
|
|
margin-bottom: 10px;
|
|
font-size: 19px;
|
|
color: #5b5b5b;
|
|
font-weight: 300;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ################ - CREDITS - ################ */
|
|
|
|
|
|
/* ############### - FIM CREDITS - ############### */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ################ - OPTIONS - ################ */
|
|
.TCSettings{
|
|
min-height: 433px;
|
|
background-color: #FBFBFB;
|
|
}
|
|
|
|
.themes{
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.optionsTitles{
|
|
width: 100%;
|
|
height: 32px;
|
|
font-size: 23px;
|
|
color: #808080;
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 2px;
|
|
border-bottom-color: #C5C5C5;
|
|
}
|
|
|
|
.optionsColor {
|
|
margin-top: 7px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.optionColor {
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: 180px;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.optionColor input{
|
|
width: 12px;
|
|
}
|
|
|
|
.themeName{
|
|
font-size: 15px;
|
|
color: #747474;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.colorBoxes{
|
|
width: 57px;
|
|
font-size: 14px;
|
|
color: #747474;
|
|
font-style: italic;
|
|
}
|
|
|
|
.colorBox {
|
|
width: 15px;
|
|
height: 11px;
|
|
border-color: #929292;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
/* box-shadow: 1px 2px 2px #00000070; */
|
|
}
|
|
|
|
.neutral1{
|
|
background: #475353;
|
|
}
|
|
|
|
.neutral2{
|
|
background: #DFDFDF;
|
|
}
|
|
|
|
.neutral3{
|
|
background: white;
|
|
}
|
|
|
|
.flux1{
|
|
background: #005B7F;
|
|
}
|
|
|
|
.flux2{
|
|
background: #D7E8EF;
|
|
}
|
|
|
|
.flux3{
|
|
background: white;
|
|
}
|
|
|
|
.quantum1{
|
|
background: #000000;
|
|
}
|
|
|
|
.quantum2{
|
|
background: #FEC00F;
|
|
}
|
|
|
|
.quantum3{
|
|
background: #FEE7DC;
|
|
}
|
|
|
|
.psi1{
|
|
background: #A5181C;
|
|
}
|
|
|
|
.psi2{
|
|
background: #F0DED6;
|
|
}
|
|
|
|
.psi3{
|
|
background: white;
|
|
}
|
|
|
|
.telluric1{
|
|
background: white;
|
|
}
|
|
|
|
.telluric2{
|
|
background: white;
|
|
}
|
|
|
|
.telluric3{
|
|
background: white;
|
|
}
|
|
|
|
.source1{
|
|
background: #80407E;
|
|
}
|
|
|
|
.source2{
|
|
background: #E4DDEB;
|
|
}
|
|
|
|
.source3{
|
|
background: white;
|
|
}
|
|
|
|
.vintage1{
|
|
background: #4D4D4D;
|
|
}
|
|
|
|
.vintage2{
|
|
background: #D9D0BD;
|
|
}
|
|
|
|
.vintage3{
|
|
background: #EEE7D7;
|
|
}
|
|
|
|
.synthwave1{
|
|
background: #FF00CC;
|
|
}
|
|
|
|
.synthwave2{
|
|
background: #6E00FF;
|
|
}
|
|
|
|
.synthwave3{
|
|
background: #4b4b4b;
|
|
}
|
|
|
|
.fulgurTech1{
|
|
background: #41FCF6;
|
|
}
|
|
|
|
.fulgurTech2{
|
|
background: #1ca8a445;
|
|
}
|
|
|
|
.fulgurTech3{
|
|
background: #515151;
|
|
}
|
|
|
|
|
|
|
|
/* ############### - FIM OPTIONS - ############### */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ++++ - DEFAULT ROLLING DISPLAY - +++++ */
|
|
|
|
.defaultRollingDisplay{
|
|
font-family: Roboto;
|
|
display:none;
|
|
flex-direction: column;
|
|
position: fixed;
|
|
z-index: 2;
|
|
top: 25%;
|
|
background: white;
|
|
align-self: center;
|
|
width: 280px;
|
|
margin-left: -4px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #B9B9B9;
|
|
margin-bottom: 30px;
|
|
|
|
}
|
|
|
|
.sheetform .charactersheet .pseudoBody .pseudoDisplay .defaultRollingDisplay select option{
|
|
background-color: initial;
|
|
color: #5e5e5e;
|
|
}
|
|
|
|
.defaultRollingDisplay .rollTitleSection{
|
|
display:flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: initial;
|
|
width: 100%;
|
|
height: 63px;
|
|
}
|
|
|
|
.defaultRollingDisplay .rollTitleSectionInner{
|
|
display:flex;
|
|
width: calc(100% - 6px);
|
|
height: 57px;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.defaultRollingDisplay .names{
|
|
padding-left: 4px;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.defaultRollingDisplay .names input{
|
|
width: auto;
|
|
border: none;
|
|
background: none;
|
|
height: 12px;
|
|
pointer-events: none;
|
|
margin-left: 1px;
|
|
}
|
|
|
|
.defaultRollingDisplay .characterName{
|
|
color:white;
|
|
font-size: 12px;
|
|
opacity: .70;
|
|
letter-spacing: .5px;
|
|
padding-left: 1px;
|
|
}
|
|
|
|
.defaultRollingDisplay .rollName{
|
|
color:white;
|
|
font-weight: bold;
|
|
font-size: 29px;
|
|
letter-spacing: 0px;
|
|
margin-top: -8px;
|
|
}
|
|
|
|
.defaultRollingDisplay .target{
|
|
display: flex;
|
|
margin-right: 7px;
|
|
margin-top: 22px;
|
|
}
|
|
|
|
.defaultRollingDisplay.coreRoll .targetNumber,
|
|
.defaultRollingDisplay.initiativeRoll .targetNumber{
|
|
color:white;
|
|
font-weight: bold;
|
|
font-size: 33px;
|
|
opacity: .80;
|
|
margin-right: -6px;
|
|
width: 25px;
|
|
border: none;
|
|
background: none;
|
|
pointer-events: none;
|
|
margin-top: -9px;
|
|
margin-right: -8px;
|
|
}
|
|
|
|
.defaultRollingDisplay.genericRoll .targetNumber{
|
|
color: #757575;
|
|
font-weight: bold;
|
|
font-size: 33px;
|
|
opacity: 1;
|
|
width: 63px;
|
|
border: none;
|
|
margin-top: -9px;
|
|
height: 40px;
|
|
text-align: right;
|
|
margin-right: 1px;
|
|
}
|
|
|
|
|
|
|
|
.defaultRollingDisplay .targetIcon{
|
|
color: white;
|
|
font-family: "Material Icons Outlined";
|
|
font-size: 18px;
|
|
margin-top: -21px;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.defaultRollingDisplay .rollMiddleSection1{
|
|
display:flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
height: 70px;
|
|
background-color: #E8E8E8;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #B9B9B9;
|
|
border-left: none;
|
|
border-right: none;
|
|
height: 81px;
|
|
}
|
|
|
|
.npcDisplay.defaultRollingDisplay .rollMiddleSection1{
|
|
justify-content: space-between;
|
|
}
|
|
|
|
|
|
.defaultRollingDisplay .trait1,
|
|
.defaultRollingDisplay .trait2{
|
|
margin-top: 5px;
|
|
width: 50%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
|
|
.defaultRollingDisplay.coreRoll .traitName{
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: #5e5e5e;
|
|
width: 130px;
|
|
margin-bottom: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.defaultRollingDisplay.genericRoll .traitName{
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: #5e5e5e;
|
|
margin-bottom: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
.defaultRollingDisplay.initiativeRoll .traitName{
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: #5e5e5e;
|
|
text-align: center;
|
|
width: 113px;
|
|
border: none;
|
|
background: none;
|
|
}
|
|
|
|
.npcDisplay.defaultRollingDisplay.initiativeRoll .trait2 .traitName{
|
|
justify-content: center;
|
|
display: flex;
|
|
width: 100%;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.npcDisplay.defaultRollingDisplay.initiativeRoll .trait2 input{
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.defaultRollingDisplay.coreRoll .traitValue,
|
|
.defaultRollingDisplay.initiativeRoll .traitValue{
|
|
font-size: 35px;
|
|
font-weight: bold;
|
|
width: 35px;
|
|
text-align: center;
|
|
background: none;
|
|
border: none;
|
|
padding: 0px;
|
|
}
|
|
|
|
.pseudoDisplay .npcDisplay.defaultRollingDisplay.coreRoll .trait2{
|
|
margin-top: 7px;
|
|
}
|
|
|
|
.pseudoDisplay .npcDisplay.defaultRollingDisplay.coreRoll .trait2 .traitValue{
|
|
border: 1px solid #80407E;
|
|
background:white;
|
|
width: 77px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.pseudoDisplay .defaultRollingDisplay.genericRoll .traitValue{
|
|
font-size: 35px;
|
|
font-weight: bold;
|
|
width: 77px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
padding-left: 16px;
|
|
}
|
|
|
|
|
|
.defaultRollingDisplay .rollMiddleSection2{
|
|
display:flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
height: 70px;
|
|
background-color: white;
|
|
}
|
|
|
|
.defaultRollingDisplay .modifierValue{
|
|
display: flex;
|
|
margin-left: -2%;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.defaultRollingDisplay .modifier{
|
|
width: 50%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding-top: 8px;
|
|
}
|
|
|
|
.defaultRollingDisplay .modifierTitle{
|
|
font-size: 13px;
|
|
color: #656565
|
|
}
|
|
|
|
.defaultRollingDisplay .modifierAdding{
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
margin-right: 2px;
|
|
margin-top: 1px;
|
|
color: #4B4B4B
|
|
}
|
|
|
|
|
|
.sheetform .charactersheet .pseudoBody .pseudoDisplay .defaultRollingDisplay.modalRoll .modifierTitle{
|
|
color: #4B4B4B!important;
|
|
}
|
|
|
|
.sheetform .charactersheet .pseudoBody .pseudoDisplay .defaultRollingDisplay.modalRoll .modifierAdding{
|
|
color: #656565 !important;
|
|
}
|
|
|
|
|
|
|
|
.pseudoDisplay .defaultRollingDisplay .modifierNumber{
|
|
font-size: 21px;
|
|
font-weight: bold;
|
|
width: 55px;
|
|
text-align: center;
|
|
padding: 2px;
|
|
background: none;
|
|
}
|
|
|
|
.pseudoDisplay .defaultRollingDisplay.modalRoll .modifierNumber{
|
|
color: #656565 !important;
|
|
}
|
|
|
|
|
|
.defaultRollingDisplay .rollEndingSection{
|
|
display:flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: white;
|
|
width: 100%;
|
|
height: 90px;
|
|
}
|
|
|
|
|
|
|
|
.defaultRollingDisplay.modalRoll .rollEndingSection{
|
|
background: white !important;
|
|
}
|
|
|
|
.defaultRollingDisplay .rollEndingSectionInner{
|
|
width: calc(100% - 6px);
|
|
height: 82px;
|
|
justify-content:center;
|
|
align-items: center;
|
|
border:none;
|
|
padding: 0px;
|
|
}
|
|
|
|
.defaultRollingDisplay .diceGraf{
|
|
display:flex;
|
|
width: 100%;
|
|
height: 100%;
|
|
justify-content:center;
|
|
align-items: center;
|
|
border:none;
|
|
transform: scale(1);
|
|
transition: transform .3s;
|
|
}
|
|
|
|
.defaultRollingDisplay .writingROLL{
|
|
position: absolute;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-top: 20px;
|
|
font-weight: bolder;
|
|
font-size: 18px;
|
|
margin-left: 3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.defaultRollingDisplay .diceIcon{
|
|
font-family: dicefontd10;
|
|
color: white;
|
|
font-size: 109px;
|
|
margin-top: -1px;
|
|
|
|
}
|
|
|
|
.defaultRollingDisplay .numberHider{
|
|
background: rgb(255, 255, 255);
|
|
width: 18px;
|
|
height: 25px;
|
|
margin-top: -8px;
|
|
margin-left: 36px;
|
|
|
|
}
|
|
|
|
.defaultRollingDisplay .rollEndingSectionInner:hover .diceGraf{
|
|
transform: scale(1.1);
|
|
|
|
}
|
|
|
|
.defaultRollingDisplay .rollEndingSectionInner:active .diceGraf{
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
.defaultRollingDisplay .rollTitleSectionInner,
|
|
.defaultRollingDisplay .rollEndingSectionInner{
|
|
background: #336699;
|
|
}
|
|
|
|
.defaultRollingDisplay.coreRoll .traitValue,
|
|
.defaultRollingDisplay.initiativeRoll .traitValue,
|
|
.pseudoDisplay .defaultRollingDisplay.genericRoll .traitValue,
|
|
.defaultRollingDisplay .writingROLL{
|
|
color: #336699;
|
|
}
|
|
|
|
|
|
|
|
.defaultRollingDisplay input,
|
|
.defaultRollingDisplay textarea,
|
|
.defaultRollingDisplay select,
|
|
.defaultRollingDisplay .uneditable-input{
|
|
border: 1px solid #336699;
|
|
}
|
|
|
|
|
|
.npcDisplay.defaultRollingDisplay .rollTitleSectionInner,
|
|
.npcDisplay.defaultRollingDisplay .rollEndingSectionInner{
|
|
background: #80407E;
|
|
}
|
|
|
|
.npcDisplay.defaultRollingDisplay.coreRoll .traitValue,
|
|
.npcDisplay.defaultRollingDisplay.initiativeRoll .traitValue,
|
|
.pseudoDisplay .npcDisplay.defaultRollingDisplay.genericRoll .traitValue,
|
|
.npcDisplay.defaultRollingDisplay .writingROLL{
|
|
color: #80407E;
|
|
}
|
|
|
|
|
|
|
|
.npcDisplay.defaultRollingDisplay input,
|
|
.npcDisplay.defaultRollingDisplay textarea,
|
|
.npcDisplay.defaultRollingDisplay select,
|
|
.npcDisplay.defaultRollingDisplay .uneditable-input{
|
|
border: 1px solid #80407E;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
input[name="attr_core_roll_display"][value="1"] + .defaultRollingDisplay{
|
|
display:flex;
|
|
}
|
|
|
|
input[name="attr_generic_roll_display"][value="1"] + .defaultRollingDisplay{
|
|
display:flex;
|
|
}
|
|
|
|
input[name="attr_initiative_roll_display"][value="1"] + .defaultRollingDisplay{
|
|
display:flex;
|
|
}
|
|
|
|
|
|
input[name="attr_npc_core_roll_display"][value="1"] + .defaultRollingDisplay{
|
|
display:flex;
|
|
}
|
|
|
|
input[name="attr_npc_generic_roll_display"][value="1"] + .defaultRollingDisplay{
|
|
display:flex;
|
|
}
|
|
|
|
input[name="attr_npc_initiative_roll_display"][value="1"] + .defaultRollingDisplay{
|
|
display:flex;
|
|
}
|
|
|
|
/* ++++ - DEFAULT ROLLING DISPLAY - +++++ */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ################# - ROLL TEMPLATE - ################## */
|
|
.sheet-rolltemplate-coreRoll{
|
|
background-color: rgb(255, 255, 255);
|
|
width: 97%;
|
|
font-family: 'Roboto', sans-serif;
|
|
margin-left: -4px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #B9B9B9;
|
|
margin-bottom: 30px;
|
|
max-width: 300px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-rollTitleSection{
|
|
display:flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: white;
|
|
width: 100%;
|
|
height: 63px;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-rollTitleSectionInner{
|
|
display:flex;
|
|
width: calc(100% - 6px);
|
|
height: 57px;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-names{
|
|
padding-left: 4px;
|
|
padding-top: 4px
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-characterName{
|
|
color:white;
|
|
font-size: 12px;
|
|
opacity: .70;
|
|
letter-spacing: .5px;
|
|
padding-left: 1px;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-rollName{
|
|
color:white;
|
|
font-weight: bold;
|
|
font-size: 29px;
|
|
letter-spacing: 0px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-target{
|
|
display: flex;
|
|
margin-top: 26px;
|
|
margin-right: 7px;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-targetNumber{
|
|
color:white;
|
|
font-weight: bold;
|
|
font-size: 33px;
|
|
opacity: .80;
|
|
margin-right: -6px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-targetIcon{
|
|
color:white;
|
|
font-family: "Material Icons Outlined";
|
|
font-size: 18px;
|
|
margin-top: -21px;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-rollMiddleSection1{
|
|
display:flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
height: 70px;
|
|
background-color: #E8E8E8;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #B9B9B9;
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-trait1,
|
|
.sheet-rolltemplate-coreRoll .sheet-trait2{
|
|
margin-top: 5px;
|
|
width: 50%;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-traitName{
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
opacity: .6;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-traitValue{
|
|
font-size: 35px;
|
|
font-weight: bold;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-rollMiddleSection2{
|
|
display:flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
height: 53px;
|
|
Background-color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-modifierValue,
|
|
.sheet-rolltemplate-coreRoll .sheet-modifierValue{
|
|
display: flex;
|
|
margin-left: -2%;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-modifier{
|
|
width: 50%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding-top: 8px;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-modifierTitle{
|
|
font-size: 13px;
|
|
color: #4B4B4B;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-modifierAdding{
|
|
font-size: 20px;
|
|
color: #656565;
|
|
font-weight: bold;
|
|
margin-right: 2px;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-modifierNumber{
|
|
font-size: 21px;
|
|
color: #656565;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-rollEndingSection{
|
|
display:flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: white;
|
|
width: 100%;
|
|
height: 90px;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-rollEndingSectionInner{
|
|
display:flex;
|
|
background: #6A6A6A;
|
|
width: calc(100% - 6px);
|
|
height: 84px;
|
|
justify-content:center;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-diceResult{
|
|
position: absolute;
|
|
display:flex;
|
|
justify-content:center;
|
|
align-items: center;
|
|
margin-top: 27px;
|
|
}
|
|
|
|
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-diceResult .sheet-diceSucessNumber span{
|
|
background: none;
|
|
border: none;
|
|
color:#336699;
|
|
font-size: 43px;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-diceSucessNumber.sheet-crit span{
|
|
color: #f20101;
|
|
}
|
|
|
|
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-crit + .sheet-notCrit{
|
|
display:none;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-diceIcon{
|
|
font-family: dicefontd10;
|
|
color: white;
|
|
font-size: 109px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-numberHider{
|
|
background: rgb(255, 255, 255);
|
|
width: 18px;
|
|
height: 25px;
|
|
margin-top: -10px;
|
|
margin-left: 36px;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-rollTitleSectionInner,
|
|
.sheet-rolltemplate-coreRoll .sheet-rollEndingSectionInner{
|
|
background: #336699;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-traitValue{
|
|
color: #336699;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-targetNumber{
|
|
-webkit-text-stroke: 1px #336699;
|
|
}
|
|
|
|
.sheet-rolltemplate-coreRoll .sheet-diceIcon{
|
|
color: white;
|
|
}
|
|
|
|
/* ################# - FIM ROLL TEMPLATE - ################## */
|
|
|
|
|
|
|
|
|
|
/* ################# - NPC ROLL TEMPLATE - ################## */
|
|
.sheet-rolltemplate-npcCoreRoll{
|
|
background-color: rgb(255, 255, 255);
|
|
width: 97%;
|
|
font-family: 'Roboto', sans-serif;
|
|
margin-left: -4px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #B9B9B9;
|
|
margin-bottom: 30px;
|
|
max-width: 300px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-rollTitleSection{
|
|
display:flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: white;
|
|
width: 100%;
|
|
height: 63px;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-rollTitleSectionInner{
|
|
display:flex;
|
|
width: calc(100% - 6px);
|
|
height: 57px;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-names{
|
|
padding-left: 4px;
|
|
padding-top: 4px
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-characterName{
|
|
color:white;
|
|
font-size: 12px;
|
|
opacity: .70;
|
|
letter-spacing: .5px;
|
|
padding-left: 1px;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-rollName{
|
|
color:white;
|
|
font-weight: bold;
|
|
font-size: 29px;
|
|
letter-spacing: 0px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-target{
|
|
display: flex;
|
|
margin-top: 26px;
|
|
margin-right: 7px;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-targetNumber{
|
|
color:white;
|
|
font-weight: bold;
|
|
font-size: 33px;
|
|
opacity: .80;
|
|
margin-right: -6px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-targetIcon{
|
|
color:white;
|
|
font-family: "Material Icons Outlined";
|
|
font-size: 18px;
|
|
margin-top: -21px;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-rollMiddleSection1{
|
|
display:flex;
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: 70px;
|
|
background-color: #E8E8E8;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #B9B9B9;
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-trait1,
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-trait2{
|
|
margin-top: 5px;
|
|
width: 50%;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-traitName{
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: black;
|
|
opacity: .6;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-traitValue{
|
|
font-size: 35px;
|
|
font-weight: bold;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-rollMiddleSection2{
|
|
display:flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
height: 53px;
|
|
Background-color: white;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-modifierValue,
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-modifierValue{
|
|
display: flex;
|
|
margin-left: -2%;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-modifier{
|
|
width: 50%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding-top: 8px;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-modifierTitle{
|
|
font-size: 13px;
|
|
color: #4B4B4B;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-modifierAdding{
|
|
font-size: 20px;
|
|
color: #656565;
|
|
font-weight: bold;
|
|
margin-right: 2px;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-modifierNumber{
|
|
font-size: 21px;
|
|
color: #656565;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-rollEndingSection{
|
|
display:flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: white;
|
|
width: 100%;
|
|
height: 90px;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-rollEndingSectionInner{
|
|
display:flex;
|
|
background: #6A6A6A;
|
|
width: calc(100% - 6px);
|
|
height: 84px;
|
|
justify-content:center;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-diceResult{
|
|
position: absolute;
|
|
display:flex;
|
|
justify-content:center;
|
|
align-items: center;
|
|
margin-top: 27px;
|
|
}
|
|
|
|
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-diceResult .sheet-diceSucessNumber span{
|
|
background: none;
|
|
border: none;
|
|
color:#80407E;
|
|
font-size: 43px;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-diceSucessNumber.sheet-crit span{
|
|
color: #f20101;
|
|
}
|
|
|
|
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-crit + .sheet-notCrit{
|
|
display:none;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-diceIcon{
|
|
font-family: dicefontd10;
|
|
color: white;
|
|
font-size: 109px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-numberHider{
|
|
background: rgb(255, 255, 255);
|
|
width: 18px;
|
|
height: 25px;
|
|
margin-top: -10px;
|
|
margin-left: 36px;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-rollTitleSectionInner,
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-rollEndingSectionInner{
|
|
background: #80407E;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-traitValue{
|
|
color: #80407E;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-targetNumber{
|
|
-webkit-text-stroke: 1px #80407E;
|
|
}
|
|
|
|
.sheet-rolltemplate-npcCoreRoll .sheet-diceIcon{
|
|
color: white;
|
|
}
|
|
|
|
/* ################# - FIM NPC ROLL TEMPLATE - ################## */
|
|
|
|
|