Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-30 11:42:29 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
8e4e830cdf608e77fced2fb5eb33bb2bcbbf2807
roll20-character-sheets/Trinity_Continuum_2ed/TC2e.css
T

9282 lines
209 KiB
CSS
Raw Blame History

/* ################# - Commons - ################## */
@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=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp');
.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;
}
/* ++++ - 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;
}
input[type="checkbox"].expander{
position: relative;
cursor: pointer;
z-index: 1;
margin-top: 8px;
line-height: 2;
opacity: 0.0;
left: 1px;
bottom: 2px;
}
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;
}
.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% + 61px);
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;
}
.expanderFlag[value="1"] ~ .traitHeader,
.expanderFlag[value="1"] ~ .expandedArea{
background: white;
}
/* ++++ - Fim Expander - +++++ */
/* ++++ - Summary Button - +++++ */
.summaryButtons{
position: sticky;
top: 0px;
margin-left: -30px;
}
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: 100%;
}
.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;
}
.pseudoBody{
background-color: white;
width: 100%;
margin-left: -30px;
min-height: auto;
font-family: 'Roboto', sans-serif;
position: relative;
padding-left: 30px;
padding-right: 30px;
}
.pseudoDisplay{
background-color: #FBFBFB;
width: 100%;
min-width: 830px;
min-height: auto;
position: relative;
transition: background-color 1s;
}
#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 .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
{
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="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="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;
}
.inputLine {
background: rgba(255, 255, 255, 0);
border: none;
border-bottom: 1px solid #717171;
border-radius: 0;
height: 20px !important;
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%;
}
.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: 12px;
}
.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: 20px;
}
.space2{
margin-bottom: 40px;
}
.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%);
}
.pseudoDisplay .dot.rectangle{
background: white !important;
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%;
}
.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: 15%;
max-width: 15%;
height: 35px;
align-items: center;
}
.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: 70%;
}
.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{
height: 1px;
border-top: #000000;
border-top-style: solid;
flex-grow: 1;
height: 0px;
border-top-width: 1px;
}
.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;
}
/* //////////////// 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"] ~* .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{
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{
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="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="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{
transition: background-color 1s, color 1s;
}
/* ++++ - baseline Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~ .pseudoDisplay{
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .customRepeating > .repcontrol{
background-color: #475353;
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .secondaryColorBackground{
background-color: #DFDFDF;
}
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .tertiaryColorBackground{
background-color: #848484;
}
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .colorFont{
color:white;
}
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .primaryColorFont{
color: #475353;
}
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~*.arenas,
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~*.arena.central{
outline-color: #646464;
border-color: #646464;
}
/* ++++ - Fim baseline Color - +++++ */
/* ++++ - Talent Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~ .pseudoDisplay{
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .customRepeating > .repcontrol{
background-color: #005B7F;
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~ .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .secondaryColorBackground{
background-color: #D7E8EF;
}
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .tertiaryColorBackground{
background-color: #2485AC;
}
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .colorFont{
color:white;
}
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .primaryColorFont{
color: #005B7F;
}
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .arena.central{
outline-color: #4C98B6;
border-color: #4C98B6;
}
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .rollEndingSectionInner.tertiaryColorBackground{
background-color:#5e9cb5;
}
/* ++++ - Fim Talent Color - +++++ */
/* ++++ - Nova Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~ .pseudoDisplay{
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .customRepeating > .repcontrol{
background-color: black;
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .secondaryColorBackground{
background-color: #FEE7DC;
}
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .tertiaryColorBackground{
background-color: #D1D1D1;
border-color: #AFAFAF;
border-style: solid;
border-width: 1px;
}
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .colorFont{
color:#FEC00F;
}
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .circumstHeader .pathLabel.colorFont{
color:#bfbfbf;
}
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .primaryColorFont{
color: black;
}
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .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{
background:#FEC00F;
}
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .pathLabel.colorFont{
color:#555;
}
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .rollEndingSectionInner.tertiaryColorBackground{
background-color:#575757;
}
/* ++++ - Fim Nova Color - +++++ */
/* ++++ - Superior Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~ .pseudoDisplay{
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .customRepeating > .repcontrol{
background-color: black;
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .secondaryColorBackground{
background-color: #FEE7DC;
}
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .tertiaryColorBackground{
background-color: #D1D1D1;
border-color: #AFAFAF;
border-style: solid;
border-width: 1px;
}
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .colorFont{
color:#FEC00F;
}
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .circumstHeader .pathLabel.colorFont{
color:#bfbfbf;
}
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .primaryColorFont{
color: black;
}
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .arena.central{
outline-color: rgb(0, 0, 0);
border-color: black;
}
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .customRoll .numberHider,
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .custominitiative .numberHider{
background:#FEC00F;
}
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .pathLabel.colorFont{
color:#555;
}
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .rollEndingSectionInner.tertiaryColorBackground{
background-color:#575757;
}
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .tertiaryColorBackground.forte{
background-color: #808080;
border-color: black;
}
/* ++++ - Fim Superior Color - +++++ */
/* ++++ - Psiad Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~ .pseudoDisplay{
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .customRepeating > .repcontrol{
background-color: #A5181C;
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .secondaryColorBackground{
background-color: #F0DED6;
}
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .tertiaryColorBackground{
background-color: #C83C20;
}
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .colorFont{
color:white;
}
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .primaryColorFont{
color: #A5181C;
}
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .arena.central{
outline-color: rgb(172, 30, 30);
border-color: rgb(172, 30, 30);
}
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .rollEndingSectionInner.tertiaryColorBackground{
background-color:#CA543D;
}
/* ++++ - Fim Psiad Color - +++++ */
/* ++++ - Psion Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~ .pseudoDisplay{
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .customRepeating > .repcontrol{
background-color: #A5181C;
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .secondaryColorBackground{
background-color: #F0DED6;
}
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .tertiaryColorBackground{
background-color: #C83C20;
}
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .colorFont{
color:white;
}
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .primaryColorFont{
color: #A5181C;
}
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .arena.central{
outline-color: rgb(172, 30, 30);
border-color: rgb(172, 30, 30);
}
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .rollEndingSectionInner.tertiaryColorBackground{
background-color:#CA543D;
}
/* ++++ - Fim Psion Color - +++++ */
/* ++++ - Inspired Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .pseudoDisplay{
background-color: #EEE7D7;
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .customRepeating > .repcontrol{
background-color: #4D4D4D;
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .secondaryColorBackground{
background-color: #D9D0BD;
}
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .tertiaryColorBackground{
background-color: #676561;
}
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .colorFont{
color:#EEE7D7;
}
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .primaryColorFont{
color: #4D4D4D;
}
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .arena.central{
outline-color: #676561;
border-color: #676561;
}
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* button.dot::before{
background-color: #EEE7D7;
}
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* button.dot > span{
background: #515151;
}
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .pseudoDisplay .dot.rectangle{
background: #eee7d7;
}
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .pathTabContent{
background-color: #F4F1EA;
}
/* ++++ - Fim Inspired Color - +++++ */
/* ++++ - NPC Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~ .pseudoDisplay{
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .customRepeating > .repcontrol{
background-color: #80407E;
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .secondaryColorBackground{
background-color: #E4DDEB;
}
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .tertiaryColorBackground{
background-color: #A465A1;
}
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .colorFont{
color:#ffffff;
}
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .primaryColorFont{
color: #80407E;
}
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .arena.central{
outline-color: #80407E;
border-color: #80407E;
}
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~ .pseudoDisplay{
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .customRepeating > .repcontrol{
background-color: #80407E;
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .secondaryColorBackground{
background-color: #E4DDEB;
}
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .tertiaryColorBackground{
background-color: #A465A1;
}
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .colorFont{
color:#ffffff;
}
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .primaryColorFont{
color: #80407E;
}
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .arena.central{
outline-color: #80407E;
border-color: #80407E;
}
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .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{
color:#80407E;
}
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .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{
color:#936590;
}
/* ++++ - Fim NPC Color - +++++ */
/* ++++ - Flux-Tech Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~ .pseudoDisplay{
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .customRepeating > .repcontrol{
background-color: #005B7F;
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~ .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .secondaryColorBackground{
background-color: #D7E8EF;
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .tertiaryColorBackground{
background-color: #2485AC;
}
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .colorFont{
color:white;
}
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .primaryColorFont{
color: #005B7F;
}
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .arena.central{
outline-color: #4C98B6;
border-color: #4C98B6;
}
/* ++++ - Fim Flux-Tech Color - +++++ */
/* ++++ - Quantum-Tech Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~ .pseudoDisplay{
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .customRepeating > .repcontrol{
background-color: black;
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .secondaryColorBackground{
background-color: #FEE7DC;
}
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .tertiaryColorBackground{
background-color: #D1D1D1;
border-color: #AFAFAF;
border-style: solid;
border-width: 1px;
}
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .colorFont{
color:#FEC00F;
}
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .primaryColorFont{
color: black;
}
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .arena.central{
outline-color: rgb(0, 0, 0);
border-color: black;
}
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .customRoll .numberHider,
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .custominitiative .numberHider{
background:#FEC00F;
}
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .pathLabel.colorFont{
color:#555;
}
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .circumstHeader .pathLabel.colorFont{
color:#bfbfbf;
}
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .rollEndingSectionInner.tertiaryColorBackground{
background-color:#575757;
}
/* ++++ - Fim Quantum-Tech Color - +++++ */
/* ++++ - Transport Hard-tech Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~ .pseudoDisplay{
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .customRepeating > .repcontrol{
background-color: #475353;
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .secondaryColorBackground{
background-color: #DFDFDF;
}
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .tertiaryColorBackground{
background-color: #848484;
}
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .colorFont{
color:white;
}
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .primaryColorFont{
color: #475353;
}
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .arena.central{
outline-color: #646464;
border-color: #646464;
}
/* ++++ - Fim Transport Hard-tech Color - +++++ */
/* ++++ - Transport Noetic-tech Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~ .pseudoDisplay{
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .customRepeating > .repcontrol{
background-color: #A5181C;
transition: background-color 1s;
}
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .secondaryColorBackground{
background-color: #F0DED6;
}
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .tertiaryColorBackground{
background-color: #C83C20;
}
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .colorFont{
color:white;
}
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .primaryColorFont{
color: #A5181C;
}
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .arena.central{
outline-color: rgb(172, 30, 30);
border-color: rgb(172, 30, 30);
}
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .rollEndingSectionInner.tertiaryColorBackground{
background-color:#CA543D;
}
/* ++++ - FIM Transport Noetic-tech Color - +++++ */
/* ////////////////// - FIM DEFAULT THEME - ////////////////// */
/* //////////////////// - NEUTRAL THEME - //////////////////// */
.colorOverHide[value="neutral"] ~* .logoBaseline{
display: block;
position: absolute;
opacity: 1;
}
.colorOverHide[value="neutral"] ~ .pseudoDisplay{
transition: background-color 1s;
}
.colorOverHide[value="neutral"] ~* .primaryColorBackground,
.colorOverHide[value="neutral"] ~* .customRepeating > .repcontrol{
background-color: #475353;
transition: background-color 1s;
}
.colorOverHide[value="neutral"] ~* .secondaryColorBackground{
background-color: #DFDFDF;
}
.colorOverHide[value="neutral"] ~* .tertiaryColorBackground{
background-color: #848484;
}
.colorOverHide[value="neutral"] ~* .colorFont{
color:white;
}
.colorOverHide[value="neutral"] ~* .primaryColorFont{
color: #475353;
}
.colorOverHide[value="neutral"] ~*.arenas,
.colorOverHide[value="neutral"] ~*.arena.central{
outline-color: #646464;
border-color: #646464;
}
.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="flux"] ~ .pseudoDisplay{
transition: background-color 1s;
}
.colorOverHide[value="flux"] ~* .primaryColorBackground,
.colorOverHide[value="flux"] ~* .customRepeating > .repcontrol{
background-color: #005B7F;
transition: background-color 1s;
}
.colorOverHide[value="flux"] ~ .secondaryColorBackground,
.colorOverHide[value="flux"] ~* .secondaryColorBackground{
background-color: #D7E8EF;
}
.colorOverHide[value="flux"] ~* .tertiaryColorBackground{
background-color: #2485AC;
}
.colorOverHide[value="flux"] ~* .colorFont{
color:white;
}
.colorOverHide[value="flux"] ~* .primaryColorFont{
color: #005B7F;
}
.colorOverHide[value="flux"] ~* .arenas,
.colorOverHide[value="flux"] ~* .arena.central{
outline-color: #4C98B6;
border-color: #4C98B6;
}
.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="quantum"] ~ .pseudoDisplay{
transition: background-color 1s;
}
.colorOverHide[value="quantum"] ~* .primaryColorBackground,
.colorOverHide[value="quantum"] ~* .customRepeating > .repcontrol{
background-color: black;
transition: background-color 1s;
}
.colorOverHide[value="quantum"] ~* .secondaryColorBackground{
background-color: #FEE7DC;
}
.colorOverHide[value="quantum"] ~* .tertiaryColorBackground{
background-color: #D1D1D1;
border-color: #AFAFAF;
border-style: solid;
border-width: 1px;
}
.colorOverHide[value="quantum"] ~* .colorFont {
color:#FEC00F;
}
.colorOverHide[value="quantum"] ~* .pathLabel.colorFont {
color: #555;
}
.colorOverHide[value="quantum"] ~* .circumstHeader .pathLabel.colorFont{
color:#bfbfbf;
}
.colorOverHide[value="quantum"] ~* .primaryColorFont{
color: black;
}
.colorOverHide[value="quantum"] ~* .arenas,
.colorOverHide[value="quantum"] ~* .arena.central{
outline-color: rgb(0, 0, 0);
border-color: black;
}
.colorOverHide[value="quantum"] ~* .customRoll .numberHider,
.colorOverHide[value="quantum"] ~* .custominitiative .numberHider{
background:#FEC00F;
}
.colorOverHide[value="quantum"] ~* .rollEndingSectionInner.tertiaryColorBackground{
background-color:#575757;
}
.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;
}
/* ////////////////// - FIM QUANTUM THEME - ////////////////// */
/* ////////////////// - FIM PSI THEME - ////////////////// */
.colorOverHide[value="psi"] ~* .logoPsion{
display: block;
position: absolute;
opacity: 1;
}
.colorOverHide[value="psi"] ~ .pseudoDisplay{
transition: background-color 1s;
}
.colorOverHide[value="psi"] ~* .primaryColorBackground,
.colorOverHide[value="psi"] ~* .customRepeating > .repcontrol{
background-color: #A5181C;
transition: background-color 1s;
}
.colorOverHide[value="psi"] ~* .secondaryColorBackground{
background-color: #F0DED6;
}
.colorOverHide[value="psi"] ~* .tertiaryColorBackground{
background-color: #C83C20;
}
.colorOverHide[value="psi"] ~* .colorFont{
color:white;
}
.colorOverHide[value="psi"] ~* .primaryColorFont{
color: #A5181C;
}
.colorOverHide[value="psi"] ~* .arenas,
.colorOverHide[value="psi"] ~* .arena.central{
outline-color: rgb(172, 30, 30);
border-color: rgb(172, 30, 30);
}
.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="source"] ~ .pseudoDisplay{
transition: background-color 1s;
}
.colorOverHide[value="source"] ~* .primaryColorBackground,
.colorOverHide[value="source"] ~* .customRepeating > .repcontrol{
background-color: #80407E;
transition: background-color 1s;
}
.colorOverHide[value="source"] ~* .secondaryColorBackground{
background-color: #E4DDEB;
}
.colorOverHide[value="source"] ~* .tertiaryColorBackground{
background-color: #A465A1;
}
.colorOverHide[value="source"] ~* .colorFont{
color:#ffffff;
}
.colorOverHide[value="source"] ~* .primaryColorFont{
color: #80407E;
}
.colorOverHide[value="source"] ~* .arenas,
.colorOverHide[value="source"] ~* .arena.central{
outline-color: #80407E;
border-color: #80407E;
}
.colorOverHide[value="source"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
background-color: #80407E;
color: white;
}
.colorOverHide[value="source"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
color:#80407E;
}
.colorOverHide[value="source"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
background-color:#A465A1;
color: white;
}
.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="vintage"] ~* .pseudoDisplay{
background-color: #EEE7D7;
transition: background-color 1s;
}
.colorOverHide[value="vintage"] ~* .primaryColorBackground,
.colorOverHide[value="vintage"] ~* .customRepeating > .repcontrol{
background-color: #4D4D4D;
transition: background-color 1s;
}
.colorOverHide[value="vintage"] ~* .secondaryColorBackground{
background-color: #D9D0BD;
}
.colorOverHide[value="vintage"] ~* .tertiaryColorBackground{
background-color: #676561;
}
.colorOverHide[value="vintage"] ~* .colorFont{
color:#EEE7D7;
}
.colorOverHide[value="vintage"] ~* .primaryColorFont{
color: #4D4D4D;
}
.colorOverHide[value="vintage"] ~* .arenas,
.colorOverHide[value="vintage"] ~* .arena.central{
outline-color: #676561;
border-color: #676561;
}
.colorOverHide[value="vintage"] ~* button.dot::before{
background-color: #EEE7D7;
}
.colorOverHide[value="vintage"] ~* button.dot > span{
background: #515151;
}
.colorOverHide[value="vintage"] ~* .pseudoDisplay .dot.rectangle{
background: #eee7d7;
}
.colorOverHide[value="vintage"] ~* .pathTabContent{
background-color: #F4F1EA;
}
.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="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 - ////////////////// */
/* ////////////////// - 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{
width: 100%;
height: 30px;
background: #E6E6E6;
min-width: 830px;
}
.pseudoNav button{
background:none;
border: none;
font-size: 12px;
color: #848484;
transition: background-color 0.5s;
flex-grow:1;
}
.pseudoNav button:hover{
background-color: #f2f2f2;;
transition: background-color 0.5s;
}
.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;
}
/* 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;
}
/* ############### - Fim Tabs - ################ */
/* ############### - SHEETS - ################ */
.TCSheet{
height: 100%;
padding-bottom: 30px;
}
/* ++++ - Logo - +++++ */
.logo{
margin-top: 63px;
margin-bottom: 105px;
}
.logoBaseline,
.logoTalent,
.logoNova,
.logoPsion,
.logoInspired,
.logoNPC{
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,
.technologyTech{
flex-grow: 1;
}
.aka,
.tier,
.level,
.technologyTech,
.npc-targetNumber{
margin-left: 10px;
width: 73%;
}
.aka{
width: 40%;
}
.tier{
width: 62%;
}
.level{
width: 59%;
}
.npc-targetNumber{
width: 43.2%;
}
.tier .inputLine,
.level .inputLine,
.npc-targetNumber .inputLine{
text-align: center;
padding: 0px;
}
.inputLine option{
font-style: normal;
font-size: 14px;
}
.inputLine option.optionTitle{
background:#DFDFDF;
font-size: 14px;
color:black;
}
option:disabled{
color:rgb(175, 175, 175);
}
/* ++++ - FIM Reader - +++++ */
.pSection .title,
.pTwinSection .title{
display:flex;
justify-content: center;
align-items: center;
width: 100%;
font-size: 35px;
font-weight: bold;
height: 45px;
}
.pSection .title2,
.pTwinSection .title2{
display:flex;
justify-content: center;
align-items: center;
width: 100%;
font-size: 27px;
font-weight: bold;
height: 35px;
}
/* ++++ - 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;
}
/* ++++ - 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: #FBFBFB;
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 !important;
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: 13px;
}
.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 !important;
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: 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;
}
.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: 105px;
}
.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="secaptitude"] ~* .pathLabel{
background-color:#757575;
}
.TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
color:#646464;
}
.TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~* .pathLabel{
background: #c8c8c8;
color: #444;
border: solid #b3b3b3;
border-width: 1px;
}
.TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~* .primaryColorFont{
color:#848484;
} */
/* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
background-color: #C83C20;
color: white;
}
.TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
color:#C83C20;
}
.TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
background-color:#757575;
color: white;
}
.TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
color:#646464;
}
.TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~* .pathLabel{
background-color: #A5181C;
color: white;
font-style: italic;
}
.TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~* .primaryColorFont{
color:#A5181C;
} */
.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%;
background:#F5F6F7;
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="clairsentiente"] ~* .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="clairsentiente"] ~* .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="clairsentiente"] ~* .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;
}
.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;
}
.basicModeTraitBar{
padding-top: 10px;
}
.basicModeTraitBar input{
margin-right: 5px;
}
.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;
}
.aptitudeModeLevelCost .inputLine{
margin-top: -3px;
width: 30px;
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;
}
.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;
}
.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;
}
/* .pTwinSection .health .select-icon{
left:101px;
} */
.injuryValue{
background: #fbfbfb;
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;
}
.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;
}
.pathSuperGroup{
overflow: scroll;
overflow-y: hidden;
overflow-x: hidden;
/* 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: 14px;
font-size: 10px;
text-align: center;
border-radius: 10px;
margin-left: 6px;
margin-top: 10px;
padding-left: 5px;
padding-right: 5px;
}
.pathHeader{
padding-top: 10px;
padding-right: 5px;
padding-left: 10px;
margin-bottom: 10px;
}
.inputPathName{
width: 100%;
border: none;
background-color: unset;
font-size: 24px;
font-weight: 500;
padding: 0px;
letter-spacing: -0.3px;
border-radius: 0px;
color: #3E3E3E;
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;
}
/*Configure the tab buttons*/
.connectionsTab,
.skillsTab,
.edgesTab{
display: none;
}
.pathTabButtons{
width: 95%;
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;
}
.pseudoDisplay .TCPaths .allPaths .singlePath .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{
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"]{
background-color: #F5F6F7 !important;
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{
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: 47%;
}
.flex .pathContactName,
.flex .pathContactTag{
width: 47%;
margin-right: 2px;
margin-bottom: 2px;
}
.flex .pathContactTag{
margin-right: 5px;
}
.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: rotateY(175deg);
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";
}
.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;
}
*:focus-visible{
outline: none;
}
.buttonsSliderPath{
margin-top:10px;
}
.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: 5px;
}
.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-top: 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: 26px;
}
.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: 25px;
}
/* ++++ - 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 - +++++ */
/* ++++ - Vehicle Adjustments - +++++ */
.selectedTier[value="transport"] ~* button[name="act_equipments"]{
display: none;
}
.selectedTier[value="transport"] ~* .owner{
width: 50%;
}
.selectedTier[value="transport"] ~* .tier{
width: 55.5%;
}
.selectedTier[value="transport"] ~* .technologyTech{
width: 50%;
}
.selectedTier[value="transport"] ~* .builtBy,
.selectedTier[value="transport"] ~* .fmtTo{
/* width: 54.5%; */
width: 46%;
}
.fmtTo{
display: none;
}
.selectedTier[value="transport"] ~* .rollButtons{
display: none;
}
.transport .npc-traits .npcDefenseEnhancements {
margin-top: 25px;
}
.npc-traits .npcPools .npcPool .flex .wealthValue ~ select {
transition: none;
background: none;
}
.npc-traits .npcPools .npcPool .flex .wealthValue[value="0"] ~ select{
opacity: .5;
}
/* .npcPools .transportFT{
display: none;
} */
.technologyTech select{
text-align: center;
}
.selectedTech[value="noetic"] ~* .transport .fmtTo{
display: flex;
}
.selectedTech[value="noetic"] ~* .transport .builtBy{
display: none;
}
.selectedTech[value="hard"] ~* .npcPools .transportFT{
pointer-events: none;
}
.selectedTech[value="hard"] ~* .npcPools .transportFT .input-label{
opacity: .5;
}
.selectedTech[value="hard"] ~* .npc-traits .npcPools .transportFT div input{
color:transparent;
}
.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,
.TCGifts .repcontainer.editmode .repitem[data-reprowid="----Rep-Trtg---ID-02"] .itemcontrol .repcontrol_del,
.TCGifts .repcontainer.editmode .repitem[data-reprowid="----Rep-Trtg---ID-03"] .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;
}
/* ++++ - FIM Vehicle Adjustments - +++++ */
/* ################ - FIM SHEET - ################ */
/* ################ - EQUIPMENTS - ################ */
.TCEquipments{
min-height: 744px;
}
.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: #5e5e5e;
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;
}
.inputWeaponEnhancement + 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: 380px;
}
.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;
}
.pseudoDisplay .TCWeapons .weapon .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 !important;
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;
}
.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: 22.5%;
min-width: 22.5%;
}
.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: 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;
}
.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;
}
.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: 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;
}
.singleArmor .weaponHeader .inputWeaponEnhancement:hover,
.singleArmor .weaponHeader .inputWeaponEnhancement:active,
.singleArmor .weaponHeader .inputWeaponEnhancement:focus{
background-color: white;
border: 1px solid #ccc;
}
.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 !important;
border: solid;
border-width: 1px;
border-color:#B9B9B9;
border-bottom: none;
color: #757575;
padding-bottom: 2px;
padding-top: 1px;
}
.armorTag{
margin-top: .5px;
}
.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: 38.9%;
min-width: 38.9%;
}
.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{
color: #5e5e5e00;
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;
}
.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 !important;
}
.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 !important;
}
.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 .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: 390px;
}
.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;
}
/* ############### - FIM OPTIONS - ############### */
/* ++++ - DEFAULT ROLLING DISPLAY - +++++ */
.defaultRollingDisplay{
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;
}
.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,
.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: #4B4B4B;
}
.defaultRollingDisplay .modifierAdding{
font-size: 20px;
color: #656565;
font-weight: bold;
margin-right: 2px;
margin-top: 1px;
}
/* .pseudoDisplay .defaultRollingDisplay.coreRoll .modifierNumber[name="attr_dice_modifier"]{
background: none;
border: none;
-webkit-appearance: none;
-moz-appearance: textfield;
width: 30px;
} */
/* .pseudoDisplay .npcDisplay.defaultRollingDisplay.initiativeRoll .modifierNumber[name="attr_dice_modifier"]{
background: none;
border: none;
-webkit-appearance: none;
-moz-appearance: textfield;
width: 30px;
} */
.pseudoDisplay .defaultRollingDisplay .modifierNumber{
font-size: 21px;
color: #656565;
font-weight: bold;
width: 55px;
text-align: center;
padding: 2px
}
.defaultRollingDisplay .rollEndingSection{
display:flex;
justify-content: center;
align-items: center;
background: white;
width: 100%;
height: 90px;
}
.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 - ################## */
Reference in New Issue View Git Blame Copy Permalink