395 lines
14 KiB
SCSS
395 lines
14 KiB
SCSS
div.tabOverdrive {
|
|
width:100%;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
|
|
div.data {
|
|
display:none;
|
|
}
|
|
|
|
div.overdrive {
|
|
$titre:(
|
|
"titre":(
|
|
"hasButton":true,
|
|
"hasButtonActivate":true
|
|
),
|
|
"secondTitre":(
|
|
"actif":true,
|
|
"background":$clair,
|
|
"color":$black
|
|
)
|
|
);
|
|
|
|
@include block($sombre);
|
|
@include titre($white, transparent, $titre);
|
|
|
|
width:calc((100% / 2) - 5px);
|
|
margin-bottom:10px;
|
|
|
|
div.titre,
|
|
h1.titre,
|
|
h2.titreBis {
|
|
display:flex;
|
|
}
|
|
|
|
|
|
div.OD {
|
|
display:flex;
|
|
|
|
width:100%;
|
|
justify-content: space-between;
|
|
background:$clair;
|
|
border-top:1px solid $sombre;
|
|
|
|
span.score {
|
|
display:flex;
|
|
width: 30px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
span.description {
|
|
display:flex;
|
|
width: calc(100% - 30px - 2px);
|
|
text-align: justify;
|
|
padding-right: 2px;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
|
|
input[type="hidden"] {
|
|
&.afficher {
|
|
&[value="0"] ~ .OD {
|
|
display:none;
|
|
}
|
|
|
|
&[value="on"] ~ div button[type="action"].active {
|
|
box-shadow: inset 1px 1px 2px 2px $black;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
input[type="hidden"] {
|
|
&.deplacement {
|
|
&[value="0"] ~ div.deplacement,
|
|
&[value="0"] ~ div.deplacement .OD1,
|
|
&[value="0"] ~ div.deplacement .OD2,
|
|
&[value="0"] ~ div.deplacement .OD3,
|
|
&[value="0"] ~ div.deplacement .OD4,
|
|
&[value="0"] ~ div.deplacement .OD5,
|
|
&[value="1"] ~ div.deplacement .OD2,
|
|
&[value="1"] ~ div.deplacement .OD3,
|
|
&[value="1"] ~ div.deplacement .OD4,
|
|
&[value="1"] ~ div.deplacement .OD5,
|
|
&[value="2"] ~ div.deplacement .OD3,
|
|
&[value="2"] ~ div.deplacement .OD4,
|
|
&[value="2"] ~ div.deplacement .OD5,
|
|
&[value="3"] ~ div.deplacement .OD4,
|
|
&[value="3"] ~ div.deplacement .OD5,
|
|
&[value="4"] ~ div.deplacement .OD5 {
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
&.force {
|
|
&[value="0"] ~ div.force,
|
|
&[value="0"] ~ div.force .OD1,
|
|
&[value="0"] ~ div.force .OD2,
|
|
&[value="0"] ~ div.force .OD3,
|
|
&[value="0"] ~ div.force .OD4,
|
|
&[value="0"] ~ div.force .OD5,
|
|
&[value="1"] ~ div.force .OD2,
|
|
&[value="1"] ~ div.force .OD3,
|
|
&[value="1"] ~ div.force .OD4,
|
|
&[value="1"] ~ div.force .OD5,
|
|
&[value="2"] ~ div.force .OD3,
|
|
&[value="2"] ~ div.force .OD4,
|
|
&[value="2"] ~ div.force .OD5,
|
|
&[value="3"] ~ div.force .OD4,
|
|
&[value="3"] ~ div.force .OD5,
|
|
&[value="4"] ~ div.force .OD5 {
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
&.endurance {
|
|
&[value="0"] ~ div.endurance,
|
|
&[value="0"] ~ div.endurance .OD1,
|
|
&[value="0"] ~ div.endurance .OD2,
|
|
&[value="0"] ~ div.endurance .OD3,
|
|
&[value="0"] ~ div.endurance .OD4,
|
|
&[value="0"] ~ div.endurance .OD5,
|
|
&[value="1"] ~ div.endurance .OD2,
|
|
&[value="1"] ~ div.endurance .OD3,
|
|
&[value="1"] ~ div.endurance .OD4,
|
|
&[value="1"] ~ div.endurance .OD5,
|
|
&[value="2"] ~ div.endurance .OD3,
|
|
&[value="2"] ~ div.endurance .OD4,
|
|
&[value="2"] ~ div.endurance .OD5,
|
|
&[value="3"] ~ div.endurance .OD4,
|
|
&[value="3"] ~ div.endurance .OD5,
|
|
&[value="4"] ~ div.endurance .OD5 {
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
&.hargne {
|
|
&[value="0"] ~ div.hargne,
|
|
&[value="0"] ~ div.hargne .OD1,
|
|
&[value="0"] ~ div.hargne .OD2,
|
|
&[value="0"] ~ div.hargne .OD3,
|
|
&[value="0"] ~ div.hargne .OD4,
|
|
&[value="0"] ~ div.hargne .OD5,
|
|
&[value="1"] ~ div.hargne .OD2,
|
|
&[value="1"] ~ div.hargne .OD3,
|
|
&[value="1"] ~ div.hargne .OD4,
|
|
&[value="1"] ~ div.hargne .OD5,
|
|
&[value="2"] ~ div.hargne .OD3,
|
|
&[value="2"] ~ div.hargne .OD4,
|
|
&[value="2"] ~ div.hargne .OD5,
|
|
&[value="3"] ~ div.hargne .OD4,
|
|
&[value="3"] ~ div.hargne .OD5,
|
|
&[value="4"] ~ div.hargne .OD5 {
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
&.combat {
|
|
&[value="0"] ~ div.combat,
|
|
&[value="0"] ~ div.combat .OD1,
|
|
&[value="0"] ~ div.combat .OD2,
|
|
&[value="0"] ~ div.combat .OD3,
|
|
&[value="0"] ~ div.combat .OD4,
|
|
&[value="0"] ~ div.combat .OD5,
|
|
&[value="1"] ~ div.combat .OD2,
|
|
&[value="1"] ~ div.combat .OD3,
|
|
&[value="1"] ~ div.combat .OD4,
|
|
&[value="1"] ~ div.combat .OD5,
|
|
&[value="2"] ~ div.combat .OD3,
|
|
&[value="2"] ~ div.combat .OD4,
|
|
&[value="2"] ~ div.combat .OD5,
|
|
&[value="3"] ~ div.combat .OD4,
|
|
&[value="3"] ~ div.combat .OD5,
|
|
&[value="4"] ~ div.combat .OD5 {
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
&.instinct {
|
|
&[value="0"] ~ div.instinct,
|
|
&[value="0"] ~ div.instinct .OD1,
|
|
&[value="0"] ~ div.instinct .OD2,
|
|
&[value="0"] ~ div.instinct .OD3,
|
|
&[value="0"] ~ div.instinct .OD4,
|
|
&[value="0"] ~ div.instinct .OD5,
|
|
&[value="1"] ~ div.instinct .OD2,
|
|
&[value="1"] ~ div.instinct .OD3,
|
|
&[value="1"] ~ div.instinct .OD4,
|
|
&[value="1"] ~ div.instinct .OD5,
|
|
&[value="2"] ~ div.instinct .OD3,
|
|
&[value="2"] ~ div.instinct .OD4,
|
|
&[value="2"] ~ div.instinct .OD5,
|
|
&[value="3"] ~ div.instinct .OD4,
|
|
&[value="3"] ~ div.instinct .OD5,
|
|
&[value="4"] ~ div.instinct .OD5 {
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
&.tir {
|
|
&[value="0"] ~ div.tir,
|
|
&[value="0"] ~ div.tir .OD1,
|
|
&[value="0"] ~ div.tir .OD2,
|
|
&[value="0"] ~ div.tir .OD3,
|
|
&[value="0"] ~ div.tir .OD4,
|
|
&[value="0"] ~ div.tir .OD5,
|
|
&[value="1"] ~ div.tir .OD2,
|
|
&[value="1"] ~ div.tir .OD3,
|
|
&[value="1"] ~ div.tir .OD4,
|
|
&[value="1"] ~ div.tir .OD5,
|
|
&[value="2"] ~ div.tir .OD3,
|
|
&[value="2"] ~ div.tir .OD4,
|
|
&[value="2"] ~ div.tir .OD5,
|
|
&[value="3"] ~ div.tir .OD4,
|
|
&[value="3"] ~ div.tir .OD5,
|
|
&[value="4"] ~ div.tir .OD5 {
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
&.savoir {
|
|
&[value="0"] ~ div.savoir,
|
|
&[value="0"] ~ div.savoir .OD1,
|
|
&[value="0"] ~ div.savoir .OD2,
|
|
&[value="0"] ~ div.savoir .OD3,
|
|
&[value="0"] ~ div.savoir .OD4,
|
|
&[value="0"] ~ div.savoir .OD5,
|
|
&[value="1"] ~ div.savoir .OD2,
|
|
&[value="1"] ~ div.savoir .OD3,
|
|
&[value="1"] ~ div.savoir .OD4,
|
|
&[value="1"] ~ div.savoir .OD5,
|
|
&[value="2"] ~ div.savoir .OD3,
|
|
&[value="2"] ~ div.savoir .OD4,
|
|
&[value="2"] ~ div.savoir .OD5,
|
|
&[value="3"] ~ div.savoir .OD4,
|
|
&[value="3"] ~ div.savoir .OD5,
|
|
&[value="4"] ~ div.savoir .OD5 {
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
&.technique {
|
|
&[value="0"] ~ div.technique,
|
|
&[value="0"] ~ div.technique .OD1,
|
|
&[value="0"] ~ div.technique .OD2,
|
|
&[value="0"] ~ div.technique .OD3,
|
|
&[value="0"] ~ div.technique .OD4,
|
|
&[value="0"] ~ div.technique .OD5,
|
|
&[value="1"] ~ div.technique .OD2,
|
|
&[value="1"] ~ div.technique .OD3,
|
|
&[value="1"] ~ div.technique .OD4,
|
|
&[value="1"] ~ div.technique .OD5,
|
|
&[value="2"] ~ div.technique .OD3,
|
|
&[value="2"] ~ div.technique .OD4,
|
|
&[value="2"] ~ div.technique .OD5,
|
|
&[value="3"] ~ div.technique .OD4,
|
|
&[value="3"] ~ div.technique .OD5,
|
|
&[value="4"] ~ div.technique .OD5 {
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
&.aura {
|
|
&[value="0"] ~ div.aura,
|
|
&[value="0"] ~ div.aura .OD1,
|
|
&[value="0"] ~ div.aura .OD2,
|
|
&[value="0"] ~ div.aura .OD3,
|
|
&[value="0"] ~ div.aura .OD4,
|
|
&[value="0"] ~ div.aura .OD5,
|
|
&[value="1"] ~ div.aura .OD2,
|
|
&[value="1"] ~ div.aura .OD3,
|
|
&[value="1"] ~ div.aura .OD4,
|
|
&[value="1"] ~ div.aura .OD5,
|
|
&[value="2"] ~ div.aura .OD3,
|
|
&[value="2"] ~ div.aura .OD4,
|
|
&[value="2"] ~ div.aura .OD5,
|
|
&[value="3"] ~ div.aura .OD4,
|
|
&[value="3"] ~ div.aura .OD5,
|
|
&[value="4"] ~ div.aura .OD5 {
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
&.parole {
|
|
&[value="0"] ~ div.parole,
|
|
&[value="0"] ~ div.parole .OD1,
|
|
&[value="0"] ~ div.parole .OD2,
|
|
&[value="0"] ~ div.parole .OD3,
|
|
&[value="0"] ~ div.parole .OD4,
|
|
&[value="0"] ~ div.parole .OD5,
|
|
&[value="1"] ~ div.parole .OD2,
|
|
&[value="1"] ~ div.parole .OD3,
|
|
&[value="1"] ~ div.parole .OD4,
|
|
&[value="1"] ~ div.parole .OD5,
|
|
&[value="2"] ~ div.parole .OD3,
|
|
&[value="2"] ~ div.parole .OD4,
|
|
&[value="2"] ~ div.parole .OD5,
|
|
&[value="3"] ~ div.parole .OD4,
|
|
&[value="3"] ~ div.parole .OD5,
|
|
&[value="4"] ~ div.parole .OD5 {
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
&.sangFroid {
|
|
&[value="0"] ~ div.sangFroid,
|
|
&[value="0"] ~ div.sangFroid .OD1,
|
|
&[value="0"] ~ div.sangFroid .OD2,
|
|
&[value="0"] ~ div.sangFroid .OD3,
|
|
&[value="0"] ~ div.sangFroid .OD4,
|
|
&[value="0"] ~ div.sangFroid .OD5,
|
|
&[value="1"] ~ div.sangFroid .OD2,
|
|
&[value="1"] ~ div.sangFroid .OD3,
|
|
&[value="1"] ~ div.sangFroid .OD4,
|
|
&[value="1"] ~ div.sangFroid .OD5,
|
|
&[value="2"] ~ div.sangFroid .OD3,
|
|
&[value="2"] ~ div.sangFroid .OD4,
|
|
&[value="2"] ~ div.sangFroid .OD5,
|
|
&[value="3"] ~ div.sangFroid .OD4,
|
|
&[value="3"] ~ div.sangFroid .OD5,
|
|
&[value="4"] ~ div.sangFroid .OD5 {
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
&.discretion {
|
|
&[value="0"] ~ div.discretion,
|
|
&[value="0"] ~ div.discretion .OD1,
|
|
&[value="0"] ~ div.discretion .OD2,
|
|
&[value="0"] ~ div.discretion .OD3,
|
|
&[value="0"] ~ div.discretion .OD4,
|
|
&[value="0"] ~ div.discretion .OD5,
|
|
&[value="1"] ~ div.discretion .OD2,
|
|
&[value="1"] ~ div.discretion .OD3,
|
|
&[value="1"] ~ div.discretion .OD4,
|
|
&[value="1"] ~ div.discretion .OD5,
|
|
&[value="2"] ~ div.discretion .OD3,
|
|
&[value="2"] ~ div.discretion .OD4,
|
|
&[value="2"] ~ div.discretion .OD5,
|
|
&[value="3"] ~ div.discretion .OD4,
|
|
&[value="3"] ~ div.discretion .OD5,
|
|
&[value="4"] ~ div.discretion .OD5 {
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
&.dexterite {
|
|
&[value="0"] ~ div.dexterite,
|
|
&[value="0"] ~ div.dexterite .OD1,
|
|
&[value="0"] ~ div.dexterite .OD2,
|
|
&[value="0"] ~ div.dexterite .OD3,
|
|
&[value="0"] ~ div.dexterite .OD4,
|
|
&[value="0"] ~ div.dexterite .OD5,
|
|
&[value="1"] ~ div.dexterite .OD2,
|
|
&[value="1"] ~ div.dexterite .OD3,
|
|
&[value="1"] ~ div.dexterite .OD4,
|
|
&[value="1"] ~ div.dexterite .OD5,
|
|
&[value="2"] ~ div.dexterite .OD3,
|
|
&[value="2"] ~ div.dexterite .OD4,
|
|
&[value="2"] ~ div.dexterite .OD5,
|
|
&[value="3"] ~ div.dexterite .OD4,
|
|
&[value="3"] ~ div.dexterite .OD5,
|
|
&[value="4"] ~ div.dexterite .OD5 {
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
&.perception {
|
|
&[value="0"] ~ div.perception,
|
|
&[value="0"] ~ div.perception .OD1,
|
|
&[value="0"] ~ div.perception .OD2,
|
|
&[value="0"] ~ div.perception .OD3,
|
|
&[value="0"] ~ div.perception .OD4,
|
|
&[value="0"] ~ div.perception .OD5,
|
|
&[value="1"] ~ div.perception .OD2,
|
|
&[value="1"] ~ div.perception .OD3,
|
|
&[value="1"] ~ div.perception .OD4,
|
|
&[value="1"] ~ div.perception .OD5,
|
|
&[value="2"] ~ div.perception .OD3,
|
|
&[value="2"] ~ div.perception .OD4,
|
|
&[value="2"] ~ div.perception .OD5,
|
|
&[value="3"] ~ div.perception .OD4,
|
|
&[value="3"] ~ div.perception .OD5,
|
|
&[value="4"] ~ div.perception .OD5 {
|
|
display:none;
|
|
}
|
|
}
|
|
}
|
|
} |